SlideShare a Scribd company logo
Data Exploration on
Smart Watches
Dr. Rachel Menzies
University of Dundee
About Me
Human Computer Interaction / UX
• Interface design for Autism
Spectrum Conditions and
Intellectual Disabilities
• Participatory design methods
Technologies for Education
• To support education
• To innovate
@Rachel_Menzies
1
The Explosion of Mobile
2
Challenges of designing for small screens
• Small screen
• “Fat-finger problem”
• Limited screen real estate
• Poor battery life
• Less than one day of solid use
• One handed interaction
3
Designing for Data Visualisation
• Overview
General context
• Zoom and Filter
Limit the amount of info
displayed
• Details on Demand
Interactive, maintain
context
4
Current Uses
Timer Stocks Runtastic Nike+
5
Current Uses
6
Background
Increased use of smart watches
7http://www.eetimes.com/document.asp?doc_id=1326427 http://www.statista.com/statistics/271405/global-mobile-data-
traffic-forecast/
Increased use of mobile data
1 EB= 1 billion GB
Future Uses
• Smart home alerts
• When alerted, can I explore the data and decide how to respond?
• Places control in the hands of carers.
• Biology labs
• Providing info to lab technicians
• Sports tracking
• Elite and casual athletes
8
How can we explore
data on a very small
screen?
9
Exploring Data on a Large Screen
Must data exploration mean a
dashboard?
Novice dashboard users prefer
visualisations they are familiar with
(bar charts, pie charts).
Grammel, Tory & Storey (2010). How information visualization novices construct
visualizations. Visualization and Computer Graphics, IEEE Transactions on, 16(6), pp943-
952
10
Moving to smaller screens
Tablet
http://www.nytimes.com/interactive/2014/07/01/sports/worldcup/usa-
belgium.html?smid=tw-share&_r=2
11
Moving to smaller screens
Mobile Phone
http://www.brightpointinc.com/d3-mobile-web-application/
12
Moving to smaller screens
Smart Watches
13
?
Where to focus first?
• Focus on Bar Charts
• Simple visualisation already used on smartphones
• Variations available on smart watches, e.g. Activity by Apple
14
Focus Group
• Some sketches drawn and presented to participants
• n=5
• All used bar charts regularly
• All used touch screen devices at least daily
• What is the most suitable interaction?
• Why?
• …any new ideas?
515
6 Initial Solutions
One-by-One (Horizontal) Scrolling
One-by-One (Vertical) Scrolling
616
6 Initial Solutions
17
“Horizontal scrolling is most
natural. It’s the same as
scrolling through my photos”
“Vertical would be useful if
the bars are flat.
Otherwise it doesn’t really
make sense.”
“How many bars are there? I don’t want to
be scrolling all day. Can I set the number of
bars I want to see?
6 Initial Solutions
Free Zoom
18
“This is most familiar… but it’s
boring. Smartwatches should
be cool and interactive and
new”.
“I don’t like that I can’t see
the top of the bar. It’s
meaningless”
6 Initial Solutions
Free Zoom with Fixed Axes
719
“This is good. I can presumably
zoom in fairly far if I have bad
eyesight … and I see the axes.”
6 Initial Solutions
Grid Zoom
20
“Too confusing I think. You’d
need to remember stuff rather
than maybe just look at it.”
“I don’t like that second
section. I don’t know what bar
it is and what the value is.”
6 Initial Solutions
Fish Eye
821
“I guess it’s good that I can see everything, but
is it something I can actually use in my job?
Not a chance. Everything will get distorted.”
Focus Group Results
• Unanimous favourite was One-by-One (Horizontal).
• Small overview of the chart was useful.
• Suggested “Favourites” for easy comparison.
• Also favoured Free Zoom with Axes
• Favoured being able to set custom zoom, but asked for overview. 922
Focus Group Results
Overview:
• Being able to view the entire
chart at all times.
Context:
• Knowing what the data you
can currently see actually
means, i.e. what value does it
have?
23
Initial Study
• Three conditions rated most highly by focus group:
• One-by-One (Horizontal)
• Grid Zoom
• Free Zoom with Fixed Axes
• Control condition:
• Free Zoom
• Measures:
• Time to complete tasks
• Accuracy
• NASA TLX 24
Initial Study
• Participants:
• n=14 (6 male, 8 female)
• Average age = 24yrs
• Materials:
• Prototypes on iPhone (4cm screen
width)
• Bar chart was pre-determined
25
Initial Study Results
0
2
4
6
8
10
12
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 1 (maximum)
Mean speed (sec)
0
2
4
6
8
10
12
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 2 (minimum)
Mean speed (sec)
0
10
20
30
40
50
60
70
80
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 3 (average)
Mean speed (sec) 26
Initial Study Results
0
10
20
30
40
50
60
70
80
90
100
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 1 (maximum)
Accuracy
0
10
20
30
40
50
60
70
80
90
100
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 2 (minimum)
Accuracy
0
10
20
30
40
50
60
70
80
90
100
One-by-One
Horizontal
Grid Zoom Free Zoom Free Zoom
w/ Fixed
Axes
Task 3 (average)
Accuracy 27
Initial Study Results
28
What does this mean?
Tasks:
• Best performing in tasks was One-
by-One.
• Worst in Tasks 1 & 2 was Free Zoom
w/ Fixed Axes.
• Worst in Task 3 was Grid Zoom.
NASA TLX:
• Best result was One-by-One.
• Worst was Grid Zoom.
29
Bigger Questions / Next Steps
Use a “better” bar chart.
• All x axis labels.
• More bars to increase
complexity.
Repeat study with greater
participant range.
30
Bigger Questions / Next Steps
• Addition of a “favourite” bar to
aid comparison.
• Comparison of different
possibilities.
31
Bigger Questions / Next Steps
Consider other chart types:
• Are there additional
challenges, e.g. for line
charts?
• What about multiple lines?
• How to show trajectory?
0
20
40
60
80
100
0
20
40
60
80
100
32
Bigger Questions / Next Steps
Do the zoom interactions
transfer to other wearable
devices such as Google Glass?
33
Conclusion / Recommendations
• Overview and Context appear to be important in viewing bar charts
on smart watches.
• Do not include one without the other!
The goal:
• To create and evaluate a set of guidelines for exploring data
visualisations on small screens.
34
Acknowledgements
Thanks to:
• Dr Alison Pease (Dundee)
• Julia Roming (MSc UX Engineering)
• All participants who took part in the studies
35
36

More Related Content

PDF
Sistem komputer blok diagram dari sistem mikro komputer
PPT
Pertemuan 10 rev 310108_ok
PPT
VLSI Design
PPTX
Materi INFORMATIKA - 6 TIK - Folder dan File.pptx
PDF
lkpd informatika.pdf
PDF
BAB 2_Pertemuan 2.pdf
PPTX
AI and Future Jobs - Public School.pptx
PDF
3. kumpulan latihan soal ujian nasional teori produktif tkj klas xii smk --...
Sistem komputer blok diagram dari sistem mikro komputer
Pertemuan 10 rev 310108_ok
VLSI Design
Materi INFORMATIKA - 6 TIK - Folder dan File.pptx
lkpd informatika.pdf
BAB 2_Pertemuan 2.pdf
AI and Future Jobs - Public School.pptx
3. kumpulan latihan soal ujian nasional teori produktif tkj klas xii smk --...

What's hot (20)

DOCX
Summer Training Program Report On Embedded system and robot
PPTX
model komputer Von Neumann Simulasi Input – Proses – Output
PDF
THE VLSI INDUSTRY - An Overview of Market, Job Functions And Product Developm...
PDF
🤖 Understanding 4 Waves of AI
PPTX
Presentasi-Bangkit Cloud Computing.pptx
PDF
Li-Fi Technology Presentation.pdf
DOCX
Artificial Intelligence power point presentation document
PPTX
BLOG DAN VLOG INFORMATIKA KURIKULUM MERDEKA
DOC
Laporan sistem komputer
PPTX
Teknologi Jaringan Berbasis Luas 1.pptx
DOCX
ATP - Mapel DKKTKJ_bekti.docx
PPT
Introduction to VLSI
PPT
Arduino coding.ppt
DOCX
Laporan Praktek Jaringan Komputer "Subnetting"
PDF
Modul Ajar Informatika Kelas 7 Deep Learning
DOCX
Kartu soal kompetensi kejuruan tkj usbn 2018
PPTX
Internet of things
PDF
Introduction to VLSI Design
DOCX
Makalah Membangun Jaringan Rt/Rw-Net
Summer Training Program Report On Embedded system and robot
model komputer Von Neumann Simulasi Input – Proses – Output
THE VLSI INDUSTRY - An Overview of Market, Job Functions And Product Developm...
🤖 Understanding 4 Waves of AI
Presentasi-Bangkit Cloud Computing.pptx
Li-Fi Technology Presentation.pdf
Artificial Intelligence power point presentation document
BLOG DAN VLOG INFORMATIKA KURIKULUM MERDEKA
Laporan sistem komputer
Teknologi Jaringan Berbasis Luas 1.pptx
ATP - Mapel DKKTKJ_bekti.docx
Introduction to VLSI
Arduino coding.ppt
Laporan Praktek Jaringan Komputer "Subnetting"
Modul Ajar Informatika Kelas 7 Deep Learning
Kartu soal kompetensi kejuruan tkj usbn 2018
Internet of things
Introduction to VLSI Design
Makalah Membangun Jaringan Rt/Rw-Net
Ad

Viewers also liked (6)

PPTX
A Case Study of Retention Strategies in the Curriculum
PPTX
The Role of Outreach?
DOCX
8 2-6 citasbibliograficas
PDF
Reading Resources and Apps for Adolescents, Teens, & Adults
PDF
Incorporating Clicks, Attention and Satisfaction into a SERP Evaluation Model
PDF
Holiday Travel Survival Guide [Infographic]
A Case Study of Retention Strategies in the Curriculum
The Role of Outreach?
8 2-6 citasbibliograficas
Reading Resources and Apps for Adolescents, Teens, & Adults
Incorporating Clicks, Attention and Satisfaction into a SERP Evaluation Model
Holiday Travel Survival Guide [Infographic]
Ad

Similar to Data Visualisation on Smart Watches (20)

PDF
Exploratory Visual Analysis in Large High-Resolution Displays
PPTX
Keeping things in context a comparative evaluation of focus plus context scre...
PPTX
Cancer genomics first look
PPTX
Input Techniques for Mobile
PPTX
Stocktouch FinTech Meetup
PPTX
Click Here! Tap Here! Using Chalkmark for Adaptive Design Testing and Excel f...
PDF
Ux for data exploration
PPTX
Information Visualisation – an introduction
PPTX
Open 2013: A New Creativity Tool: Visual function mapping
PPTX
Data visualization training session HELCOM
PPTX
Best practices for visualising data and building dashboards
PDF
Future of UX Mini-presentation
PPT
Scanning Between Graph Visualizations: An Eye Tracking Evaluation.
PPTX
The ROI of UX Design
PDF
Dashboard Design / IxDA
PPTX
Wristsense2015
PPT
Innovative Interfaces: Transforming Data Into Insight
PPTX
Strata Conference 2012
PPTX
Dynamic anthropometry.pptx
PPTX
Accessible Next Level Visualizations
Exploratory Visual Analysis in Large High-Resolution Displays
Keeping things in context a comparative evaluation of focus plus context scre...
Cancer genomics first look
Input Techniques for Mobile
Stocktouch FinTech Meetup
Click Here! Tap Here! Using Chalkmark for Adaptive Design Testing and Excel f...
Ux for data exploration
Information Visualisation – an introduction
Open 2013: A New Creativity Tool: Visual function mapping
Data visualization training session HELCOM
Best practices for visualising data and building dashboards
Future of UX Mini-presentation
Scanning Between Graph Visualizations: An Eye Tracking Evaluation.
The ROI of UX Design
Dashboard Design / IxDA
Wristsense2015
Innovative Interfaces: Transforming Data Into Insight
Strata Conference 2012
Dynamic anthropometry.pptx
Accessible Next Level Visualizations

Recently uploaded (20)

PPTX
Leprosy and NLEP programme community medicine
PDF
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
PDF
OneRead_20250728_1808.pdfhdhddhshahwhwwjjaaja
PPTX
STERILIZATION AND DISINFECTION-1.ppthhhbx
PDF
Jean-Georges Perrin - Spark in Action, Second Edition (2020, Manning Publicat...
PPTX
DS-40-Pre-Engagement and Kickoff deck - v8.0.pptx
PPTX
SAP 2 completion done . PRESENTATION.pptx
PDF
Global Data and Analytics Market Outlook Report
PDF
Votre score augmente si vous choisissez une catégorie et que vous rédigez une...
PDF
Navigating the Thai Supplements Landscape.pdf
PDF
Microsoft 365 products and services descrption
PDF
Data Engineering Interview Questions & Answers Cloud Data Stacks (AWS, Azure,...
PPT
lectureusjsjdhdsjjshdshshddhdhddhhd1.ppt
PPTX
AI Strategy room jwfjksfksfjsjsjsjsjfsjfsj
PPTX
Qualitative Qantitative and Mixed Methods.pptx
PDF
Tetra Pak Index 2023 - The future of health and nutrition - Full report.pdf
PPTX
New ISO 27001_2022 standard and the changes
PPTX
CYBER SECURITY the Next Warefare Tactics
PPTX
(Ali Hamza) Roll No: (F24-BSCS-1103).pptx
PPTX
QUANTUM_COMPUTING_AND_ITS_POTENTIAL_APPLICATIONS[2].pptx
Leprosy and NLEP programme community medicine
Systems Analysis and Design, 12th Edition by Scott Tilley Test Bank.pdf
OneRead_20250728_1808.pdfhdhddhshahwhwwjjaaja
STERILIZATION AND DISINFECTION-1.ppthhhbx
Jean-Georges Perrin - Spark in Action, Second Edition (2020, Manning Publicat...
DS-40-Pre-Engagement and Kickoff deck - v8.0.pptx
SAP 2 completion done . PRESENTATION.pptx
Global Data and Analytics Market Outlook Report
Votre score augmente si vous choisissez une catégorie et que vous rédigez une...
Navigating the Thai Supplements Landscape.pdf
Microsoft 365 products and services descrption
Data Engineering Interview Questions & Answers Cloud Data Stacks (AWS, Azure,...
lectureusjsjdhdsjjshdshshddhdhddhhd1.ppt
AI Strategy room jwfjksfksfjsjsjsjsjfsjfsj
Qualitative Qantitative and Mixed Methods.pptx
Tetra Pak Index 2023 - The future of health and nutrition - Full report.pdf
New ISO 27001_2022 standard and the changes
CYBER SECURITY the Next Warefare Tactics
(Ali Hamza) Roll No: (F24-BSCS-1103).pptx
QUANTUM_COMPUTING_AND_ITS_POTENTIAL_APPLICATIONS[2].pptx

Data Visualisation on Smart Watches

  • 1. Data Exploration on Smart Watches Dr. Rachel Menzies University of Dundee
  • 2. About Me Human Computer Interaction / UX • Interface design for Autism Spectrum Conditions and Intellectual Disabilities • Participatory design methods Technologies for Education • To support education • To innovate @Rachel_Menzies 1
  • 3. The Explosion of Mobile 2
  • 4. Challenges of designing for small screens • Small screen • “Fat-finger problem” • Limited screen real estate • Poor battery life • Less than one day of solid use • One handed interaction 3
  • 5. Designing for Data Visualisation • Overview General context • Zoom and Filter Limit the amount of info displayed • Details on Demand Interactive, maintain context 4
  • 6. Current Uses Timer Stocks Runtastic Nike+ 5
  • 8. Background Increased use of smart watches 7http://www.eetimes.com/document.asp?doc_id=1326427 http://www.statista.com/statistics/271405/global-mobile-data- traffic-forecast/ Increased use of mobile data 1 EB= 1 billion GB
  • 9. Future Uses • Smart home alerts • When alerted, can I explore the data and decide how to respond? • Places control in the hands of carers. • Biology labs • Providing info to lab technicians • Sports tracking • Elite and casual athletes 8
  • 10. How can we explore data on a very small screen? 9
  • 11. Exploring Data on a Large Screen Must data exploration mean a dashboard? Novice dashboard users prefer visualisations they are familiar with (bar charts, pie charts). Grammel, Tory & Storey (2010). How information visualization novices construct visualizations. Visualization and Computer Graphics, IEEE Transactions on, 16(6), pp943- 952 10
  • 12. Moving to smaller screens Tablet http://www.nytimes.com/interactive/2014/07/01/sports/worldcup/usa- belgium.html?smid=tw-share&_r=2 11
  • 13. Moving to smaller screens Mobile Phone http://www.brightpointinc.com/d3-mobile-web-application/ 12
  • 14. Moving to smaller screens Smart Watches 13 ?
  • 15. Where to focus first? • Focus on Bar Charts • Simple visualisation already used on smartphones • Variations available on smart watches, e.g. Activity by Apple 14
  • 16. Focus Group • Some sketches drawn and presented to participants • n=5 • All used bar charts regularly • All used touch screen devices at least daily • What is the most suitable interaction? • Why? • …any new ideas? 515
  • 17. 6 Initial Solutions One-by-One (Horizontal) Scrolling One-by-One (Vertical) Scrolling 616
  • 18. 6 Initial Solutions 17 “Horizontal scrolling is most natural. It’s the same as scrolling through my photos” “Vertical would be useful if the bars are flat. Otherwise it doesn’t really make sense.” “How many bars are there? I don’t want to be scrolling all day. Can I set the number of bars I want to see?
  • 19. 6 Initial Solutions Free Zoom 18 “This is most familiar… but it’s boring. Smartwatches should be cool and interactive and new”. “I don’t like that I can’t see the top of the bar. It’s meaningless”
  • 20. 6 Initial Solutions Free Zoom with Fixed Axes 719 “This is good. I can presumably zoom in fairly far if I have bad eyesight … and I see the axes.”
  • 21. 6 Initial Solutions Grid Zoom 20 “Too confusing I think. You’d need to remember stuff rather than maybe just look at it.” “I don’t like that second section. I don’t know what bar it is and what the value is.”
  • 22. 6 Initial Solutions Fish Eye 821 “I guess it’s good that I can see everything, but is it something I can actually use in my job? Not a chance. Everything will get distorted.”
  • 23. Focus Group Results • Unanimous favourite was One-by-One (Horizontal). • Small overview of the chart was useful. • Suggested “Favourites” for easy comparison. • Also favoured Free Zoom with Axes • Favoured being able to set custom zoom, but asked for overview. 922
  • 24. Focus Group Results Overview: • Being able to view the entire chart at all times. Context: • Knowing what the data you can currently see actually means, i.e. what value does it have? 23
  • 25. Initial Study • Three conditions rated most highly by focus group: • One-by-One (Horizontal) • Grid Zoom • Free Zoom with Fixed Axes • Control condition: • Free Zoom • Measures: • Time to complete tasks • Accuracy • NASA TLX 24
  • 26. Initial Study • Participants: • n=14 (6 male, 8 female) • Average age = 24yrs • Materials: • Prototypes on iPhone (4cm screen width) • Bar chart was pre-determined 25
  • 27. Initial Study Results 0 2 4 6 8 10 12 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 1 (maximum) Mean speed (sec) 0 2 4 6 8 10 12 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 2 (minimum) Mean speed (sec) 0 10 20 30 40 50 60 70 80 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 3 (average) Mean speed (sec) 26
  • 28. Initial Study Results 0 10 20 30 40 50 60 70 80 90 100 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 1 (maximum) Accuracy 0 10 20 30 40 50 60 70 80 90 100 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 2 (minimum) Accuracy 0 10 20 30 40 50 60 70 80 90 100 One-by-One Horizontal Grid Zoom Free Zoom Free Zoom w/ Fixed Axes Task 3 (average) Accuracy 27
  • 30. What does this mean? Tasks: • Best performing in tasks was One- by-One. • Worst in Tasks 1 & 2 was Free Zoom w/ Fixed Axes. • Worst in Task 3 was Grid Zoom. NASA TLX: • Best result was One-by-One. • Worst was Grid Zoom. 29
  • 31. Bigger Questions / Next Steps Use a “better” bar chart. • All x axis labels. • More bars to increase complexity. Repeat study with greater participant range. 30
  • 32. Bigger Questions / Next Steps • Addition of a “favourite” bar to aid comparison. • Comparison of different possibilities. 31
  • 33. Bigger Questions / Next Steps Consider other chart types: • Are there additional challenges, e.g. for line charts? • What about multiple lines? • How to show trajectory? 0 20 40 60 80 100 0 20 40 60 80 100 32
  • 34. Bigger Questions / Next Steps Do the zoom interactions transfer to other wearable devices such as Google Glass? 33
  • 35. Conclusion / Recommendations • Overview and Context appear to be important in viewing bar charts on smart watches. • Do not include one without the other! The goal: • To create and evaluate a set of guidelines for exploring data visualisations on small screens. 34
  • 36. Acknowledgements Thanks to: • Dr Alison Pease (Dundee) • Julia Roming (MSc UX Engineering) • All participants who took part in the studies 35
  • 37. 36

Editor's Notes

  • #3: Guilty secret Mostly consultancy rather than research.
  • #4: Explosion of mobile. Now we have the addition of wearable, such as smart watches. Much smaller than mobiles, which are now increasing in side (phablets) Less powerful than mobiles.
  • #6: Ben Schniedermann:
  • #7: Stocks interaction is difficult – requires clicking.
  • #8: Uses by businesses: Japan Airlines – send tasks to airline staff and locate staff via watch (allows controller to select the most appropriate staff member for each task. Virgin Atlantic uses smartwatches and google glass for concierge (1st class passengers) “search for info requested by passenger” Smartwatches and glasses for engineers, e.g. 1st person view, receive maintenance tasks
  • #9: 2016 yr of smart watch How may fitbit/jawbone? How many smart watches?
  • #10: BT presenting data dashboards for care homes on different platforms – how much data is enough? Electrograph – soil sample
  • #12: Affinity for pie charts – commonly selected, even when guidelines suggest otherwise.
  • #16: Identify shortfalls of current solutions – e.g. Apple only useful if a few bars (current max = 3) – what if there are many bars, e.g. one per day for a month, cannot customise dashboard.
  • #17: Took place at university
  • #24: Fish Eye – rejected – non-uniform scaling makes it difficult to compare the bars
  • #26: Draw the 4 conditions on a board.
  • #27: Participants: All interacted with bar charts regularly; 12 had previous knowledge of smart watches. Max age was 29 so a young crowd. Probably tech savvy. Note labelling on y axis. Tasks: Most steps Least steps Average number of steps
  • #28: Task 1: Free Zoom w/ Fixed Axes significantly slower. No other significance. Task 2: One-by-One sig faster than grid & free w/ axes. Free zoom sig faster than free w/ axes. No significance between top two. Task 3: Grid Zoom significantly slower than others. No other significance. Note: task 3: Free Zoom was fastest (by .86 sec). Maybe confounding axis.
  • #30: One-by-one takes less effort for all except physical demand – understandable as constantly swiping. But not the highest in that category by a long way. Grid Zoom is worst across all.
  • #31: Suggest that overview and context are important. It is worse to have just one of these than none of these. Overview: seeing whole chart. Context: constant view of axis to give meaning.
  • #32: Possibly with older adults.