1 / 24

Information Visualization: Navigation

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

wylie
Download Presentation

Information Visualization: Navigation

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. Information Visualization:Navigation Chris North cs3724: HCI

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

  3. 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

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

  5. Typical Navigation 1D scrollbar 2D scrollbars What’s missing?

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

  7. Text Overviews (MS Word)

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

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

  10. Zooming: 1D • Lifelines: http://www.cs.umd.edu/hcil/lifelines/

  11. Zooming large 2D spaces • http://terraserver.homeadvisor.msn.com/image.asp?S=10&T=1&X=2689&Y=20639&Z=17&W=2

  12. Zooming: 2D • KidPad, HiNote, Jazz • http://www.cs.umd.edu/hcil/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?

  13. Overview+Detail: 1D • SeeSoft

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

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

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

  17. Multiple levels = large scale overview intermediate view • Zoom factor = 125 intermediate view detail view

  18. Multiple Foci Linkit

  19. Focus+Context: 1D • Fisheye Menu:http://www.cs.umd.edu/hcil/fisheyemenu/ • Perspective Wall

  20. Focus+Context: 2D

  21. 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

  22. Quiz • Spotfire? • TableLens?

More Related