Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.

Slides:



Advertisements
Similar presentations
Graph Visualization and Navigation in Information Visualization: A Survey Ivan Herman, Guy Melaneon, M. Scott Marshall.
Advertisements

Visualisasi Informasi
MTP – Stage 1 Sanobar Nishat. Outline  Peculiarities of the mobile visualization context  Different aspects of mobile visualization design  Map-based.
Visual Thinking and Visual Thinking Tools: Space, Time and Simple Cognitive Models to Support Design Colin Ware Data Visualization Research Lab, CCOM,
Information Retrieval: Human-Computer Interfaces and Information Access Process.
Interfaces for Staying in the Flow Benjamin B. Bederson Computer Science Department Human-Computer Interaction Lab University of Maryland
Grey County GIS Overview Grey County Public Works Association – April 4, 2012.
The Vuel Concept: Towards a new way to manage Multiple Representations in Spatial Databases ISPRS / ICA Workshop Multi-Scale Representations of Spatial.
Microsoft ® Research Faculty Summit 2002 Building Scalable User Interfaces for Mobile Devices using.NET Technologies Benjamin B. Bederson Computer Science.
”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte.
Visual Cognition II Object Perception. Theories of Object Recognition Template matching models Feature matching Models Recognition-by-components Configural.
Interactive Information Visualization of One Million Items Jean-Daniel Fekete University of Maryland.
Digital Library Interfaces for Children: The Effects of Visual Navigation on Usability Glenda Revelle, Benjamin B. Bederson, Allison Druin, Dana Campbell,
Information Retrieval: Human-Computer Interfaces and Information Access Process.
1 i247: Information Visualization and Presentation Marti Hearst April 14, 2008.
EcoLens and TreePlus: Tools for exploring ecological interaction data Cynthia Sims Parr Bongshin Lee, Ben Bederson University of Maryland, College Park.
SpaceTree An Interactive Visualization of Traditional Node-Link Tree Diagrams Jesse Grosjean Catherine Plaisant Ben Bederson Human-Computer Interaction.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 3, 2005.
Chapter 13: Designing the User Interface
Chapter 14 Designing the User Interface
Google Earth By: Nicholas Doyle Maria Minor Lincoln Robinson EDU 221 Block 2.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
Interactive Visualization Using vision to think Luc Girardin Macrofocus GmbH.
Graph Visualization Tools NAM, Javis, Otter, H3Viewer Burton Filstrup.
Information Design and Visualization
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
1 Human Computer Interaction Week 12 Information Search & Visualization.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
Laboratory for Automation Psychology and Decision Processes Kent L. Norman, University of Maryland, USA (Catherine Plaisant, University of Maryland, USA)
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.
Copyright © 2005, Pearson Education, Inc. Slides from resources for: Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Do these make any sense?. Navigation Moving the viewpoint as a cost of knowledge.
1 SY DE 542 Navigation and Organization Prototyping Basics Feb 28, 2005 R. Chow
Understanding Users Cognition & Cognitive Frameworks
Information Visualization 2: Overview and Navigation Chris North cs3724: HCI.
14. Information Search and Visualization
1D & 2D Spaces for Representing Data Mao Lin Huang.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
ResultMaps: Search Result Visualization for Hierarchical Information Spaces Danielle H. Lee.
Review Chris North cs3724: HCI. Midterm Topics Scenario-based design: (ch 1-4) SBD background –metrics, tradeoffs, scenarios Requirements analysis –Field.
1 ITM 734 Introduction to Human Factors in Information Systems Cindy Corritore Information Visualization.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Information Visualization: Navigation Chris North cs3724: HCI.
LOGO Concept/mind mapping. What is mind mapping?  A mind map is a diagram used to represent words, ideas, tasks, or other items linked to and arranged.
Visualization Design Principles cs5984: Information Visualization Chris North.
Multi-Focused Geospatial Analysis Using Probes. Traditionally, geospatial visualizations have only a single perspective.
Table Lens Paper – The Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus + Context Visualization for Tabular Information.
Perceptual Modalities The Implications for Students in Web-based Learning Glenn Cockerline David Yearwood
Information Visualization: Navigation
cs5984: Information Visualization Chris North
CSC420 Showing Complex Data.
cs5984: Information Visualization Chris North
Hierarchies (Trees) Definition Examples
Usability & Human Factors
cs5764: Information Visualization Chris North
Professor John Canny Fall 2001 Nov 29, 2001
Professor John Canny Spring 2003
Information Visualization 2: Overview and Navigation
Information Visualization Picture worth 1000 words...
cs5984: Information Visualization Chris North
Physics-based simulation for visual computing applications
Information Design and Visualization
Information Visualization 2: Overview and Navigation
Information Visualization (Part 1)
Information Understanding
CHAPTER 7: Information Visualization
CHAPTER 14: Information Visualization
cs5984: Information Visualization Chris North
Presentation transcript:

Information Understanding Benjamin B. Bederson

University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and interact with information? Detect patterns and outliers Find details without losing global context Concentrate on task (stay “in the flow”)  How to scale up to large information sets? Technical problems Perceptual limitations Design problems

University of Maryland, Human-Computer Interaction Laboratory External Cognition  Step 1: Recognize human limitations

University of Maryland, Human-Computer Interaction Laboratory Human Visual Perception  Step 2: Don’t underestimate the human brain

University of Maryland, Human-Computer Interaction Laboratory Interaction  Step 3: Add interaction. If a picture is worth a thousand words, an interactive interface is worth a thousand pictures.

University of Maryland, Human-Computer Interaction Laboratory Scaling Up  How do you show more than fits on the screen? abstract link (web) scroll (long documents) overview+detail (e.g., photoshop) zoom (PhotoMesa demo) fisheye distortion (FishCal demo) traditional new paradigms

University of Maryland, Human-Computer Interaction Laboratory What is holding us back?  Performance and computational requirements  Increased power, but increased effort  Requires learning new approaches  => Better performance isn’t enough. We must offer much better performance without many extra costs.

University of Maryland, Human-Computer Interaction Laboratory Information Understanding Visualizing Millions of Items Web-Based Surveys Simulation in Engineering Time Series Data Bioinformatics Visualization Browsing Large Trees Data Monitoring with Treemaps Interactive Web Maps