Dialog Design Command languages, direct manipulation, and WIMP.

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
Software Development Languages and Environments. Programming languages High level languages are problem orientated contain many English words are easier.
User Interfaces. Good interface design  A good interface design can help to ensure that users carry out their tasks: – Safely - in the case of a jumbo.
User Interface Design Notes p7 T120B pavasario sem.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
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.
Dialogue Design Speech, pen, and gestures Speech Output  Tradeoffs in speed, naturalness and understandability  Male or female voice? Technical issues.
Interaction – Speech and Pen Natural input Universal design Take advantage of familiarity, existing knowledge Alternative input & output Multi-modal.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Lecture 7 Date: 23rd February
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Dialog Design Speech/Natural Language Pen & Gesture.
Dialog design How do we communicate with computers?
Principles and Methods
Dialog Design Command languages, direct manipulation, and WIMP.
Dialog Design Command languages, direct manipulation, and WIMP.
How do we communicate with computers?
Dialogue Styles.
CSC450 Software Engineering
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
Human Computer Interface. Human Computer Interface? HCI is not just about software design HCI applies to more than just desktop PCs!!! No such thing as.
Operating Systems Chapter 4.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
SOFTWARE.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
11.10 Human Computer Interface www. ICT-Teacher.com.
User Interface Styles A method for getting information from the user or interfacing with a user. Usually, interfaces provide more than one style: Command.
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.
Unit 1_9 Human Computer Interface. Why have an Interface? The user needs to issue instructions Problem diagnosis The Computer needs to tell the user what.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Lecture 6 User Interface Design
©RavichandranUser interface Slide 1 User interface design.
The ID process Identifying needs and establishing requirements Developing alternative designs that meet those requirements Building interactive versions.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
SBD: Interaction Design Chris North cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
User Support Chapter 8. Overview Assumption/IDEALLY: If a system is properly design, it should be completely of ease to use, thus user will require little.
Fall 2002CS/PSY Dialog Design 1 Command languages and WIMP Command languages  Advantages, disadvantages  Design guidelines WIMP  Advantages, disadvantages.
Interaction modalities Command languages, direct manipulation, and WIMP.
Fall 2002CS/PSY Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.
Interaction modalities Command languages, direct manipulation, and WIMP.
Different Types of HCI CLI Menu Driven GUI NLI
Conceptual Design Dr. Dania Bilal IS588 Spring 2008.
FatMax Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 LicenseCreative Commons Attribution-NonCommercial-ShareAlike 2.5.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Interaction Styles Chris North cs3724: HCI. Presentations mike miller sean king Vote: UI Hall of Fame/Shame?
Human Computer Interface INT211
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
ITM 734 Introduction to Human Factors in Information Systems Cindy Corritore This material has been developed by Georgia Tech HCI faculty,
Systems and User Interface Software. Types of Operating System  Single User  Multi User  Multi-tasking  Batch Processing  Interactive  Real Time.
SBD: Interaction Design Chris North CS 3724: HCI.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
Dialog Design - Speech & Natural Language This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Human-Computer Interaction
11.10 Human Computer Interface
Human Computer Interface
Unit 2 User Interface Design.
Cooper Part III Interaction Details Designing for the Desktop
Dialog Design 4 Speech & Natural Language
Human Computer Interface
Human Computer Interface
Dialog Design 1 Command languages and WIMP
Dialog Design 2 Direct Manipulation
Human Computer Interface
Human Computer Interface
Proper functionality Good human computer interface Easy to maintain
Presentation transcript:

Dialog Design Command languages, direct manipulation, and WIMP

Part 2 continued  Keep design materials around Discussion of design space exploration in writeup  Choose one design and iterate on details Explain entire design in some way Create interactive prototype  Evaluation plan

Dialog Design  How does a user interact with the interface?

Dialog Styles  1. Command languages  2. WIMP - Window, Icon, Menu, Pointer  3. Direct manipulation  4. Speech/Natural language  5. Gesture, pen, VR

General Issues in Dialogue Style  Who is in control - user or computer  Initial training required  Learning time to become proficient  Speed of use  Generality/flexibility/power  Special skills - typing  Gulf of evaluation / gulf of execution  Screen space required  Computational resources required

Command Languages  Earliest UI interaction paradigm  Examples: MS-DOS shell, UNIX, Linux  Little or nothing is visible so… Work primarily by recall, not recognition Heavy memory load  Poor choice for novices but...

CL Advantages  Advantages for experts Speed, conciseness % ls (hard to beat) Can express actions beyond a limited set  Flags, piping one command to another Repetition, extensibility  Scripting, macros Easier implementation, less overhead Power  Abstraction, wild cards

CL Dangers  With added power, comes added responsibility and danger UNIX % rm -r *  Deletes every file that you have, and you can’t get them back

CL Design Goals  Consistency Have options and arguments expressed the same way everywhere  Good naming and abbreviations  UNIX fails here because commands were developed by lots of different people at different organizations  No guidelines provided

Names and Abbreviations  Specificity versus Generality General words  More familiar, easier to accept Specific (typically better)  More descriptive, meaningful, distinctive (Nonsense does surprisingly well in small set)  Abbrevs. allow for faster actions Expert performance begins to be dominated by motor times such as # of keystrokes Not good idea for novices (Allow but don’t require)

General Issues - CL  Who is in control - user or computer  Initial training required  Learning time to become proficient  Speed of use  Generality/flexibility/power  Special skills - typing  Gulf of evaluation / gulf of execution  Screen space required  Computational resources required

Dialog Design  1. Command language  2. Direct manipulation  3. WIMP  4. Speech/Natural language  5. Gesture, pen, VR

Direct Manipulation Essence  Representation of reality that can be manipulated  The user is able to apply intellect directly to the task  The tool itself seems to disappear

Direct Manipulation Definition:  1) Continuous visibility of the objects and actions of interest  2) Rapid, reversible, incremental actions whose effect is immediately noticeable  3) Replacement of command language syntax by direct manipulation of object of interest (physical actions, buttons, etc.) Shneiderman ‘82

Direct Manipulation  Examples WYSIWYG editors and word processors VISICALC - 1 st electronic spreadsheet CAD Desktop metaphor Video games

Example: Homefinder

Direct Manipulation  Advantages  Disadvantages

DM Advantages  Easier to learn & remember, particularly for novices  Flexible, easily reversible actions helps reduce anxiety in users  Provides context & instant visual feedback so user can tell if objectives are being achieved  Exploits human use of visual spatial cues  Limits types of errors that can be made

DM Problems  Screen space intensive (info not all that dense)  Need to learn meaning of components of visual representation  Visual representation may be misleading  Mouse ops may be slower than typing  Not self-explanatory (no prompts)

DM Problems  Not good at Repetition History keeping (harder) Certain tasks (Change all italics to bold) Abstract elements (variables) Macros harder

More Psychological View  What is directness? (not always done well)  Related to two things: Distance Engagement  Unobtrusive and responsive Hutchins, Hollan, Norman ‘86 Goals System Execution Evaluation

General Issues - DM  Who is in control - user or computer  Initial training required  Learning time to become proficient  Speed of use  Generality/flexibility/power  Special skills - typing  Gulf of evaluation / gulf of execution  Screen space required  Computational resources required

Dialog Design  1. Command language  2. Direct manipulation  3. WIMP  4. Speech/Natural language  5. Gesture, pen, VR

WIMP  Windows, Icons, Menus, Pointers Focus: Menus, Buttons, Forms  Predominant interface paradigm now (with some direct manipulation added)  Advantages: ?

Menus  Advantages: 1 keystroke or mouse operation vs. many No memorization of commands Limited input set  Disadvantages: Less direct user control - have to find correct menu / menu item Not so readily extensible Slower than keyboarding for experienced users, at least without accelerators

Menu Items  Organization strategies Create groups of logically similar items Cover all possibilities Ensure that items are non-overlapping Keep wording concise, understandable

A Good Example  Logical grouping  Visual separation of groups  Disabled items “grayed out”  Shortcuts shown  … indicates leads to dialogue

Presentation Sequence  Forms, dialogue boxes, menus  Use natural if available Time  e.g. Breakfast, Lunch, Dinner Numeric ordering  e.g. Point sizes for font  Other possibilities: Alphabetical Group related items Frequently used first Most important first

Other WIMP issues  Windows management How to locate, move, find Transfer information between  Icons Need graphic design attention  Toolbars

General Issues - WIMP  Who is in control - user or computer  Initial training required  Learning time to become proficient  Speed of use  Generality/flexibility/power  Special skills - typing  Gulf of evaluation / gulf of execution  Screen space required  Computational resources required

Natural input  Universal design  Take advantage of familiarity, existing knowledge  Alternative input & output  Multi-modal interfaces  Getting “off the desktop”

When to Use Speech  Hands busy  Mobility required  Eyes occupied  Conditions preclude use of keyboard  Visual impairment  Physical limitation

Speech Input  Speaker recognition Tell which person it is (voice print) Monitoring, recording  Speech recognition Identify words IBM ViaVoice, Dragon Dictate,...  Natural language understanding

Recognition Dimensions  Speaker dependent/independent Parametric patterns are sensitive to speaker With training (dependent) can get better  Vocabulary Some have 50,000+ words  Isolated word vs. continuous speech Continuous: where words stop & begin Typically a pattern match, no context used Did you vs. Didja

Recognition Example: My flight experience uh, I started off as a private pilot and then I spent 20 years flying as a navigator on C130s in the air force and I currently fly as a first officer on the SAAB 340 turboprop. my flight experience a and I started off as a private pilot and I spent 20 years flying is a navigator on C-130s in the Air Force and I currently fly as a first officer on the sound 340 turboprop.

And another example Here here's one of the thoughts I'd throw in on that. I'd agree with Howard that the combination of checklists and flows is the way way to manage things best. hair and here's one of the outside troodon and an eye to agree with power that the domination checklists and flows is the way that managed things best

Errors  Systems make four types of errors: Substitution - one for another Rejection - detected, but not recognized Insertion - added Deletion - not detected  Problems with recovery

Natural Language Understanding  Putting meaning to the words  Input might be spoken or typed  Holy grail of Artificial Intelligence problems

Eliza - a “Faked” Understanding  Person : Men are all alike. ELIZA : In what way? Person : They're always bugging us about something or other. ELIZA : Can you think of a specific example? Person : Well, my boyfriend made me come here. ELIZA : Your boyfriend made you come here? Person : He says I'm depressed much of the time. ELIZA : I am sorry to hear that you are depressed. Person : It's true. I am unhappy. ELIZA : Do you think coming here will help you not to be unhappy? Person : I need some help, that much seems certain. ELIZA : What would it mean to you if you got some help? Person : Perhaps I could learn to get along with my mother. ELIZA : Tell me more about your family   Weizenbaum, J., "ELIZA -- A computer program for the study of natural language communication between man and machine", Communications of the ACM 9(1):36-45, 1966

NL Factors/Terms  Syntactic Grammar or structure  Prosodic Inflection, stress, pitch, timing  Pragmatic Situated context of utterance, location, time  Semantic Meaning of words

SR/NLU Issues Advantages  Easy to learn and remember  Powerful  Fast, efficient (not always)  Little screen real estate Disadvantages  Assumes domain knowledge  Doesn’t work well enough yet Requires confirmation And recognition will always be error-prone  Expensive to implement  Unrealistic expectations can generate mistrust

Speech Output  Tradeoffs in speed, naturalness and understandability  Male or female voice? Technical issues (freq. response of phone) User preference (depends on the application)  Rate of speech Technically up to 550 wpm! Depends on listener  Synthesized or Pre-recorded? Synthesized: Better coverage, flexibility Recorded: Better quality, acceptance

Speech Output  Synthesis Quality depends on software ($$) Influence of vocabulary and phrase choices  Recorded segments Store tones, then put them together The transitions are difficult (e.g., numbers)

Designing Speech Interaction  Constrain vocabulary Limit valid commands Structure questions wisely (Yes/No) Manage the interaction Examples?  Slow speech rate, but concise phrases  Design for failsafe error recovery  Visual record of input/output  Design for the user – Wizard of Oz

Speech Tools/Toolkits  Java Speech SDK FreeTTS  IBM JavaBeans for speech  Microsoft speech SDK (Visual Basic, etc.)  OS capabilities (speech recognition and synthesis built in to OS) (TextEdit)  VoiceXML

General Issues – Speech/NL  Who is in control - user or computer  Initial training required  Learning time to become proficient  Speed of use  Generality/flexibility/power  Special skills - typing  Gulf of evaluation / gulf of execution  Screen space required  Computational resources required