G-Sparks: Glanceable Sparklines on Smartwatches

Optimizing the use of a small display while presenting graphic data such as line charts is challenging. To tackle this, we propose GSparks, a compact visual representation of glanceable line graphs for smartwatches. Our exploration primarily considered the suitable compression axes for time-series charts. In a first study we examine the optimal line-graph compression approach without compromising perceptual metrics, such as slope or height detections. We evaluated compressions of line segments, the elementary unit of a line graph, along the x-axis, y-axis, and xyaxes. Contrary to intuition, we find that condensing graphs yield more accurate reading of height estimations than non-compressed graphs, but only when these are compressed along the x-axis. Building from this result, we study the effect of an x-axis compression on users' ability to perform "glanceable" analytic tasks with actual data. Glanceable tasks include quick perceptual judgements of graph properties. Using bio-metric data (heart rate), we find that shrinking a line graph to the point of representing one data sample per pixel does not compromise legibility. As expected, such type of compression also has the effect of minimizing the needed amount of flicking to interact with such graphs. From our results, we offer guidelines to application designers needing to integrate line charts into smartwatch apps.

[1]  Oscar de Bruijn,et al.  RSVP Browser: Web Browsing on Small Screen Devices , 2001, Personal and Ubiquitous Computing.

[2]  Niklas Elmqvist,et al.  Ubiquitous Analytics: Interacting with Big Data Anywhere, Anytime , 2013, Computer.

[3]  Niklas Elmqvist,et al.  Graphical Perception of Multiple Time Series , 2010, IEEE Transactions on Visualization and Computer Graphics.

[4]  E. Tufte Beautiful Evidence , 2006 .

[5]  John T. Stasko,et al.  Artistically conveying peripheral information with the InfoCanvas , 2002, AVI '02.

[6]  Carl Gutwin,et al.  Wedge: clutter-free visualization of off-screen locations , 2008, CHI.

[7]  Kenneth M. Anderson,et al.  A vision for heart rate health through wearables , 2016, UbiComp Adjunct.

[8]  Pourang Irani,et al.  Comparing visualizations for tracking off-screen moving targets , 2007, CHI Extended Abstracts.

[9]  Luca Romeo,et al.  Real-time mental stress detection based on smartwatch , 2017, 2017 IEEE International Conference on Consumer Electronics (ICCE).

[10]  Guy Carrault,et al.  Real-time ECG transmission via Internet for nonclinical applications , 2001, IEEE Transactions on Information Technology in Biomedicine.

[11]  Michael Fulk Improving web browsing on handheld devices , 2001, CHI Extended Abstracts.

[12]  J. Pallant SPSS survival manual : a step-by-step guide to data analysis using SPSS version 15 , 2007 .

[13]  Bongshin Lee,et al.  Glanceable Visualization: Studies of Data Comparison Performance on Smartwatches , 2019, IEEE Transactions on Visualization and Computer Graphics.

[14]  Marcos Serrano Smartwatches + Head-worn Displays: the 'new' Smartphone Chi 2015 " Mobile Collocated Interactions " Workshop , 2015 .

[15]  Alex Olwal,et al.  WatchThru: Expanding Smartwatch Displays with Mid-air Visuals and Wrist-worn Augmented Reality , 2017, CHI.

[16]  Frederick E. Croxton,et al.  Bar Charts versus Circle Diagrams , 1927 .

[17]  Vivian West,et al.  Innovative information visualization of electronic health record data: a systematic review , 2014, J. Am. Medical Informatics Assoc..

[18]  Silvia Miksch,et al.  Qualizon graphs: space-efficient time-series visualization with qualitative abstractions , 2014, AVI.

[19]  Pourang Irani,et al.  D-SWIME: A Design Space for Smartwatch Interaction Techniques Supporting Mobility and Encumbrance , 2018, CHI.

[20]  Jean-Daniel Fekete,et al.  Interactive information visualization of a million items , 2002, IEEE Symposium on Information Visualization, 2002. INFOVIS 2002..

[21]  M. Sheelagh T. Carpendale,et al.  Personal Visualization and Personal Visual Analytics , 2015, IEEE Transactions on Visualization and Computer Graphics.

[22]  Walter Crosby Eells,et al.  The Relative Merits of Circles and Bars for Representing Component Parts , 1926 .

[23]  Andrea Bunt,et al.  Data representations for in-situ exploration of health and fitness data , 2017, PervasiveHealth.

[24]  Adam Tauman Kalai,et al.  Reading and Learning Smartfonts , 2016, UIST.

[25]  Jean-Daniel Fekete,et al.  ZAME: Interactive Large-Scale Graph Visualization , 2008, 2008 IEEE Pacific Visualization Symposium.

[26]  David K. Simkin,et al.  An Information-Processing Analysis of Graph Perception , 1987 .

[27]  Jaehyun Park Classifying weight training workouts with deep convolutional neural networks: a precedent study , 2016, MobileHCI Adjunct.

[28]  Hee-Jung Yoon,et al.  I am a "Smart" watch, Smart Enough to Know the Accuracy of My Own Heart Rate Sensor , 2017, HotMobile.

[29]  W. Cleveland,et al.  Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods , 1984 .

[30]  Tak-Chung Fu,et al.  Stock time series visualization based on data point importance , 2008, Eng. Appl. Artif. Intell..

[31]  Jacob Cohen Statistical Power Analysis for the Behavioral Sciences , 1969, The SAGE Encyclopedia of Research Design.

[32]  Susanne Boll,et al.  Visualization of Complex Health Data on Mobile Devices , 2016, MMHealth@ACM Multimedia.

[33]  Virpi Roto,et al.  Minimap: a web page visualization method for mobile phones , 2006, CHI.

[34]  Arun K. Majumdar,et al.  Methodology to visualize electronic health record for chronic diseases on small display screens , 2012, ICACCI '12.

[35]  Sean White,et al.  Facet: a multi-segment wrist worn system , 2012, UIST.

[36]  Subhas Chandra Mukhopadhyay,et al.  Wearable Sensors for Human Activity Monitoring: A Review , 2015, IEEE Sensors Journal.

[37]  Jodi Forlizzi,et al.  Understanding my data, myself: supporting self-reflection with ubicomp technologies , 2011, UbiComp '11.

[38]  Blaine Reeder,et al.  Health at hand: A systematic review of smart watch uses for health and wellness , 2016, J. Biomed. Informatics.

[39]  Vivien Beattie,et al.  The impact of graph slope on rate of change judgments in corporate reports , 2002 .

[40]  Xing-Dong Yang,et al.  Smartwatches + Head-Worn Displays: the "New" Smartphone , 2015 .

[41]  Stéphane Huot,et al.  Focus+Context Visualization Techniques for Displaying Large Lists with Multiple Points of Interest on Small Tactile Screens , 2007, INTERACT.

[42]  F. E. Croxton,et al.  Graphic Comparisons by Bars, Squares, Circles, and Cubes , 1932 .

[43]  Wilbur Schramm,et al.  How accurately are different kinds of graphs read? , 1954 .

[44]  Wei Guo,et al.  SmartRSVP: Facilitating Attentive Speed Reading on Small Screen Wearable Devices , 2017, CHI Extended Abstracts.

[45]  Lynne Baillie,et al.  Investigating Time Series Visualisations to Improve the User Experience , 2016, CHI.

[46]  Robert McGill,et al.  An Experiment in Graphical Perception , 1986, Int. J. Man Mach. Stud..

[47]  Jeffrey Heer,et al.  Perceptual Guidelines for Creating Rectangular Treemaps , 2010, IEEE Transactions on Visualization and Computer Graphics.

[48]  Zilu Liang,et al.  SleepExplorer: a visualization tool to make sense of correlations between personal sleep data and contextual factors , 2016, Personal and Ubiquitous Computing.

[49]  Ben Shneiderman,et al.  Aligning temporal data by sentinel events: discovering patterns in electronic health records , 2008, CHI.

[50]  Evangelos Karapanos,et al.  Activity Tracking in vivo , 2018, CHI.

[51]  Maria Beatriz Carmo,et al.  Visualization of geographic query results for small screen devices , 2007, GIR '07.

[52]  Charles Perin,et al.  Interactive horizon graphs: improving the compact visualization of multiple time series , 2013, CHI.