1 i247: Information Visualization and Presentation Marti Hearst April 16, 2008.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Clipping Lists & Change Borders: Improving Multitasking Efficiency with Peripheral Information Design Mary Czerwinski George Robertson Desney Tan Microsoft.
User Interface Specification in Complex Web-based Information Spaces INSPECTOR: Method and Tool for Visual UI Specification 1 Human-Computer Interaction.
Improving Aviation Safety with Information Visualization: Airflow Hazard Display for Pilots Cecilia R. Aragon IEOR 170 UC Berkeley Spring 2006.
Defence Research and Development Canada Recherche et développement pour la défense Canada Canada Spatialized Audio in the Common Operating Perspective.
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
UI Standards & Tools Khushroo Shaikh.
Evaluation Adam Bodnar CPSC 533C Monday, April 5, 2004.
Useability.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
1 SIMS 247: Information Visualization and Presentation Marti Hearst March 3, 2004.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 10, 2005.
CAD/CAM Design Process and the role of CAD. Design Process Engineering and manufacturing together form largest single economic activity of western civilization.
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.
Animation IS 247: Information Visualization and Presentation Saifon Obromsook Linda Harjono.
National 4/5 Graphic Communication Advantages of CAD 3D Modelling.
Discount Usability Engineering Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development March 2, 1999.
Interface Guidelines & Principles Focus on Users & Tasks Not Technology.
User Interface Theory & Design
 Design creates a new artifact (system, component or process) to meet a given need.  Broad Classifications ◦ Creative Designs – the first PDAs ◦ Variant.
INTROSE Introduction to Software Engineering Raymund Sison, PhD College of Computer Studies De La Salle University User Interface Design.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
1 DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice CS 376 – Research Topics in HCI 11/01/2005 Tony Tulathimutte.
Evaluation of Adaptive Web Sites 3954 Doctoral Seminar 1 Evaluation of Adaptive Web Sites Elizabeth LaRue by.
Title of Articulate Module (must match what’s on the VITALS calendar) Johnny Hippocrates, MD Assistant Professor of Western Medicine
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Requirements Engineering Requirements Elicitation Process Lecture-8.
Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Passage Three Multimedia Application. Training target: In this part , you should try your best to form good reading habits. In order to avoid your ill.
Diagrams and Text in Instruction: Comprehension of the Assembly Process Julie Heiser Marie-Paule Daniel Ginet Barbara Tversky Special thanks to Christina.
Design Rules-Part B Standards and Guidelines
1 ISE 412 Usability Testing Purpose of usability testing:  evaluate users’ experience with the interface  identify specific problems in the interface.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
1 Session Number Presentation_ID © 2001, Cisco Systems, Inc. All rights reserved. Using the Cisco TAC Web Site for LAN Switching Issues Cisco TAC Web Seminar.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
User Interface Design & Usability for the Web Card Sorting You should now have a basic idea as to content requirements, functional requirements and user.
User Interfaces 4 BTECH: IT WIKI PAGE:
ICS 463, Intro to Human Computer Interaction Design: 5. Design Processes Dan Suthers.
Project Deliverables CEN Engineering of Software 2.
The effects of working memory load on negative priming in an N-back task Ewald Neumann Brain-Inspired Cognitive Systems (BICS) July, 2010.
Conceptual Design Dr. Dania Bilal IS588 Spring 2008.
1 What the body knows: Exploring the benefits of embodied metaphors in hybrid physical digital environments Alissa N. Antle, Greg Corness, Milena Droumeva.
Introduction to Evaluation without Users. Where are you at with readings? Should have read –TCUID, Chapter 4 For Next Week –Two Papers on Heuristics from.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Factors influencing the usability of icons in the LCD touch screens Hsinfu Huang, Wang-Chin Tsai, Hsin-His Lai Department of Industrial Design, National.
Fall 2002CS/PSY Predictive Evaluation (Evaluation Without Users) Gathering data about usability of a design by a specified group of users for a particular.
Information Visualization “Ant-vision is humanity’s usual fate; but seeing the whole is every thinking person’s aspiration” - David Gelernter “Visualization.
Rapid Prototyping: An Alternative Instructional Design Strategy S. D. Tripp and B. Bichelmeyer (1990)
Team Building Project Design and Development Storyboard 1.
Prototyping Hix & Hartson:
Human Factors Issues Chapter 8 Paul King.
Prototyping.
CS 321: Human-Computer Interaction Design
Cecilia R. Aragon IEOR 170 UC Berkeley Spring 2006
Design, prototyping and construction
The Role of Prototyping
Case Study on requirements, design, and evaluation: NATS
Team # Member1, Member2 Assistant
HCI What ? HCI Why ? What happens when a human and a computer system interact to perform a task? task -write document, calculate budget, solve equation,
Design, prototyping and construction
Presentation transcript:

1 i247: Information Visualization and Presentation Marti Hearst April 16, 2008

2 Today 3D visualization –3D in scientific visualization –Applying 3D to abstract data The PARC Information Visualizer and follow-ons 3D for data graphics –Navigating in 3D space –The debate: does 3D help? Cognitive abilities and 3D 3D vs 2D –Case Study: Helping Helicopter Pilots (scientific viz)

3 3D and Scientific Visualization Visualizing information that is inherently 3D is a special case of infoviz –“Easier” in the sense that the 3D inherently makes sense –Still, you need to choose what to show and what not to show. Images from

4 Chimera (from UCSF)

5 3D for Abstract Information Pioneering Work by Card and Robertson –Had state-of-the-art graphics hardware; wanted to see what happens when pushing the boundaries –Motivated by Card & Moran’s theories of cognitive architecture Information Visualizer (PARC) WebBook/Webforager (PARC, 1996) Data Mountain (MS Research, 1998) Task Gallery (MS Research, 2000)

6 Objective: –Decrease the costs for performing information- intensive tasks, or, alternatively, increase the scope of information that can be utilized for the same cost. Method: –Large Workspaces –Make the immediate workspace virtually larger –Real-Time Interaction –Maximize the interaction rates –Visual Abstractions – Speed assimilation and pattern detection 8 Information Workspaces

7 Information Visualizer research.microsoft.com/~ggr/gi97.ppt 17

8 Web Forager 24

Task Gallery (Robertson et al. 2000)

10 Data Mountain Robertson, Czerwinski et al, 1998 Follow-on to Information Visualizer Organizing bookmarks using pile metaphor Uses: –Spatial organization –3D view with 2D interaction –Cartoon animation details –Subtle audio cues Debate: –Is this better than 2D?

11 3D vs. 2D Cockburn & McKenzie ’02 –Results for prior work with 3D systems are primarily negative for viz of things that are not inherently in 3D, but really results are mixed –Compared 2D, 2½D and 3D views of web page thumbnails –Did this for both physical and virtual interfaces –Compared sparse, medium, and dense displays

12 3D vs. 2D: Cockburn & McKenzie ’02

13 3D vs. 2D Cockburn & McKenzie ’02 –Results: Time taken sig. increased through 2D -> 3D interfaces Subjective assessment sig. decreased 2D -> 3D Performance degraded with denser problems 3D virtual interface produced the slowest times People prefered the physical interfaces People were better at using their spatial memory than they expected to be There was a problem with the physical 2½D display

14 The Role of Cognitive Abilities Leitheiser & Munro ‘95 –Summarizes the results of earlier psychological research on spatial aptitiude –Also summarizes work on effects of spatial aptitude and UI use –Presents a study comparing a GUI with a command line interface, taking spatial abilities into account

15 The Role of Cognitive Abilities Leitheiser & Munro ’95 Hypotheses: –Users with high spatial ability would benefit more from the GUI than those with low spatial ability (H1) –Users with high verbal ability would perform better on command line interfaces (H2) Tasks: –Obtain system time, list files, look up a file update time, open a subdirectory, move a file, copy a file, etc –Between subjects GUI (Mac) vs. Command line (DOS) Findings: –H1 supported –H2 not supported –Everyone did better on the GUI Low spatial ability users using the GUI required 90% of the time needed for command line interface

16 Gender differences and 3D Previous studies often found gender differences in 3D navigation Czerwinski et al. wondered why; saw a hint in one study, did a followup study in detail Idea: change the assumptions –Make screen wider –Gender performance differences disappear –Both improved

17 3D and Data Graphics There have been lots of attempts to 3D-ify these Results seemed mixed Some modern versions of the ideas are here: – –

18 Interacting with 3D spaces Path-drawing for 3D walkthrough, –Igarashi et al, UIST ’98 Problem: interacting with 3D via 2D screens Solution: be clever about how to convert 2D to 3D based on what the user is likely to intend

19 Creating in 3D Spaces Teddy: A 3D Drawing System –Igarishi

20 Other 3D Creation Tools Lots of other great ideas from Igarashi’s lab: –

21 Slides from Heiser et al. Sequences of Steps vs 3D + Animation Heiser, Phan, Agrawala, Tversky, Hanrahan ‘04 Domain: assembly instructions Identify –How people conceive of 3D assemblies –How people comprehend visual instructions Validate –Build automated instruction design system –Evaluate usability of resulting instructions

22 Slides from Heiser et al. Ensure Visibility of Parts Show parts added in each step Show mode and location of attachment Avoid changing viewpoint Use physically stable orientation

23 Slides from Heiser et al. Structural diagrams Action diagrams Illustrate Assembly Operations Use action diagrams rather than structural Use arrows and guidelines to indicate attachment

24 Improving Aviation Safety with Visualization Cecilia Aragon, graduated from here Goal: reduce helicopter landing accidents caused by invisible air turbulence Approach: use a new technology called lidar and try to visualize its output Finding: it helped reduce simulated accidents (!) but only when the visualization was made as simple as possible.

25 Slide by Cecilia Aragon Motivation Invisible airflow hazards cause aircraft accidents –Wind shear –Microbursts –Vortices (turbulence) –Downdrafts –Hot exhaust plumes Crash of Delta Flight 191 at DFW 1985 (microburst) NTSB database –21,380 aircraft accidents –2,098 turbulence/wind related

26 Slide by Cecilia Aragon Preliminary Usability Study

27 Slide by Cecilia Aragon Preliminary usability study: goals Assess efficacy of presenting airflow data in flight Obtain expert feedback on presentation of sample hazard indicators to refine design choices

28 Slide by Cecilia Aragon Usability study: low-fidelity prototype Rhino3D (3D CAD modeling program) –Easy access to ship models, ease of rapid prototyping –Chosen over 2D paper prototype, MS Flight Simulator, WildTangent, VRML-based tools, Java and Flash Series of animations simulating helicopter’s final approach to landing Different types of hazard indicators Get pilot feedback and suggestions (interactive prototyping)

29 Slide by Cecilia Aragon Low-fi usability study screen shots

30 Slide by Cecilia Aragon Low-fi usability study screen shots

31 Slide by Cecilia Aragon Low-fi usability study participants Navy helicopter test pilot, 2000 hours of flight time, 17 years experience Navy helicopter flight test engineer, hours of simulator time, 100 hours of flight time, 17 years experience Civilian helicopter flight instructor, 1740 hours of flight time, 3 years experience

32 Slide by Cecilia Aragon Low-fi usability study results All participants said they would use system Feedback on hazard indicators: –Color: all preferred red/yellow only –Transparency: should be visible enough to get attention, but must be able to see visual cues behind it –Depth cueing: all preferred shadows below object, #1 said shadows alone sufficient. #2 wanted connecting line. No one wanted tick marks or numeric info. –Texture: #1, #2 didn’t want. #3 suggested striping –Shape: Rectilinear and cloud shapes favored. Keep it simple! Watch for conflicting HUD symbology.

33 Slide by Cecilia Aragon Flight Simulation Usability Study

34 Slide by Cecilia Aragon Flight Simulation Usability Study Implement visual hazard display system in simulator based on results from low-fidelity prototype Advanced Rotorcraft Technology, Inc. in Mountain View, CA, USA –High-fidelity helicopter flight simulator –Accurate aerodynamic models Use existing ship and helicopter models, flight test data Simulated hazardous conditions, create scenarios, validated by Navy pilots and flight engineers

35 Slide by Cecilia Aragon Flight Simulation Usability Study: Participants 16 helicopter pilots –from all 5 branches of the military (Army, Navy, Air Force, Coast Guard, Marines) –civilian test pilots (NASA) –wide range of experience 200 to 7,300 helicopter flight hours (median 2,250 hours) 2 to 46 years of experience (median 13 years) age 25 to 65 (median age 36) No previous experience with airflow hazard visualization

36 Slide by Cecilia Aragon Simulation Experiment Design 4 x 4 x 2 within-subjects design (each pilot flew the same approaches) 4 shipboard approach scenarios 4 landing difficulty levels (US Navy Pilot Rating Scale - PRS 1-4) Each scenario was flown at all difficulty levels both with and without hazard indicators Orders of flight were varied to control for learning effects

37 Slide by Cecilia Aragon Airflow Hazard Indicators in Simulator

38 Slide by Cecilia Aragon Hypotheses 1. Crash rate will be reduced by the presence of hazard indicator (LD 3). 2. Crashes will be eliminated by red hazard indicator if a standard operating procedure (SOP) is given to the pilots (LD 4). 3. Hazard indicator will not cause distraction or degradation in performance in situations where adequate performance is expected without indicator (LD 2). 4. Pilots will say they would use airflow hazard visualization system

39 Slide by Cecilia Aragon Hypothesis 1 confirmed Presence of the hazard indicator reduces the frequency of crashes during simulated shipboard helicopter landings (t-test for paired samples, t=2.39, df=63, p= ). 19% -- > 6.3%

40 Slide by Cecilia Aragon Hypothesis 2 confirmed Presence of the red hazard indicator combined with appropriate instructions to the pilot prevents crashes (t=4.39, df=63, p 0%

41 Slide by Cecilia Aragon Hypothesis 3 No negative effect of hazard indicator. 8%-- > 8%

42 Slide by Cecilia Aragon Hypothesis 3 (cont’d) Pilots believe hazard indicators were not distracting (Probe 6 results).

43 Slide by Cecilia Aragon Hypothesis 4 confirmed Pilots would use the system (Probe 21 results).

44 Slide by Cecilia Aragon Analysis by Pilot Experience Level Same general trends -- but small sample size No significant difference between the groups

45 Slide by Cecilia Aragon Analysis of Subjective Data 94% found hazard indicators helpful

46 Slide by Cecilia Aragon Analysis of Subjective Data Is motion (animation) helpful or distracting?

47 Slide by Cecilia Aragon Conclusions Flight-deck visualization of airflow hazards yields a significant improvement in pilot ability to land safely under turbulent conditions in simulator Type of visualization to improve operational safety much simpler than that required for analysis Success of user-centered design procedure