ICS 463, Intro to Human Computer Interaction Design: 6 (Practice). Guidelines and Metrics Chapters 24-25.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

User Modeling CIS 376 Bruce R. Maxim UM-Dearborn.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.
User Interface Design Notes p7 T120B pavasario sem.
CPSC 481 Foundations and Principles of Human Computer Interaction
Design Activities in Usability Engineering laura leventhal and julie barnes.
Ergonomics, Standards and Law. Standards and Metrics n Standardisation generally makes people’s lives safer and easier n Standardisation benefits trade.
Human Computer Interface. HCI and Designing the User Interface The user interface is a critical part of an information system -- it is what the users.
UI Standards & Tools Khushroo Shaikh.
Instructor: Vincent Duffy, Ph.D. Associate Professor of IE Lecture 8 – Human-Computer Interaction Thurs. Feb. 8, 2007 IE 486 Work Analysis & Design II.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
Overview of Standards and Guidelines laura leventhal.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
ICS 463, Intro to Human Computer Interaction Design: 3. Perception Dan Suthers.
Principles and Methods
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
XP Using Common Features of Microsoft Office Tutorial 1.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 16 Slide 1 User interface design.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
Getting Started with Application Software
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
AS Level ICT Selection and use of appropriate software: Interfaces.
Gary MarsdenSlide 1University of Cape Town Human-Computer Interaction - 7 Design Guidelines & Standards Gary Marsden ( ) July 2002.
Ch 101 Chapter 10 Introduction to Batch Files. Ch 102 Overview A batch file is a text file that contains an ordered series of commands.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
10 Usability Heuristics for User Interface Design.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Software Engineering Chapter 16 User Interface Design Ku-Yaw Chang Assistant Professor Department of Computer Science and Information.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Design Rules-Part B Standards and Guidelines
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.
Internet Presentation. What is the Internet? The worlds largest computer network. A collection of local, regional and national computer networks linked.
Chapter 15: Analytical evaluation Q1, 2. Inspections Heuristic evaluation Walkthroughs Start Q3 Reviewers tend to use guidelines, heuristics and checklists.
Human-computer interaction: users, tasks & designs User modelling in user-centred system design (UCSD) Use with Human Computer Interaction by Serengul.
1 COSC 4406 Software Engineering COSC 4406 Software Engineering Haibin Zhu, Ph.D. Dept. of Computer Science and mathematics, Nipissing University, 100.
Human Computer Interaction
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Chapter 9: Design Guidance and Design Rationale Kevin Juang David Bate Will Rodes.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
CIS 376 Bruce R. Maxim UM-Dearborn
Chapter 2 Hix & Hartson Guidelines.
Human-Computer Interaction
ICS 463, Intro to Human Computer Interaction Design: 6 (Theory): Interface Metaphors (Chapter 7)
Usability engineering
Usability engineering
Software engineering USER INTERFACE DESIGN.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Proper functionality Good human computer interface Easy to maintain
Interface Design Easy to learn? Easy to use? Easy to understand?
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

ICS 463, Intro to Human Computer Interaction Design: 6 (Practice). Guidelines and Metrics Chapters 24-25

Guidelines: Principles Generic high level advice, such as: –Know the user population –Support rather than obstruct the task –Reduce cognitive load –Make state and functionality visible –Maintain consistency and clarity –Engineer for errors –Design for user growth Requires interpretation to apply Can help focus design

Guidelines: Design Rules Specific instructions, such as: –Always issue a warning before deleting –Provide “undo” for all actions –The first two menus should be “File” and “Edit” –Do not display more than 7+-2 items –Represent dates with mm/dd/yy in North America and dd.mm.yy in Europe –Represent decimals with xxx.xx in North America and xxx,xx in Europe Easy to apply but limited generality Sometimes wrong! Which above is wrong?

Smith & Mosier 1986

Tradeoffs Minimizing complexity and visual search versus minimizing context changes needed –e.g., how much info on your home page? Making all choices visible versus not obscuring workspace –e.g. how many items in a menu? (Communicator) Ease of learning versus speed of execution –e.g., menu selection versus control keys

Standards Standards look like guidelines and rules but say “shall” and “must” Reasons for standards in HCI: –Quality of design –Learnability and transfer of skills –Shared terminology and models –Health and safety (digital as well as physical) –Interoperability –Corporate identity

Standards Organizations International Standards Organization (ISO) –ISO Work with Visual Display Terminals International Electrotechnical Commission (IEC) Joint Technical Committee (JTC1) *** Institute of Electrical and Electronics Engineers (IEEE) –Learning Technology Standards Committee *** *** Coming soon to a university near you!

Issues with Standards etc. Standards –are based on existing practice –take years to develop but technology changes rapidly Often, it’ll cost you! There are also: –Government Standards –De facto standards: QUERTY, MS Office –House style guides: Windows and Macintosh style guides

Metrics Important for objective comparisons: “if you can’t measure it you don’t know it” Misleading if you measure the wrong thing! Types of metrics: –Analytic: based on design notation or features of interface –Performance: user’s performance with working prototype –Subjective: user’s perceptions of software and its use

Some Metrics Analytical –Predicted number of keystrokes needed (GOMS) –Number of command actions that are hidden versus visible –Complexity and organization of interface Performance –Time to complete task –Number or percent of task completed per unit time –Number of errors per task or unit time –Time required to reach task criterion or error rate –Rate of use of help system –Quality of task product Subjective (“Psychometric”) –User’s attitude towards the system –Perception of efficiency –Perception of helpfulness –Perception of control –Perception of learnability Consider also group level measurements

Assignment 5 1. Find two examples of an interface or system that –follows a guideline or design rule successfully –follows a guideline or design rule inappropriately –violates a guideline or design rule with detrimental results –violates a guideline or design rule with positive results (Choose two of these.) Make screen dumps and put them in a web page with a brief explanation. Send me the URL

Project Assignment X (This will not be graded but should be done.) Write an initial list of metrics that you think would be appropriate for your project. These metrics could be used for (indicate which): –Comparing designs –Measuring improvements as result of change –Setting absolute thresholds it to me (one per project, with cc to all project members)

Let’s look at your projects … … and mine