Information Understanding

Slides:



Advertisements
Similar presentations
Visualisasi Informasi
Advertisements

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.
Grey County GIS Overview Grey County Public Works Association – April 4, 2012.
Microsoft ® Research Faculty Summit 2002 Building Scalable User Interfaces for Mobile Devices using.NET Technologies Benjamin B. Bederson Computer Science.
Information Understanding Benjamin B. Bederson. University of Maryland, Human-Computer Interaction Laboratory What is the Problem?  How to perceive and.
”Confusion and clutter are failures of design, not attributes of information.” - Edward R. Tufte.
Interactive Dynamic Aggregate Queries Kenneth A. Ross Junyan Ding Columbia University.
Live Re-orderable Accordion Drawing (LiveRAC) Peter McLachlan, Tamara Munzner Eleftherios Koutsofios, Stephen North AT&T Research Symposium August, 2007.
Interactive Information Visualization of One Million Items Jean-Daniel Fekete University of Maryland.
Visual Cognition II Object Perception. Theories of Object Recognition Template matching models Feature matching Models Recognition-by-components Configural.
Information Retrieval: Human-Computer Interfaces and Information Access Process.
CS 5764 Information Visualization Dr. Chris North.
1 i247: Information Visualization and Presentation Marti Hearst April 14, 2008.
Tree-Maps: Visualizing Hierarchical Data Hench Qian & Bill Shapiro September 21, 1999.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Oct 3, 2005.
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.
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.
1 User Interfaces at Microsoft Research Intelligent Information Access using Animated 2 and 3D Information Visualization Mary Czerwinski.
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
Zoomable Interfaces and Multiple Views (2) Mao Lin Huang.
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.
CS 235: User Interface Design April 28 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Workflow Manager Demo. Login Page Annotator Group Main Page ‘Details’: link to see the workflow detail Filter selection Click to view interface question.
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.
Spring /6.831 User Interface Design and Implementation1 Lecture 19: Information Visualization.
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
How do we realize design? What should we consider? Technical Visual Interaction Search Context of use Information Interacting/ transacting.
Professor John Canny Fall 2001 Nov 29, 2001
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)
CHAPTER 7: Information Visualization
CHAPTER 14: Information Visualization
cs5984: Information Visualization Chris North
Presentation transcript:

Information Understanding Benjamin B. Bederson

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

External Cognition Step 1: Recognize human limitations

Human Visual Perception Step 2: Don’t underestimate the human brain

Interaction Step 3: Add interaction. If a picture is worth a thousand words, an interactive interface is worth a thousand pictures.

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 www.cs.umd.edu/hcil/photomesa www.cs.umd.edu/hcil/fishcal

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.

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