Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.
-
date post
20-Dec-2015 -
Category
Documents
-
view
215 -
download
0
Transcript of Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.
![Page 1: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/1.jpg)
Viewing ChangesMonitoring with Treemaps
Steve BettenCatherine Plaisant
Ben Bederson
![Page 2: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/2.jpg)
SmartMoney.com
![Page 3: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/3.jpg)
SmartMoney.com
![Page 4: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/4.jpg)
SmartMoney.com
![Page 5: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/5.jpg)
A different emphasis
SpaceTree
Treemap
![Page 6: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/6.jpg)
180 Pages on a Web Server (1 week)
brightness = number of requests, no size codingi.e. layout stable as long as no page is added/removed
![Page 7: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/7.jpg)
Treemaps for Monitoring
• Selected application: web site monitoring• Monitoring:
– Look for patterns in web page requests over consecutive time periods• Attribute value changes• Simplification: only one attribute (mapped to color)
– Look for web pages that were created or deleted during those weeks• Topology changes
• What are our options?
![Page 8: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/8.jpg)
Choice of attribute
“Value” “Difference of values”
• Change is immediately visible
• OK for 2 periods only• Not clear what happen when users
need to integrate colors changes over several periods.
• Might be more intuitive• but requires to look at
2 values
green = increase; red = decrease(brighter = more change)
brighter = more requests
![Page 9: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/9.jpg)
Time vs. Space Multiplexing
“All-at-once” “Slider”
• More pixels per page• Generalizes to any number
of periods
• Less need to interact • All data available on one
screen• Fewer pixels per webpage
![Page 10: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/10.jpg)
Main ExperimentAll-at-once Slider
Value
Differenceof values
![Page 11: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/11.jpg)
Additional small study looking at Page Creation/Deletion
• “Show only when existing”– Leads to layout shift – Intuitive: does not show
pages that did not exist!
• “Always show”– Always show pages (colored
black when non existing)– Precludes using size coding
• In both cases, small icons can show location of changes
![Page 12: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/12.jpg)
Procedure
• 12 subjects (CS students)– Each subject tested each version
• Training– 10 min Treemap + 10 min each version
• Eight timed tasks• Total duration: about 1 hour 30 minutes• Computer generated datasets
– Most pages have small changes– A small number of pages have significant
changes
![Page 13: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/13.jpg)
Tasks
1. Determine if all the pages in a directory grew in popularity (2 tasks)
2. Find pages with specific patterns of requests e.g. up-down-up (2 tasks)
3. Find deleted pages 4. Find created pages and determine if they
were popular the first time they existed 5. Determine if a specific page grew in
popularity every week (with no pages added i.e. no possible layout shifts)
6. Same as 5 with some pages added ( i.e. possible layout shift)
![Page 14: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/14.jpg)
Results• For many questions, users perform
equally well using any combination
• When searching for patterns (e.g. up-down-up) – “Difference of values” faster than “value”– “Slider” faster than “all-at-once”
• In tasks where pages were created/deleted – “Always show” faster than “show only when
existing”– Subjects strongly disliked layout shifts
![Page 15: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/15.jpg)
Results• For many questions, users perform
equally well using any combination
• When searching for patterns (e.g. up-down-up) – “Difference of values” faster than “value”– “Slider” faster than “all-at-once”
• In tasks where pages were created/deleted – “Always show” faster than “show only when
existing”– Subjects strongly disliked layout shifts
![Page 16: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/16.jpg)
Main ExperimentAll-at-once Slider
Value
Differenceof values
![Page 17: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/17.jpg)
![Page 18: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/18.jpg)
![Page 19: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/19.jpg)
![Page 20: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/20.jpg)
Value and Slider (Week 4)
![Page 21: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/21.jpg)
![Page 22: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/22.jpg)
![Page 23: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/23.jpg)
![Page 24: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/24.jpg)
Results• For many questions, users perform
equally well using any combination
• When searching for patterns (e.g. up-down-up) – “Difference of values” faster than “value”– “Slider” faster than “all-at-once”
• In tasks where pages were created/deleted – “Always show” faster than “show only when
existing”– Subjects strongly disliked layout shifts
![Page 25: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/25.jpg)
Results• For many questions, users perform
equally well using any combination
• When searching for patterns (e.g. up-down-up) – “Difference of values” faster than “value”– “Slider” faster than “all-at-once”
• In tasks where pages were created/deleted – “Always show” faster than “show only when
existing”– Subjects strongly disliked layout shifts
![Page 26: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/26.jpg)
Main ExperimentAll-at-once Slider
Value
Differenceof values
![Page 27: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/27.jpg)
Results• For many questions, users perform
equally well using any combination
• When searching for patterns (e.g. up-down-up) – “Difference of values” faster than “value”– “Slider” faster than “all-at-once”
• In tasks where pages were created/deleted – “Always show” faster than “show only when
existing”– Subjects strongly disliked layout shifts
![Page 28: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/28.jpg)
Additional small study looking at Page Creation/Deletion
• Disliked the layout shifts
• In both cases users mostly used the small icons to see location of changes
![Page 29: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/29.jpg)
Subjective Preference• “Difference of values” preferred over “value”
– Saves a step (visually determining the difference)– Easier to see hue shifts than intensity changes
• “All-at-once” v. “slider”– No difference
• Same pattern of preferences for “ease of learning”
• Subjects only used details table to check their guesses based on color alone
• Very few errors• Only half of subjects adjusted the time interval in the “difference in
values and slider” version• User quote: “Different versions are suited to different tasks
![Page 30: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/30.jpg)
![Page 31: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/31.jpg)
![Page 32: Viewing Changes Monitoring with Treemaps Steve Betten Catherine Plaisant Ben Bederson.](https://reader030.fdocuments.in/reader030/viewer/2022032704/56649d455503460f94a228aa/html5/thumbnails/32.jpg)
Conclusions
• Treemaps can be effective for monitoring• Consider using:
– “difference of values” instead of “value”– “slider” with an option showing “all-at-once”
• Avoid size changes
• To download treemap3.2: www.cs.umd.edu/hcil/treemap3
(future versions will include monitoring capabilities described today)
• Partial support from Chevron-Texaco• Participation of B. Shneiderman and J-D Fekete