CHAPTER 3: Direct Manipulation

Slides:



Advertisements
Similar presentations
Graphical User Interface Design
Advertisements

© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Dynamic Queries for Visual Information Seeking Ben Shneiderman Jin Tong Hyunmo Kang Cmsc838 Sep. 28, 1999.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
Representation at the Interface Gabriel Spitz 1 Lecture #13.
© 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.
Design Activities in Usability Engineering laura leventhal and julie barnes.
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.
Copyright © 2005, Pearson Education, Inc. Chapter 8 Command and Natural Languages.
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.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
1 Chapter 6 Direct Manipulation and Virtual Environment.
Chapter 2: Understanding and conceptualizing interaction
2D or 3D ? Presented by Xu Liu, Ming Luo. Is 3D always better than 2D? NO!
Other Interaction Styles: Direct Manipulation, Haptic, Multimedia, Multimodal, Virtual Reality, Video Games Dr.s Barnes and Leventhal.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
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,
IES 506 – Human Computer Interaction
Chapter 2: Understanding and conceptualizing interaction Question 1.
Direct Manipulation Lecture 7.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Direct Manipulation and Virtual Environment
Teaching with Multimedia and Hypermedia
Visual User Interfaces David Rashty. “Grasping the whole is a gigantic theme. Arguably, intellectual history’s most important. Ant-vision is humanity’s.
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.
Understanding and conceptualizing interaction. Recap HCI has moved beyond designing interfaces for desktop machines About extending and supporting all.
© 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.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
Chapter 10 Interacting with Visualization 박기남
Fall 2002CS/PSY Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.
AUGMENTED AND VISUAL REALITY. WHAT IS AUGMENTED AND VISUAL REALITY?
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Copyright © 2005, Pearson Education, Inc. Chapter 6 Direct Manipulation and Virtual Environment.
Telesurgery Emma Curran CS265. Telesurgery Telesurgery, which is also called remote surgery, is when a surgeon performs surgical tasks while being physcially.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
© 2017 Pearson Education, Inc., Hoboken, NJ. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective.
Chapter 6 : User interface design
An Instructor’s Outline of Designing the User Interface 4th Edition
CS 321: Human-Computer Interaction Design
System Design Ashima Wadhwa.
An Instructor’s Outline of Designing the User Interface 4th Edition
Unit 2 User Interface Design.
Software engineering USER INTERFACE DESIGN.
Usability & Human Factors
Minimalism in Documentation
Kuliah #7: Command and Natural Languages
Dialog Design 2 Direct Manipulation
Dynamic Queries for Visual Information Seeking Ben Shneiderman
Systems Analysis and Design in a Changing World, 6th Edition
CHAPTER 7: Information Visualization
Kuliah #5: Direct Manipulation and Virtual Environments
CHAPTER 4: Virtual Environments
CHAPTER 5: Direct Manipulation and Virtual Environments
CHAPTER 2: Guidelines, Principles, and Theories
CHAPTER 14: Information Visualization
CHAPTER 7: Command and Natural Languages
Presentation transcript:

CHAPTER 3: Direct Manipulation Designing the User Interface: Strategies for Effective Human-Computer Interaction Fifth Edition Ben Shneiderman & Catherine Plaisant in collaboration with Maxine S. Cohen and Steven M. Jacobs

Introduction Good interfaces => Satisfied user Competence in performing tasks Ease in learning the system Confidence in retaining mastery over time Enjoyment in using the system Direct-manipulation interfaces => Good interfaces Visible objects Rapid, reversible, incremental actions Pointing actions

Introduction Newer concepts extend direct manipulation Include Collaborative interfaces Touchable interfaces Virtual reality Augmented reality Teleoperation

Overview Reviews important historical examples Explores principles of direct manipulation Provides psychological jutifications Raises concerns Newer concerns 3D Teleoperation Virtual and augmented reality

Examples of Direct-Manipulation Systems Applications Office Automation Spatial Data Management System Video Games Computer Aided Design

Direct-Manipulation Systems : spatial data management Xeroc PARC’s Information Visualizer ArcGIS  Google Maps Google Earth

Direct-Manipulation Systems : Video Games Most exciting, well-engineered, and commercially successful example of direct-manipulation systems  Video Games Pong first video game Nintendo Wii, Sony PlayStation, and Microsoft Xbox continue to evolve 3D, stereo sound, multiplayer, wireless controllers Commands are physical actions whose results are immediately shown on screen No syntax to remember  no syntax error messages Games continuously display a score  feedback encourages mastery Game Examples: SimCity – good example of direct manipulation / urban planning Second Life – social virtual world Spore – evolving creatures Myst – puzzle; well received DOOM and Quake controversial World of Warcraft – massive multiplayer game

Direct-Manipulation Systems Guitar Hero video game

Direct-Manipulation Systems : Computer-aided design Computer-aided design (CAD) use direct manipulation Engineering, Architecture, Automobile Parts Designers Examples: AutoCAD, Autodesk Inventor Computer-aided manufacturing (CAM) Honeywells’ Experion Process Knowledge System plant operations/process control Manipulate the object of interest Generate alternatives easily Explain the impact Problem solving by analogy to the real-world

Direct-Manipulation Systems

Principles of Direct Manipulation Continuous representations of objects and actions of interest with meaningful visual metaphors. Novices learn, masters quick, intermittent users retain, can see actions further goals Physical actions or presses of labeled buttons, instead of complex syntax. Easy to learn, fewer errors, users feel in control Rapid, incremental, reversible actions whose effects on the objects are visible immediately.

3D Interfaces “Pure” 3D interfaces have strong utility in some context, e.g., medical, product design, scientific visualization Other situations, more constrained 2D interfaces may be preferable to simplify interactions e.g. 3D bar charts, air-traffic control, digital libraries “Enhanced” interfaces, better than reality, can help reduce the limitations of the real-world, e.g., providing simultaneous views, flying, x-ray vision Games are good example Avatars in multiplayer 3-D worlds First person games

3D Interfaces

3D Interfaces Features for effective 3D: Use occlusion, shadows, perspective, etc. carefully. Minimize number of navigation steps for users to accomplish their tasks. Keep text readable. Avoid unnecessary visual clutter, distraction, contrast shifts, and reflections. Simplify user movement. Prevent errors. Simplify object movement Organize groups of items in aligned structures to allow rapid visual search. Enable users to construct visual groups to support spatial recall.

3D Interfaces Guidelines for inclusion of enhanced 3D features: Provide overviews so users can see the big picture Allow teleoperation (more later) Offer X-ray vision so users can see into or beyond objects. Provide history keeping (for undo, redo) Permit rich user actions on objects Enable remote collaboration Give users control over explanatory text and let users select for details on demand. Offer tools to select, mark, and measure.

3D Interfaces Guidelines for inclusion of enhanced 3D features : Implement dynamic queries to rapidly filter out unneeded items. Support semantic zooming and movement Enable landmarks to show themselves even at a distance Allow multiple coordinated views Develop novel 3D icons to represent concepts that are more recognizable and memorable.

Teleoperation Derives from two concepts: direct manipulation in personal computers process control in complex environments Physical operation is remote controlled Surgery, power plants, chemical plants, military ops, computer-supported collaborative work Complicating factors in the architecture of remote environments: Time delays transmission delays operation delays Incomplete feedback Feedback from multiple sources Unanticipated interferences

Teleoperation - Applications Telemedicine: Medical care delivered over communication links Allows physicians to examine patients remotely and surgeons to carry out operations across continents. Telepathology A pathologist examines tissue samples or body fluids under a remotely located microscope. The transmitting workstation has a high resolution camera mounted on a motorized light microscope. The pathologist at the receiving workstation can manipulate the microscope using a mouse or keyboard and can see a high resolution image of magnified sample.

Telepathology

Teleoperation - Applications Virtual Colonoscopy: Allows the patient to undergo a CT scan as opposed to a more invasive procedure; The physicians can then interactively navigate through a 3D model . Robotic surgery An alternative to conventional surgery that enables a smaller incision and more accurate and precise surgical movements.

Robotic surgery

Teleoperation – military application Commonly used by the military and by civilian space projects Operations using unmanned aircraft Teleoperated missile firing aircraft Agile and flexible mobile robot Harsh environments such as undersea, space exploration

Direct Manipulation – Benefits and Drawbacks Control/display compatibility Less syntax reduces error rates Errors are more preventable Faster Learning and higher retention Encourages exploration Drawbacks: Increased system resources Some action may be cumbersome Macro techniques are often weak History and other tracing may be difficult Visually impaired users may have more difficulty