Dialog Design 2 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

1http://img.cs.man.ac.uk/stevens Interaction Models of Humans and Computers CS2352: Lecture 7 Robert Stevens
Usability paradigms and principles z Designing for maximum usability is the goal of design z History of interactive system design provides paradigms for.
MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
SIMS 213: User Interface Design & Development
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.
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.
Understanding and Conceptualizing Interaction Chapter 2.
What is usability? Usability (1): effective, efficient and satisfactory Usability (2): Ease of learning (faster the second time and so on) Recall (remember.
Chapter 2: Understanding and conceptualizing interaction
Dialog Design Command languages, direct manipulation, and WIMP.
ICS 463, Intro to Human Computer Interaction Design: 10. Interaction and Windows Dan Suthers.
Dialog Design Command languages, direct manipulation, and WIMP.
Dialog Design Command languages, direct manipulation, and WIMP.
Other Interaction Styles: Direct Manipulation, Haptic, Multimedia, Multimodal, Virtual Reality, Video Games Dr.s Barnes and Leventhal.
CSC450 Software Engineering
Chapter 2: Understanding and conceptualizing interaction Question 1.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
CHAPTER 6 BEN CARSON SUNIL D SOUZA RAJESH GOLLA. Section Introduction Users of systems incorporating direct manipulation are enthusiastic supporters.
Lecture 6 User Interface Design
The ID process Identifying needs and establishing requirements Developing alternative designs that meet those requirements Building interactive versions.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Direct Manipulation Shneiderman and Plaisant, Chapter 6
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
Human – Computer Interaction
Human Computer Interaction
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
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.
Theories and Practice of Interactive Media 13 October 2003 Kathy E. Gill.
Interaction modalities Command languages, direct manipulation, and WIMP.
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Human Computer Interface INT211
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
An Instructor’s Outline of Designing the User Interface 4th Edition
Anthony Tang, acknowledgements to Saul Greenberg
Human – Computer Interaction
11.10 Human Computer Interface
Human Computer Interface
An Instructor’s Outline of Designing the User Interface 4th Edition
Unit 2 User Interface Design.
P4: Write-Up Write this as if it’s going to be sent to the boss of your company (boss of your boss) What was the design problem? What did you do for user.
Usability paradigms and principles
GUI Week 9.
Ch 1 Second Half What is a Language?
Human Computer Interface
ISC Chapter Six Notes Direct Manipulation.
Human Computer Interface
Usability paradigms and principles
The interaction.
Human Computer Interface
Human Computer Interface
Chapter 11 Interaction styles
Design dilbert Fall 2002 CS/PSY 6750.
Kuliah #5: Direct Manipulation and Virtual Environments
CHAPTER 5: Direct Manipulation and Virtual Environments
Human Computer Interaction
Chapter 4 paradigms.
High level models of human-computer behaviour
Chapter 4 paradigms.
Chapter 4 paradigms.
Presentation transcript:

Dialog Design 2 Direct Manipulation 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 Fall 2002 CS/PSY 6750

Direct Manipulation Examples WYSIWYG editors and word processors VISICALC - 1st electronic spreadsheet CAD Desktop metaphor Video games Fall 2002 CS/PSY 6750

DM 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 Fall 2002 CS/PSY 6750

DM Advantages Easier to learn & remember, particularly for novices Direct WYSIWYG 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 Fall 2002 CS/PSY 6750

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) Not good at Repetition History keeping (harder) Certain tasks (Change all italics to bold) Abstract elements (variables) Macros harder Fall 2002 CS/PSY 6750

More Psychological View What is directness? (not always done well) Related to two things: Distance Engagement Hutchins, Hollan, Norman ‘86 Fall 2002 CS/PSY 6750

Distance Two gaps or “gulfs” between user’s goals and system image Directness partly depends on the distance between these two gulfs Gulf of execution Gulf of evaluation Execution Goals System Execution Fall 2002 CS/PSY 6750

Gulfs Gulf of execution Gulf of evaluation Distance between user’s goals and means of achieving them in system Does the system allow the user to do what they want? Gulf of evaluation Amount of effort person must expend to interpret system state and judge if intention was achieved Can use perceive if progressing favorably? Fall 2002 CS/PSY 6750

Directness and Distance Two types Semantic - Relation between what user want to express and what is available in interface Can I say what I want (concisely)? Articulatory - Relation between meanings of expressions and their physical form(s) Is the way to perform an action expected and clear (appropriate)? Fall 2002 CS/PSY 6750

Engagement Ultimately…. Feeling that you are directly manipulating the objects of interest Promoted by Unobtrusive interface Minimizing gulfs of execution and evaluation Appropriately responsive system Ultimately…. In end, must characterize direct manipulation by feeling of directness and illusion of manipulating objects at hand Fall 2002 CS/PSY 6750