1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 10, 2005.

Slides:



Advertisements
Similar presentations
Recuperação de Informação B Cap. 10: User Interfaces and Visualization , , , November 29, 1999.
Advertisements

Clipping Lists & Change Borders: Improving Multitasking Efficiency with Peripheral Information Design Mary Czerwinski George Robertson Desney Tan Microsoft.
Adam Phillippy Michael Schatz CMSC 838S April 4 th, D 2D vs. 3D.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 3, 2005.
More Interfaces for Retrieval. Information Retrieval Activities Selecting a collection –Lists, overviews, wizards, automatic selection Submitting a request.
UI Standards & Tools Khushroo Shaikh.
Evaluation Adam Bodnar CPSC 533C Monday, April 5, 2004.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 24, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs Feb 8, 2001.
1 i247: Information Visualization and Presentation Marti Hearst April 16, 2008.
I213: User Interface Design & Development Marti Hearst March 1, 2007.
1 SIMS 247: Information Visualization and Presentation Marti Hearst March 3, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 13, 2001.
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.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
UCB CS Research Fair Search Text Mining Web Site Usability Marti Hearst SIMS.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
Chapter 6: An Introduction to System Software and Virtual Machines
Animation IS 247: Information Visualization and Presentation Saifon Obromsook Linda Harjono.
Designing Effective Step-By-Step Assembly Instructions Maneesh Agrawala, Doantam Phan, Julie Heiser, John Haymaker, Jeff Klingner, Pat Hanrahan and Barbara.
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
Discount Usability Engineering Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development March 2, 1999.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
Evaluation of Viewport Size and Curvature of Large, High-Resolution Displays Lauren Shupp, Robert Ball, John Booker, Beth Yost, Chris North Virginia Polytechnic.
Heuristic Evaluation “Discount” Usability Testing Adapted from material by Marti Hearst, Loren Terveen.
Computer for Health Sciences
User Interface Theory & Design
Exploring the Effect of Graphical Metaphors on the Performance of Learning Computer Programming Concepts in Adult Learners: a pilot study 指導教授 : 陳明溥 博士.
GUI: Specifying Complete User Interaction Soft computing Laboratory Yonsei University October 25, 2004.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
ENTERFACE ‘08: Project4 Design and Usability Issues for multimodal cues in Interface Design/ Virtual Environments eNTERFACE ‘08| Project 4.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Evaluation of Adaptive Web Sites 3954 Doctoral Seminar 1 Evaluation of Adaptive Web Sites Elizabeth LaRue by.
1 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Adapting the TileBar Interface for Visualizing Resource Usage Session 602 Larry.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
CHAPTER FOUR COMPUTER SOFTWARE.
Use of Eye Movement Gestures for Web Browsing Kevin Juang Frank Jasen Akshay Katrekar Joe Ahn.
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
Information Visualization Using 3D Interactive Animation Meng Tang 05/17/2001 George G. Robertson, Stuart K. Card, and Jock D. Mackinlay.
1 WEB Engineering E-Commerce Strategy & Management COM350.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
CHAPTER TEN AUTHORING.
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
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Multimedia ITGS. Multimedia Multimedia: Documents that contain information in more than one form: Text Sound Images Video Hypertext: A document or set.
The role of spatial abilities and age in performance in an auditory computer navigation task Presenter: Yu-Chu Chen Adviser: Ming-Puu Chen Date: June 8,
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Agents and User Interfaces Marti Hearst SIMS 213, UI Design & Development April 29, 1999.
Individual Differences in Human-Computer Interaction HMI Yun Hwan Kang.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Project Deliverables CEN Engineering of Software 2.
Pad++: A Zooming Graphical Interface for Exploring Alternate Interface Physics Benjamin B. Bederson and James D. Hollan Presented by Daniel Schulman.
Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
Winter 2011SEG Chapter 11 Chapter 1 (Part 1) Review from previous courses Subject 1: The Software Development Process.
1 What the body knows: Exploring the benefits of embodied metaphors in hybrid physical digital environments Alissa N. Antle, Greg Corness, Milena Droumeva.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
User Interface Design Patterns: Part 1 Kirsten McCane.
1 Chapter 18: Selection and training n Selection and Training: Last lines of defense in creating a safe and efficient system n Selection: Methods for selecting.
Information visualisation and interfaces for Mobile Devices.
The Task Gallery A 3-D Window Manager Presented By - - Priya Shivakumar Developed By – - Microsoft Research George Robertson Daniel Robbins..
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Usability of Interaction Patterns Katarina Segerståhl 1,2, * & Timo Jokela 1 1) Department of Information Processing Sciences, P.O.Box 3000, FIN
Human Computer Interaction Lecture 21 User Support
Unit 2 User Interface Design.
CIS 376 Bruce R. Maxim UM-Dearborn
Create Meaningful Graphics, Icons, and Images Lecture-14
Presentation transcript:

1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 10, 2005

2 Today Another animation example –Fluid documents The third dimension –The information visualizer and follow-ons –Navigating in 3D space –The debate: does 3D help? Cognitive abilities and 3D 3D vs 2D –Alternative: 2.5D sequences (Automatic generation of assembly instructions)

3 Fluid Documents Zellweger, Chang, Mackinlay. Fluid links for informed and incremental hypertext browsing. CHI'99 Extended Abstracts Better document-reading interface Combines –Lightweight animation –Focus + context

4 3D + Animation Pioneered 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)

5 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

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

7 Web Forager 24

8 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?

9 Task Gallery 23 Robertson et al., 2000

10 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

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

12 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

13 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

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 Infovis Meta-Analysis (Empirical studies of information visualization: a meta-analysis, Chen & Yu IJHCS 53(5),2000) Goal –Find invariant underlying relations suggested collectively by empirical findings from many different studies Procedure –Examine the literature of empirical infoviz studies 35 studies between 1991 and focused on information retrieval tasks But due to wide differences in the conduct of the studies and the reporting of statistics, could use only 6 studies

17 Infovis Meta-Analysis (Empirical studies of information visualization: a meta-analysis, Chen & Yu IJHCS 53(5),2000) Conclusions: –IR Infoviz studies not reported in a standard format –Individual cognitive differences had the largest effect Especially on accuracy Somewhat on efficiency –Holding cognitive abilities constant, users did better with simpler visual-spatial interfaces –The combined effect of visualization is not statistically significant

18 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

19 Slides from Heiser et al. Sequences of Steps vs 3D + Animation Heiser, Phan, Agarwala, 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

20 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

21 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

22 Slides from Heiser et al. Usability Study 30 Participants Given 1 of 3 instruction sets: hand-drawn, factory, computer Assemble TV stand using instructions

23 Slides from Heiser et al. Instructions Tested Hand-drawn Computer generated Factory

24 Slides from Heiser et al. Results Hand-drawn Factory Computer Time to assemble (min) Errors: Hand-drawn 1.6 Factory 0.6 Computer 0.5 Users rated task as easiest in computer condition

25 Next Time Martin Wattenberg! –SIMS distinguished lecture: 4-5:30pm –Our class too Some of Martin’s Projects: –Map of the Market –Baby names visualizer –Music arcs –History flow –Bioinformatics visualization –Conversation visualization