information visualization informs roundtable ben shneiderman ([email protected]) founding director...
TRANSCRIPT
![Page 1: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/1.jpg)
Information VisualizationInformation VisualizationINFORMS RoundtableINFORMS Roundtable
Ben ShneidermanBen Shneiderman([email protected])([email protected])
Founding Director (1983-2000), Human-Computer Interaction Lab Founding Director (1983-2000), Human-Computer Interaction Lab Professor, Department of Computer ScienceProfessor, Department of Computer Science
Member, Institutes for Advanced Computer Studies &Member, Institutes for Advanced Computer Studies &Systems ResearchSystems Research
![Page 2: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/2.jpg)
Human-Computer Interaction Laboratory
Interdisciplinary research community - Computer Science & Psychology - Information Studies & Education www.cs.umd.edu/hcil
![Page 3: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/3.jpg)
User Interface Design GoalsUser Interface Design Goals
Cognitively comprehensible:Consistent, predictable & controllable
Affectively acceptable: Mastery, satisfaction & responsibility
NOT:
Adaptive, autonomous & anthropomorphic
![Page 4: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/4.jpg)
Scientific ApproachScientific Approach (beyond user friendly)(beyond user friendly)
Specify users and tasksSpecify users and tasks Predict and measurePredict and measure
• time to learntime to learn• speed of performancespeed of performance• rate of human errorsrate of human errors• human retention over timehuman retention over time
Assess subjective satisfactionAssess subjective satisfaction (Questionnaire for User Interface Satisfaction)(Questionnaire for User Interface Satisfaction)
Accommodate individual differencesAccommodate individual differences Consider social, organizational & cultural contextConsider social, organizational & cultural context
![Page 5: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/5.jpg)
Design IssuesDesign 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 hcibib.org useit.com
![Page 6: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/6.jpg)
Library of CongressLibrary of Congress
Scholars, Journalists, CitizensScholars, Journalists, Citizens
Teachers, StudentsTeachers, Students
![Page 7: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/7.jpg)
Visible Human Explorer (NLM)Visible Human Explorer (NLM)
DoctorsDoctors
SurgeonsSurgeons
ResearchersResearchers
StudentsStudents
![Page 8: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/8.jpg)
NASA Environmental DataNASA Environmental Data
ScientistsScientists
FarmersFarmers
Land plannersLand planners
StudentsStudents
![Page 9: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/9.jpg)
Bureau of CensusBureau of Census
Economists, Policy Economists, Policy makers, Journalistsmakers, Journalists
Teachers, StudentsTeachers, Students
![Page 10: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/10.jpg)
NSF Digital Government InitiativeNSF Digital Government Initiative
Find what you needFind what you need Understand what you FindUnderstand what you Find
UMd & UNC
www.ils.unc.edu/govstat/
![Page 11: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/11.jpg)
Session 1: The Case for
Information Visualization
Seven types (1-, 2-, 3-, multi-dimensional data, temporal, tree and network data)
Seven user tasks (overview, zoom, filter, details-on-demand, relate, history, and extract)
Direct manipulation
Dynamic queries
![Page 12: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/12.jpg)
Session 2: Structured data
Multidimensional and multivariate data
Temporal data visualization
Hierarchical and tree structured data
Network information visualization
![Page 13: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/13.jpg)
Session 3: User controls
Zooming interfaces
Focus+Context vs Overview+Detail
Large Screen High Resolutions Displays
2D versus 3D desktops & workspaces
Coordination of visualizations
Other Challenges
![Page 14: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/14.jpg)
Information VisualizationInformation 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)
![Page 15: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/15.jpg)
Information VisualizationInformation VisualizationCompact 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.
![Page 16: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/16.jpg)
Information Visualization: Using Vision to Think 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
![Page 17: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/17.jpg)
Information Visualization: US Research CentersInformation Visualization: US 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 Pacific Northwest National Labs
![Page 19: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/19.jpg)
Which of my high-spending customers are most profitable?
Which customers should I target for cross-sell/up-sell?
![Page 20: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/20.jpg)
![Page 21: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/21.jpg)
Dynamic Queries: HomeFinderDynamic Queries: HomeFinder
www.cs.umd.edu/hcil/spotfire
![Page 22: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/22.jpg)
Information Visualization: MantraInformation 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
![Page 23: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/23.jpg)
www.cs.umd.edu/hcil/spotfireFilmFinderFilmFinder
![Page 24: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/24.jpg)
![Page 25: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/25.jpg)
![Page 26: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/26.jpg)
www.spotfire.com
![Page 27: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/27.jpg)
Dynamap: Choropleth mapsDynamap: Choropleth maps www.cs.umd.edu/hcil/census
![Page 28: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/28.jpg)
Dynamap: Choropleth mapsDynamap: Choropleth maps
![Page 29: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/29.jpg)
Dynamap: Choropleth mapsDynamap: Choropleth maps
![Page 30: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/30.jpg)
Influence ExplorerInfluence Explorer
Tweedie, Spence et al. CHI 96
![Page 31: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/31.jpg)
Information Visualization: Data TypesInformation 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
![Page 32: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/32.jpg)
Overview Gain an overview of the entire collection Zoom Zoom Zoom in on items of interestZoom in on items of interest FilterFilter Filter out uninteresting itemsFilter out uninteresting items
Details-on-demandDetails-on-demand Select an item or group and Select an item or group and
get details when neededget details when needed RelateRelate View relationships among itemsView relationships among items
HistoryHistory Keep a history of actions to support Keep a history of actions to support undo, replay, and progressive refinementundo, replay, and progressive refinement
Extract Allow extraction of sub-collections and of the query parameters
Information Visualization: TasksInformation Visualization: Tasks
![Page 33: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/33.jpg)
Information Visualization: Design GuidelinesInformation 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
![Page 34: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/34.jpg)
Visual Information Seeking: Design Principles
Dynamic queries• Visual query formulation and immediate output• Rapid, incremental and reversible actions• Sliders, buttons, selectors
Starfield display• Complete overview: ordinal & categorical variables as axes• Colored points of light reveal patterns• Zoom bars to focus attention
Tight coupling to preserve display invariants• No errors• Output becomes input• Details-on-demand
![Page 35: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/35.jpg)
Session 2: Structured data
Multidimensional and multivariate data
Temporal data visualization
Hierarchical and tree structured data
Network information visualization
![Page 36: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/36.jpg)
Parallel Coordinates Parallel Coordinates
One vertical bar per dimension Each point becomes a set of connected lines True multidimensional technique Needs powerful interface for filtering, marking,
coloring Powerful technique but long learning period
![Page 37: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/37.jpg)
Parallel Coordinates (Parallax-Inselberg)Parallel Coordinates (Parallax-Inselberg)
![Page 38: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/38.jpg)
TableLens/Eureka and InfozoomTableLens/Eureka and Infozoom
Two compact views of tables Learned easily TableLens: local enlargement of areas of interest,
creation of subtables Infozoom: shows distributions, allows
progressive filtering Different orientation (vertical/horizontal)
![Page 39: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/39.jpg)
TableLens/EurekaTableLens/Eureka www.inxight.com
![Page 40: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/40.jpg)
InfoZoomInfoZoom www.humanit.de
![Page 41: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/41.jpg)
InfoZoomInfoZoom
![Page 42: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/42.jpg)
Temporal data visualization:LifeLines
Parallel lines color/size coded & grouped in categories Zooming or hierarchical browsing allows focus+context
• Examples
• Youth histories & medical records
• Personal resumes, student records & performance reviews• Challenges
• Aggregation & alerts Overview & detail views
• Easy import & export Labeling
(Plaisant et al., CHI96) www.cs.umd.edu/hcil/LifeLines
![Page 43: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/43.jpg)
LifeLines www.cs.umd.edu/hcil/lifelines
![Page 44: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/44.jpg)
Lifelines: Customer recordsLifelines: Customer records
Temporal data visualizationTemporal data visualization
Medical patient historiesMedical patient histories Customer relationship managementCustomer relationship management Legal case historiesLegal case histories
![Page 45: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/45.jpg)
Perspective wall (Xerox Parc)Perspective wall (Xerox Parc)
Mackinlay et al, CHI91
![Page 46: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/46.jpg)
TimeSearcherTimeSearcher www.cs.umd.edu/hcil/timesearcher
![Page 47: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/47.jpg)
Hierarchical dataHierarchical data Challenge: understand relationships without Challenge: understand relationships without
getting lostgetting lost Explicit vs. implicit depictions of treesExplicit vs. implicit depictions of trees
• Connections vs. containmentsConnections vs. containments
Size limitations – breadth and depthSize limitations – breadth and depth
Tree Visualizations
![Page 48: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/48.jpg)
www.ilog.comTree Visualization ToolkitsTree Visualization Toolkits
![Page 49: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/49.jpg)
SpacetreeSpacetree www.cs.umd.edu/hcil/spacetree
+ Familiar & animated+ Familiar & animated
+ Space limited+ Space limited
+ Focuses attention+ Focuses attention Requires some learningRequires some learning
![Page 50: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/50.jpg)
Hyperbolic treesHyperbolic trees
Visually appealingVisually appealing Space limitedSpace limited 2-level look-ahead2-level look-ahead Easy affordancesEasy affordances Hard to scanHard to scan Poor screen usagePoor screen usage Too volatileToo volatile
Lamping et al. CHI 95
![Page 51: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/51.jpg)
www.inxight.comStartree ToolkitStartree Toolkit
![Page 52: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/52.jpg)
CamTree - ConeTreeCamTree - ConeTree
Xerox PARC
![Page 53: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/53.jpg)
Treemap - view large trees with node valuesTreemap - view large trees with node values
+ Space fillingSpace filling+ Space limitedSpace limited+ Color codingColor coding+ Size codingSize coding Requires learningRequires learning
www.cs.umd.edu/hcil/treemaps
TreeViz (Mac, Johnson, 1992)NBA-Tree(Sun, Turo, 1993)Winsurfer (Teittinen, 1996)Diskmapper (Windows, Micrologic)Treemap97 (Windows, UMd)Treemap 3.0 (Java)
![Page 54: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/54.jpg)
![Page 55: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/55.jpg)
Treemap - Stock market, clustered by industryTreemap - Stock market, clustered by industry
www.smartmoney.com/marketmap
![Page 56: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/56.jpg)
www.hivegroup.comTreemap – Product catalogsTreemap – Product catalogs
![Page 57: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/57.jpg)
Treemap – MonitoringTreemap – Monitoring www.hivegroup.com
![Page 58: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/58.jpg)
Million-Item TreemapMillion-Item Treemap www.cs.umd.edu/hcil/millionvis
![Page 59: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/59.jpg)
GRIDL – Hierarchical AxesGRIDL – Hierarchical Axeswww.cs.umd.edu/hcil/west-legal/
![Page 60: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/60.jpg)
Network VisualizationNetwork Visualization Arbitrarily connected items
• Nodes-links-paths-clusters
Problems• Layout as size grows• Clutter vs clusters
External relationships • Geography• Taxonomies
Entrieva SemioMap
NetMap
![Page 61: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/61.jpg)
Web BrowsingWeb Browsing www.kartoo.com
![Page 62: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/62.jpg)
Communication NetworksCommunication Networks
www.netviz.com
www.ilog.com
![Page 63: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/63.jpg)
Enterprise NetworksEnterprise Networks www.lumeta.com
![Page 64: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/64.jpg)
Treemap – Directed, Acyclic GraphsTreemap – Directed, Acyclic Graphs
![Page 65: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/65.jpg)
Session 3: User controls
Zooming interfaces
Focus+Context vs Overview+Detail
Large Screen High Resolutions Displays
2D versus 3D desktops & workspaces
Coordination of visualizations
Other Challenges
![Page 66: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/66.jpg)
Fisheye views & Zooming User InterfacesFisheye views & Zooming User Interfaces Distortion to magnify areas of interest
User-control, zoom factors of 3-5 Multi-scale spaces
Zoom in/out & Pan left/right Smooth zooming Semantic zooming Overviews + details-on-demand
Stasko, GATech
![Page 67: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/67.jpg)
GlassEye – Zooming ExplorationGlassEye – Zooming Exploration
(see Hochheiser paper (see Hochheiser paper www.cs.umd.edu/hcilwww.cs.umd.edu/hcil))
![Page 68: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/68.jpg)
DateLensDateLens www.cs.umd.edu/hcil/datelens
![Page 69: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/69.jpg)
PhotoMesaPhotoMesa www.cs.umd.edu/hcil/photomesa
![Page 70: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/70.jpg)
PhotoFinderPhotoFinder www.cs.umd.edu/hcil/photolib
![Page 71: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/71.jpg)
Snap-Together VisualizationSnap-Together Visualization
• Allow coordination designers to create novel layouts that combine existing visualizations
• Allow users to navigate large datasets conveniently
www.cs.umd.edu/hcil/snapwww.cs.umd.edu/hcil/snap
![Page 72: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/72.jpg)
Snap in Java – with BuilderSnap in Java – with Builder snap.cs.vt.edusnap.cs.vt.edu
![Page 73: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/73.jpg)
Hierarchical Clustering ExplorerHierarchical Clustering Explorer
www.cs.umd.edu/hcil/multi-cluster
![Page 74: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/74.jpg)
High-Resolution, Wall-Size DisplaysHigh-Resolution, Wall-Size Displays
graphics.stanford.edu/~francois/
www.cs.umd.edu/gvil/
![Page 75: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/75.jpg)
Spectrum of 3-D VisualizationsSpectrum of 3-D Visualizations Immersive Virtual Environment
with head-mounted stereo display and head tracking Desktop 3-D for 3-D worlds
• medical, architectural, scientific visualizations Desktop 3-D for artificial worlds
• Bookhouse, file-cabinets, shopping malls Desktop 3-D for information visualization
• cone/cam trees, perspective wall, web-book • SGI directories, Visible Decisions, Media Lab landscapes• XGobi scatterplots, Themescape, Visage
Chartjunk 3-D: barcharts, piecharts, histograms
![Page 76: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/76.jpg)
Themescape
Wise et al., 1995 - see also www.omniviz.com
![Page 77: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/77.jpg)
StarlightStarlight Battelle – Pacific Northwest National Lab
![Page 78: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/78.jpg)
Mineset
![Page 79: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/79.jpg)
WebBook-WebForagerWebBook-WebForager
Card, Robertson, George and York, CHI 96
![Page 80: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/80.jpg)
Microsoft: Task GalleryMicrosoft: Task Gallery
research.microsoft.com/ui/TaskGallery/research.microsoft.com/ui/TaskGallery/
![Page 81: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/81.jpg)
Clockwise3d Clockwise3d www.clockwise3d.comwww.clockwise3d.com
![Page 82: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/82.jpg)
Clockwise3dClockwise3d
![Page 83: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/83.jpg)
Other challenges: LabelingOther challenges: Labeling
www.cs.umd.edu/hcil/excentric
Excentric LabelingExcentric Labeling
![Page 84: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/84.jpg)
Other challenges: Universal UsabilityOther challenges: Universal Usability Helping novice users get started
508 / disabled users
Range of devices, network speed, etc.www.otal.umd.edu/uupractice
![Page 85: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/85.jpg)
Human-Computer Interaction Laboratory
www.cs.umd.edu/hcil
20th Anniversary Open House May 29-30, 2003
![Page 86: Information Visualization INFORMS Roundtable Ben Shneiderman (ben@cs.umd.edu) Founding Director (1983-2000), Human-Computer Interaction Lab Professor,](https://reader038.vdocuments.mx/reader038/viewer/2022110304/551999a255034648068b4919/html5/thumbnails/86.jpg)
For More InformationFor More Information
Visit the HCIL website for 300 papers & info on videosVisit the HCIL website for 300 papers & info on videos (www.cs.umd.edu/hcil)(www.cs.umd.edu/hcil)
See Chapter 15 on Info VisualizationSee Chapter 15 on Info Visualization Shneiderman, B., Shneiderman, B., Designing the User Interface:Designing the User Interface: Strategies for Effective Human-Computer Interaction: Strategies for Effective Human-Computer Interaction: Third Edition Third Edition (1998) (1998) (www.awl.com/DTUI)(www.awl.com/DTUI)
Book of readings:Book of readings: Card, S., Mackinlay, J., and Shneiderman, B. Card, S., Mackinlay, J., and Shneiderman, B. Information Visualization: Using Vision to Think Information Visualization: Using Vision to Think (1999)(1999)