1 Design a User Interface and Prepare a Brief Design Document Jeremy Cannella EDIT 773 – Wanda Mally May 2, 2005 Informal Communication Performance Support.

Slides:



Advertisements
Similar presentations
Site Critique Fidelity.com By Brooke Baldwin November 2007.
Advertisements

Introduci ng :. .NET Presentation Overview: Summary of.NET Benefits Software Architecture.NET Screens Overview The purpose of this presentation is to.
Support.ebsco.com Nursing Reference Center Tutorial.
Chapter 11 Designing the User Interface
Operating Systems. Operating System (OS) The software that manages the sharing of the resources of a computer. Examples of Operating Systems ◦ Windows.
XX/XX/XX Presenter names Position Title Accessibility “How to”
© by Pearson Education, Inc. All Rights Reserved.
MULTIMEDIA Development Team.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Creating Accessible PowerPoint Presentations Presenter Jennifer Reid Office of Information Services Information Dissemination Staff.
Chapter 13: Designing the User Interface
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft PowerPoint 2002 Working with External.
6 th Annual Focus Users’ Conference Application Editor and Form Builder Presented by: Mike Morris.
Tutorial Introduction Fidelity NTSConnect is an innovative Web-based software solution designed for use by customers of Fidelity National Title Insurance.
Selecting and Developing Courses for Police Product Road Map.
The 12 screens to follow contain a number of Tool descriptions, some instructions on their use, and in some cases a Task or two. If you dedicate one hour.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs
Getting Started With MINDMAP 5 To try MINDMAP 5, just press Evaluate button. You have 30 days to evaluate our product. An easy way to get started is to.
In the Sandbox Playing with SkillPort 7 for the first time.
Chapter 12 Designing the Inputs and User Interface.
Systems Analysis and Design in a Changing World, 6th Edition
Using a scenario-planning tool to support an engaging online user experience Jon Pearce John Murphy David Patman Ian Brooks.
Getting Started with Moodle Getting Started Logging In Entering Your Address Viewing a Course Navigating Your Course’s Homepage Personalizing Your.
Evaluating the Effectiveness of Online Learning Programs ITEC 860 Fall 2003 Aniruddh Mukerji.
IE 411/511: Visual Programming for Industrial Applications
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Lesson 1 Introduction.
Enhancing the Graphical User Interface Multiple Forms, Controls, and Menus.
UNIT 6: SECURITY MEASURES IN WORD PROCESSORS. Reminders Office hours Friday, from 1pm – 3pm EST Complete the Unit 6 test Participate on the discussion.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Editors And Debugging Systems Other System Software Text Editors Interactive Debugging Systems UNIT 5 S.Sharmili Priyadarsini.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
USING INDESIGN AS A TOOL FOR DESIGN AND ADVERTISEMENT CREATION ANDY ALVAREZ EDTC 3332 INSTRUCTIONAL TECHNOLOGY PRACTICUM.
© 2010 Pearson Education, Inc. | Publishing as Prentice Hall1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 1: Starting with Microsoft.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Introduction to KE EMu
Digital Library Evaluation Flora McMartin Broad Based Knowledge
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Introduction to KE EMu Unit objectives: Introduction to Windows Use the keyboard and mouse Use the desktop Open, move and resize a.
Introduction to KE EMu Unit objectives: Introduction to Windows Use the keyboard and mouse Use the desktop Open, move and resize a.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
CSC480 Software Engineering Lecture 7 September 16, 2002.
UNIT 6: SECURITY MEASURES IN WORD PROCESSORS. Seminar Topics Assignments due this week Functions of word processing software Microsoft Word features.
CMPD 434 MULTIMEDIA AUTHORING Chapter 05 Part B Multimedia Authoring Process III.
LOOKOUT GPS TRACKER BY : PENYU NELANG. WHAT IS LOOKOUT ? We proposed this device to cope the kidnapped problems that become a rampant issues these days.
William H. Bowers – Specification Techniques Torres 17.
PRINCIPLES OF UNIVERSAL DESIGN: Usable learning environments for all students.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
Reviewing websites DAVE MCDONALD UNIT 13 WEBSITE DEVELOPMENT.
Investigating User Interfaces
Chapter 2 Hix & Hartson Guidelines.
Project Objectives Lay out Web pages Create layers
Hiring Center An Inside Look… Your inside look at the hiring center.
Instructions Layout 1 01 This is the area where you place your instructional content for the learner. 02 For example, you might wish to mention the quiz.
SpringerLink Training August 2010
Tutorial Introduction to help.ebsco.com.
Presentation transcript:

1 Design a User Interface and Prepare a Brief Design Document Jeremy Cannella EDIT 773 – Wanda Mally May 2, 2005 Informal Communication Performance Support Application: smalTALK™

2 Needs Analysis ConHugeCo (CHC) employees engage in significant informal communication in the course of business activities Often, CHC employees lack the skills and knowledge to effectively perform their informal communications requirements Informal communications requirements often take place outside CHC offices or in non-traditional workplaces: –Golf courses –Tradeshows –Conferences

3 User Analysis Gender –The ConHugeCo workforce is 57% male, 43% female. The application will be designed so as to incorporate non-gender specific or gender-inclusive language and graphics. Age –The average target employee age is 48. User ages range from 26 to 83, with the majority of users between 32 and 61 years of age. Work Experience –A majority of ConHugeCo employees have been with the company for less than four years. Work experience varies according to job description.

4 User Analysis Education –ConHugeCo's workforce is highly educated. Employees with post-secondary or further education account for 73% of ConHugeCo's employees. Ethnicity/Nationality –Some 4% of CHC employees are foreign nationals. In consideration of this diverse workforce, language, images, and examples used in the application will be reviewed to ensure that they are ethnically neutral, are universally understood, and non- offensive. Users with Assistive Needs –Of the target employee user group, 23 individuals have an assistive need requirement, including sight, hearing,and motor function impairments. The application will leverage the built-in accessibility features of the hardware and software platform.

5 Task Analysis Task before smalTALK™Task after smalTALK ™

6 Solution: smalTALK PDA-based application that provides informal communication performance support. Functionality: –Topical news items –Interesting facts –Conversation starters –Humorous asides –Organization/VIP backgrounders –Browsable/searchable

7 Design Considerations User characteristics Platform screen size: 240 pixels wide, 320 pixels high Operating system input controls Hardware interface and controls Quick access to content Discreet operation “Thumbable” Accessibility requirements

8 Interface Design 1. Main Menu 2. Select Talking Point 3. View Talking Point Click thumbnail to view, click again to hide Main Menu Designed for quick access to content via direct digit manipulation (i.e. “thumbable), in addition to the stylus. Can also be navigated using the PDA hardware buttons. Select Talking Point Presents a list of talking points for user selection. Both browsing and searching lead to this screen. View Talking Point Conversational content items appear here. Users can quickly return to either of the previous screens if another selection is desired.

9 Partial Heuristic Analysis What am I supposed to do now? Chunk info. Reversible Actions. One click access to help, menus, exit. Logical order. Clear button symbols or labels. Consistent cues. Buttons easily findable. Help and instructions easily accessible. Where Am I? Where can I go? Color must not be the sole conveyer of information. Multiple navigation modes. Icons always paired with text labels, easily distinguished, simple in design, borderless, and not color dependent. Make things visible. Place knowledge in the world. User's conceptual model matches system model Non-serifed standard text. Kruse & Keil PearrowNielsenNorman

10 Evaluations Formative Evaluation: Usability Testing –Heuristic Evaluation/Expert Review –Observed Usability Test Task List Conditions (start states) Standards (measures of success) –Accessibility Testing Summative Evaluation –Kirkpatrick Level 1: Reaction Questionnaire (“smile sheets”) –Kirkpatrick Level 3: Behavior Observe usage of program –Kirkpatrick Level 4: Organizational Results Compare test group vs. control group