Information Visualization: Navigation Chris North cs3724: HCI.

Slides:



Advertisements
Similar presentations
15.1 Vis_04 Data Visualization Lecture 15 Information Visualization : Part 3.
Advertisements

Multimedia Synchronization Brian P. Bailey Spring 2006.
Information Visualization: Trees Chris North cs3724: HCI.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
Dynamic Queries cs5984: Information Visualization Chris North.
Visualization Basics CS 5764: Information Visualization Chris North.
Ultra-High Resolution Information Visualization CS 5764 Sarah Peck, Chris North Credits: Beth Yost, Bob Ball, Christopher Andrews, Mike DellaNoce, Candice.
Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.
ClearEye: An Visualization System for Document Revision CPSC 533C Project Update Qiang Kong Qixing Zheng.
Unit One: GIS Concepts In this unit… ► What is GIS? ► Types of GIS data ► What can you do with GIS? ► ArcGIS 9 license levels ► Basics of the ArcGIS 9.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
Matthias Mayer The Table Lens - Ramana Rao & Stuart K. Card Information Visualization 838b - February 21st 2001 The Table Lens: Merging.
CS 5764 Information Visualization Dr. Chris North.
Table Lens From papers 1 and 2 By Tichomir Tenev, Ramana Rao, and Stuart K. Card.
Bus Schedule Visualiztion. Reminder Create an application that visualize the bus schedule data. The target users are all students in Uvic who transits.
Access 2007 ® Use Databases How can Microsoft Access 2007 help you manage a database?
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Debates: Overview+Detail vs. Focus+Context 2-D vs. 3-D cs5984: Information Visualization Chris North.
2-D: Focus+Context cs5984: Information Visualization Chris North.
Evaluation: Controlled Experiments Chris North cs3724: HCI.
Information Design and Visualization
Click to add your Name and Class Delete this box & replace with a suitable picture File menu >Insert > Picture Tip : Want to change the design template?
Big Data Symposium: Analytics and Applications for Federal Big Data - FEMA Dr. Brand Niemann Director and Senior Enterprise Architect – Data Scientist.
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
Pad++1 Pad++ A Zooming Graphical Interface for Exploring Alternate Interface Physics Presented by Dilshad Akhter by Benjamin B. Bederson James D. Hollan.
1 Human Computer Interaction Week 12 Information Search & Visualization.
Robert Kosara, Helwig Hauser 1InfoVis STAR The State of the Art in Information Visualization Robert Kosara, Helwig Hauser.
Multi-Dimensional Functions cs5984: Information Visualization Chris North.
2-D cs5984: Information Visualization Chris North.
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.
Do these make any sense?. Navigation Moving the viewpoint as a cost of knowledge.
Chapter 13 Andrew Bates Jay Babb Steve Haroz. Introduction We want as much information on the screen as possible without too much eye- head movement Window.
Multiple View Strategies cs5984: Information Visualization Chris North.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
Information Visualization Chris North cs3724: HCI.
Zoomable Interfaces and Multiple Views (2) Mao Lin Huang.
1D & 2D Spaces for Representing Data Mao Lin Huang.
SBD: Information Design
Information Models An “information space” that users navigate –Information integration, a key aspect of mental model Want a structure that is simple and.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Information Visualiation: Trees Chris North cs3724: HCI.
Review Chris North cs3724: HCI. Midterm Topics Scenario-based design: (ch 1-4) SBD background –metrics, tradeoffs, scenarios Requirements analysis –Field.
Visual Overview Strategies cs5984: Information Visualization Chris North.
POWERPOINT VOCABULARY. SLIDE a single page of a presentation in a slide show.
Visualization Design Principles cs5984: Information Visualization Chris North.
Multi-Focused Geospatial Analysis Using Probes. Traditionally, geospatial visualizations have only a single perspective.
Multiple Views cs5984: Information Visualization Chris North.
Table Lens Paper – The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information.
Power Point Overview. Visual Aid Similar to other visual aids used in presentations Similar to other visual aids used in presentations.
Information Visualization: Navigation
Power Point Overview.
Overview and Navigation
T R A I N I N G The Sales Application Overview
cs5984: Information Visualization Chris North
CSC420 Showing Complex Data.
cs5984: Information Visualization Chris North
cs5764: Information Visualization Chris North
Information Visualization 2: Overview and Navigation
Interaction.
cs5984: Information Visualization Chris North
cs5984: Information Visualization Chris North
Information Design and Visualization
cs5984: Information Visualization Chris North
Information Visualization 2: Overview and Navigation
Information Visualization (Part 1)
Information Understanding
Information Visualization
cs5984: Information Visualization Chris North
Presentation transcript:

Information Visualization: Navigation Chris North cs3724: HCI

Review Shneiderman’s Info. Vis. mantra? Strategies for Multi-D visualization:

1-D and 2-D Spaces 1-D: info has strong 1-D organization text doc, slideshows, video, audio, lists, timelines 2-D: info has strong 2-D organization spreadsheets, graphs, maps, formatted docs, color chooser, images

PowerPoint Slide Sorter Data Space: 1D array of slides Visualization: 2D array, nav 1D

Typical Navigation 1D scrollbar2D scrollbars What’s missing?

Keyhole Problem Where am I? Where can I go? Where do I want to go? How do I get there? Lack of context, overview

Text Overviews (MS Word)

Visual Overview Show me the data! Map, organization (spatial layout of concepts) What information is (not) available? Adds context info, relationships Enables direct access Encourages exploration HCI metrics: Improves user performance, learning time, satisfaction Insight

Navigation Strategies Detail Only Overview+Detail Multiple views Zooming Focus+Context Distortion, fisheye

Zooming: 1D Lifelines:

Zooming large 2D spaces

Zooming: 2D KidPad, HiNote, Jazz Semantic zooming: Don’t just show things at different size change objects to make sense E.g. add/remove detail info Powers of Ten Controls?

Overview+Detail: 1D SeeSoft

Overview+Detail: 1D Home automation: Timeline for scheduling, set on/off flags Calendar shows overview of schedule

Overview+Detail: 2D Overview:Detail: Zoom factor = 5 Square in overview tightly-coupled to scroll bars of detail

Overview+Detail Multiple views: overview detail view Views are linked: Selector in overview navigates detail Navigating detail updates selector in overview

Multiple levels = large scale Zoom factor = 125 overviewintermediate view detail view

Multiple Foci Linkit

Focus+Context: 1D Fisheye Menu: Perspective Wall

Focus+Context: 2D

Comparison Zooming: natural Infinite scalability Lose overview when zoom in Overview+Detail: Good scalability, chaining Multiple foci Disconnect between views, back-n-forth Focus+Context: Integrated overview with detail, connected Least scalable Distortion, overview unstable

Quiz Spotfire? TableLens?