Dialogue Styles.

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

Human Computer Interface
Chapter 11 user support. Issues –different types of support at different times –implementation and presentation both important –all need careful design.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
User Interface Design Lecture #4 Part-B.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
User Interface Design Notes p7 T120B pavasario sem.
1 Forms Design. 2 Class list form DB Brock 1999 Version Titles are a good thing Notice the inconsistency between the order of these fields.
Interaction Styles Course 6, CMC, 07/10/03 Direct Manipulation
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.
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.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Lecture 7 Date: 23rd February
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Menu-Selection and Form Fillin. Menu selection design guidelines 4 Semantic organisation logical grouping of options –sensible, understandable, memorable.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 14 Designing.
1 Pertemuan 12 Interface Matakuliah: M0446/Analisa dan Perancangan Sistem Informasi Tahun: 2005 Versi: 0/0.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
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.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 4 Product Design. Objectives of Design  As all other aspects of object-oriented system development, design can be deployed in an iterative or.
Performing User Interface Design
CSC450 Software Engineering
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Chapter 12 Designing Interfaces and Dialogues
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Chapter 12 Designing the Inputs and User Interface.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
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.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
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.
10/8/2015© Jeff Offutt, Menu Design Guidelines Jeff Offutt SWE 432 Design and Implementation of Software for.
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?
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.
Human-Computer Interaction UI Architecture. 2 Model-View-Controller (MVC)
G063 - Human Computer Interface Design Designing the User Interface.
1 User Interface Design Components Chapter Key Definitions The navigation mechanism provides the way for users to tell the system what to do The.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Chap#11 What is User Support?
INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.
Chapter 7 Jay Babb Andrew Bates Steve Haroz. Display limitation  Long, functionally grouped menus are preferred over deep menus.  Resolution problem.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Styles of User Interface. Learning Objectives: By the end of this topic you should be able to: describe the characteristics of different styles of user.
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
1 Unit E-Guidelines (c) elsaddik SEG 3210 User Interface Design & Implementation Prof. Dr.-Ing. Abdulmotaleb.
Menu, Form Fill-in and Dialog Box Session 06
Human Computer Interaction Lecture 21 User Support
Chapter 2 Hix & Hartson Guidelines.
Human-Computer Interaction
Unit 2 User Interface Design.
Interaction Styles.
Chapter 11 user support.
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

Dialogue Styles

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

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

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

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

Menu Selection Employs metaphor of restaurant menu Users read list of items; select appropriately according to task; apply syntax to indicate selection; confirm choice; initiate action; observe effect 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 Menus shortens learning curve reduces keystrokes structures decision-making permits use of dialogue-management tools allows easy support of error-handling Disadvantages imposes danger of deep-nested menu hierarchies may slow frequent users consumes screen “real estate” requires rapid display rate

Form Fill-in Paper forms can be used as metaphor (or indeed, template) Users see a display of related fields; move a cursor among the fields, and enter data as appropriate 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 simplifies data entry requires modest training makes assistance convenient permits use of form-management tools Disadvantages consumes screen “real estate”

Command Language Appropriate metaphor may be military parade ground! Users learn syntax; can express complex possibilities rapidly without reading distracting prompts 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 flexible appeals to “power” users supports user-initiative convenient for creating user-defined macros Disadvantages poor error handling requires substantial training and memorisation

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

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

Direct Manipulation Metaphor is of a virtual world representing the “real world” 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 Designers need to choose appropriate icons and graphics to successfully “immerse” the user - minimal user training indicated

Advantages and Disadvantages of Direct Manipulation presents task concepts visually easy to learn easy to retain permits error avoidance encourages exploration permits high subjective satisfaction 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

Menu-Selection & Form Fill-in Additional Guidelines

Menu selection design guidelines Semantic organisation sensible, understandable, memorable menus must have logical grouping of options based on user’s task single menu is simplest, but options are few (in GUIs radio buttons or check boxes can be used) binary (Yes/No) menus are a possibility extended menus (multiple pages are more normal)

Extended menus Strategies for extended menus include multiple screens accessed hierarchically scrollable “single” windows pull-down menus: lower levels invisible until accessed from a top menu bar pop-up menus: context-sensitive availability of option lists

Menu selection guidelines Use task semantics to group menu options Use “broad and shallow” options rather than “narrow and deep” Make items brief; show position by numbers, graphics or titles Use meaningful sequences of items Use consistent grammar, layout, terminology Provide short-cuts (e.g., “hot-key combinations) Allow jumps to previous menus

Form fill-in design Meaningful titles - dictated by task, not computer, semantics Comprehensible instructions brief, jargon-free instructions preferred Logical grouping and sequencing of fields close as possible to paper form “template” Visually appealing layout uniform spacing is better than crowded areas Familiar field-label names and order of entry left-to-right, top-to-bottom but with task logic in mind

Form fill-in: Error handling and feedback Error correction for individual characters and entire fields user should not be forced to “complete” data entry before backtracking to make corrections Clear error-messages and on-line help for invalid entries Optional and compulsory fields clearly distinguished Clear completion signal avoid making completion automatic; explicit confirmation of “finish” is preferable