1 / 32

The Eyes Have It: User Interfaces for Information Visualization

Explore the design goals, scientific approach, and design issues of user interfaces for information visualization. Discover how information visualization uses vision to think and how it can enable discoveries, decisions, and explanations about patterns and individual items. Learn about research centers and design guidelines for effective information visualization.

rleola
Download Presentation

The Eyes Have It: User Interfaces for Information Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. The Eyes Have It:User Interfaces for Information VisualizationBen Shneiderman(ben@cs.umd.edu)Director, Human-Computer Interaction Laboratory Professor, Department of Computer ScienceMember, Institutes for Advanced Computer Studies &Systems Research

  2. Human-Computer Interaction Laboratory Interdisciplinary research community - Computer Science & Psychology - Information Studies & Education (www.cs.umd.edu/hcil)

  3. User Interface Design Goals • Cognitively comprehensible: Consistent, predictable & controllable • Affectively acceptable: Mastery, satisfaction & responsibility NOT: Adaptive, autonomous & anthropomorphic

  4. Scientific Approach(beyond user friendly) • Specify users and tasks • Predict and measure • time to learn • speed of performance • rate of human errors • human retention over time • Assess subjective satisfaction(Questionnaire for User Interface Satisfaction) • Accommodate individual differences • Consider social, organizational & cultural context

  5. Design Issues • Input devices & strategies • Keyboards, pointing devices, voice • Direct manipulation • Menus, forms, commands • Output devices & formats • Screens, windows, color, sound • Text, tables, graphics • Instructions, messages, help • Collaboration & communities • Manuals, tutorials, training www.awl.com/DTUI usableweb.com useit.com

  6. Library of Congress • Scholars, Journalists, Citizens • Teachers, Students

  7. Visible Human Explorer (NLM) • Doctors • Surgeons • Researchers • Students

  8. NASA Environmental Data • Scientists • Farmers • Land planners • Students

  9. Bureau of Census • Economists, Policy makers, Journalists • Teachers, Students

  10. Information Visualization The eye… the window of the soul, is the principal means by which the central sense can most completely and abundantly appreciate the infinite works of nature. Leonardo da Vinci (1452 - 1519)

  11. Information Visualization: Using Vision to Think • Visual bandwidth is enormous • Human perceptual skills are remarkable • Trend, cluster, gap, outlier... • Color, size, shape, proximity... • Human image storage is fast and vast • Opportunities • Spatial layouts & coordination • Information visualization • Scientific visualization & simulation • Telepresence & augmented reality • Virtual environments

  12. Information Visualization: Definition Compact graphical presentation and user interface for manipulating large numbers of items (102 - 106), possibly extracted from far larger datasets. Enables users to make discoveries, decisions, or explanations about patterns (trend, cluster, gap, outlier...), groups of items, or individual items.

  13. Information Visualization: Research Centers • Xerox PARC • 3-D cone trees, perspective wall, spiral calendar • table lens, hyperbolic trees, document lens, butterfly • Univ. of Maryland • dynamic queries, range sliders, starfields, treemaps • zoombars, tight coupling, dynamic pruning, lifelines • IBM Yorktown, AT&T-Lucent Technologies • Georgia Tech, MIT Media Lab • Univ. of Wisconsin, Minnesota, Calif-Berkeley

  14. Information Visualization: Design Guidelines Direct manipulation strategies • Visual presentation of query components • Visual presentation of results • Rapid, incremental and reversible actions • Selection by pointing (not typing) • Immediate and continuous feedback • Reduces errors • Encourages exploration

  15. Customer Analysis Perspective addresses: Which of my highest-spending customers are my most profitable? Which customers should I target for cross-sell/up-sell opportunities?

  16. Starlight

  17. Information Visualization: Mantra • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand • Overview, zoom & filter, details-on-demand

  18. Information Visualization: Data Types • 1-D Linear Document Lens, SeeSoft, Info Mural, Value Bars • 2-D Map GIS, ArcView, PageMaker, Medical imagery • 3-D World CAD, Medical, Molecules, Architecture • Multi-Dim Parallel Coordinates, Spotfire, XGobi, Visage, Influence Explorer, TableLens, DEVise • Temporal Perspective Wall, LifeLines, Lifestreams, Project Managers, DataSpiral • Tree Cone/Cam/Hyperbolic, TreeBrowser, Treemap • Network Netmap, netViz, SeeNet, Butterfly, Multi-trees (Online Library of Information Visualization Environments) otal.umd.edu/Olive

  19. LifeLines

  20. Current Research - LifeLines Temporal data visualization • Medical patient histories • Customer relationship management • Legal case histories

  21. Treemap - view large trees with node values • Space filling • Space limited • Color coding • Size coding • Requires learning TreeViz (Mac, Johnson, 1992) NBA-Tree(Sun, Turo, 1993) Winsurfer (Teittinen, 1996) Diskmapper (Windows, Micrologic) Treemap97 (Windows, UMd) (Shneiderman, ACM Trans. on Graphics, 1992)

  22. Treemap - Stock market, clustered by industry

  23. Information Visualization: Tasks • Overview Gain an overview of the entire collection • Zoom Zoom in on items of interest • FilterFilter out uninteresting items • Details-on-demandSelect an item or group and get details when needed • RelateView relationships among items • HistoryKeep a history of actions to support undo, replay, and progressive refinement • ExtractAllow extraction of sub-collections and of the query parameters

  24. Leonardo da Vinci (1452-1519) Renaissance Man • Painter • Inventor • Visionary • Mathematician • Philosopher • Engineer

  25. ACM Conference on Universal Usability Washington, DC November 16-17, 2000 www.acm.org/sigchi/cuu

  26. Human-Computer Interaction Laboratory www.cs.umd.edu/hcil

  27. For More Information • Visit the HCIL website for 140 papers & info on videos(www.cs.umd.edu/hcil) • See Chapter 15 on Info Visualization Shneiderman, B., Designing the User Interface: Strategies for Effective Human-Computer Interaction: Third Edition (1998) (www.aw.com/DTUI) • January 1999 book of readings: Card, S., Mackinlay, J., and Shneiderman, B.Information Visualization: Using Vision to Think

More Related