Fall 2002CS/PSY 67501 Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.

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

Tutorial 12: Enhancing Excel with Visual Basic for Applications
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.
CMC/CC A Paradigms for Interaction Master IK, CIW, MMI L.M. Bosveld-de Smet Hoorcollege 3; ma. 18 sept. 2006;
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.
Vermelding onderdeel organisatie 1 MKT project 1 & Mens-Machine-Interactie slides chapter 3 Dix et al. The interaction Charles van der Mast.
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
User-Centered Design Good design The user says “Yes, I see” or “Of course”. A simple explanation is sufficient. Bad design The user says “How am I going.
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
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.
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.
Direct Manipulation Shneiderman and Plaisant, Chapter 6
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
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.
Direct Manipulation Shneiderman and Plaisant, Chapter 6 (from slides at Hutchins, E. L., Hollan, J. D., & Norman,
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.
Characteristics of Graphical and Web User Interfaces
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
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.
How do people use an Interface Gabriel Spitz 1. User Interface Design?  Design is solving a problem  Design is creating an object or the means to enable.
Interaction Frameworks COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 3 Chapter (Heim)
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
11.10 Human Computer Interface
An Instructor’s Outline of Designing the User Interface 4th Edition
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
Software engineering USER INTERFACE DESIGN.
Human Computer Interface
ISC Chapter Six Notes Direct Manipulation.
Human Computer Interface
Usability paradigms and principles
Dialog Design 2 Direct Manipulation
Human Computer Interface
Human Computer Interface
Chapter 11 Interaction styles
Kuliah #5: Direct Manipulation and Virtual Environments
CHAPTER 5: Direct Manipulation and Virtual Environments
Human Computer Interaction
Presentation transcript:

Fall 2002CS/PSY 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 2002CS/PSY Direct Manipulation Examples  WYSIWYG editors and word processors  VISICALC - 1 st electronic spreadsheet  CAD  Desktop metaphor  Video games

Fall 2002CS/PSY 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 2002CS/PSY 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 2002CS/PSY 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 2002CS/PSY More Psychological View What is directness? (not always done well) Related to two things:  Distance  Engagement Hutchins, Hollan, Norman ‘86

Fall 2002CS/PSY 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 Goals System Execution

Fall 2002CS/PSY Gulfs Gulf of execution  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 2002CS/PSY 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 2002CS/PSY Engagement 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