Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.

Slides:



Advertisements
Similar presentations
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Advertisements

What do these things have in common? a mouse a touch screen a program on your Mac or PC that includes a trashcan, icons of disk drives, and folders pull-down.
Chapter 11 user support. Issues –different types of support at different times –implementation and presentation both important –all need careful design.
Chapter 12 User Interface Design
LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
User Interface Design Lecture #4 Part-B.
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
User Interface Design Notes p7 T120B pavasario sem.
Interaction Styles Course 6, CMC, 07/10/03 Direct Manipulation
Designing the User Interface Theories, Principles, and Guidelines Course 4, CMC, 23/09/03.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Help and Documentation zUser support issues ydifferent types of support at different times yimplementation and presentation both important yall need careful.
Lecture 7 Date: 23rd February
CS147 - Terry Winograd - 1 Lecture 6 – Usability Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department Stanford.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
1 Pertemuan 12 Interface Matakuliah: M0446/Analisa dan Perancangan Sistem Informasi Tahun: 2005 Versi: 0/0.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
Help and Documentation CSCI324, IACT403, IACT 931, MCS9324 Human Computer Interfaces.
Principles and Methods
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Characteristics of Good Human- Computer Dialogues Howell Istance.
Dialogue Styles.
Discussion Silvia Lindtner INF 132 April 07. Fitts’ law - recap A predictive model of time to point at an object Help decide the location and size of.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Performing User Interface Design
CSC450 Software Engineering
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
1 Interface Design Easy to use? Easy to understand? Easy to learn?
Systems Analysis and Design in a Changing World, 6th Edition
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
Lecture 6 User Interface Design
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
Interaction Styles. Hall of Fame The 3-point seatbelt Brief history ●1959: Invented by Nils Bohlin ○patent released by Volvo ○saving lives > profit ●1968.
Navigation Sequences Proper navigation Poor navigation Poor Navigation.
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
1 Chapter 15 User Interface Design. 2 Interface Design Easy to use? Easy to understand? Easy to learn?
CIS Fall 99 - Evaluating Information Systems1 Evaluating Information Systems November 16, 1999.
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
Design Rules-Part B Standards and Guidelines
1 Interaction Styles. 2 Introduction In order to get a system or a device to do something for us we need to be able to communicate/ interact with that.
G063 - Human Computer Interface Design Designing the User Interface.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
1 COSC 4406 Software Engineering COSC 4406 Software Engineering Haibin Zhu, Ph.D. Dept. of Computer Science and mathematics, Nipissing University, 100.
1 ISDE Revision Topics 2012 Compiled by Sheila Cassidy-Allan using J Burns slides.
INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.
User Interface Design Lecture #4 Part-A. 30 January, 2008Human Computer Interaction Spring 2008, Lecture #4A 2 Agenda Principles on User Interface Design.
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Chapter 2 Hix & Hartson Guidelines.
Human-Computer Interaction
Unit 2 User Interface Design.
Interaction Styles.
Design rules.
Ch 1 Second Half What is a Language?
G061 - Tailored Interfaces
What do these things have in common?
Proper functionality Good human computer interface Easy to maintain
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

Dialog Styles

The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation

Q & A n Simple interaction style n Users respond to series of questions n Input is usually Y/N or a particular single input –No of pages to print?

Advantages of Q & A n Easy to learn n Good for novice or casual users n Errors can be trapped n User is led step by step through the task

Disadvantages of Q & A n Task has to be clearly defined and quite narrow n Have limited functionality n Not sophisticated

Menu Selection metaphor n Employs metaphor of restaurant menu n Users n Users read list of items; select appropriately according to task; apply syntax to indicate selection; confirm choice; initiate action; observe effect n Designers n Designers may need to use careful task analysis to ensure all functions supported conveniently, and that terminology is appropriate and consistent in use

Advantages and Disadvantages of Menu Selection n Advantages –shortens learning curve –reduces keystrokes –structures decision-making –permits use of dialogue-management tools –allows easy support of error-handling n Disadvantages –imposes danger of deep-nested menu hierarchies –may slow frequent users –consumes screen “real estate” –requires rapid display rate

Form Fill-in metaphor n Paper forms can be used as metaphor (or indeed, template) n Users n Users see a display of related fields; move a cursor among the fields, and enter data as appropriate n Designers n Designers need to ensure that users understand field labels, appropriate values and the data-entry method, and are capable of responding to error messages - some user training may be necessary

Advantages and Disadvantages of Form Fill-in n Advantages –simplifies data entry –requires modest training –makes assistance convenient –permits use of form-management tools n Disadvantages –consumes screen “real estate”

Command Language metaphor n Appropriate metaphor may be military parade ground! n Users n Users learn syntax; can express complex possibilities rapidly without reading distracting prompts n Designers n Designers must allow for high error-rates; diversity of possibilities and complexity of mapping from task to computer syntax is hard; user training is necessary

Advantages and Disadvantages of Command Language n Advantages –flexible –appeals to “power” users –supports user-initiative –convenient for creating user-defined macros n Disadvantages –poor error handling –requires substantial training and memorisation

Natural Language metaphor n Utilises conversational metaphor n Users n Users enter natural language sentences; computer often seeks clarification before beginning task n Designers n Designers need to understand task domain to narrow range of interpretations to manageable level; design is extremely difficult.

Advantages and Disadvantages of Natural Language n Advantages –relieves burden of learning syntax –no training! n Disadvantages –requires clarification dialogue –may require more keystrokes –may not show context –is unpredictable

Direct Manipulation n Metaphor n Metaphor is of a virtual world representing the “real world” n Users n Users point at visual representations of objects and actions, carry out tasks rapidly and see immediate results; keyboard control replaced by cursor-motion control devices n Designers n Designers need to choose appropriate icons and graphics to successfully “immerse” the user - minimal user training indicated

Advantages and Disadvantages of Direct Manipulation n Advantages –presents task concepts visually –easy to learn –easy to retain –permits error avoidance –encourages exploration –permits high subjective satisfaction n Disadvantages –may be hard to code –may require graphics displays and pointing devices

Shneiderman’s Eight Golden Rules of Dialogue Design 1. Strive for consistency 2. Enable frequent users to use shortcuts 3. Offer informative feedback 4. Design dialogues to yield closure 5. Offer simple error handling 6. Permit easy reversal of actions 7. Support internal locus of control 8. Reduce short-term memory load