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 scrollbar2D 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

9. Text Overviews (MS Word)

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

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

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

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

14. 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?

15. Overview+Detail: 1D SeeSoft

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

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

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

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

20. Multiple Foci Linkit

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

22. Focus+Context: 2D

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

24. Quiz Spotfire? TableLens?