Designing and Creating Micro Visualisations

  • James Jackson

    Research areas

  • Information Visualisation, Mobilie Visualisation, Glyphs

Abstract

Mobile and tablet devices, especially those with smaller displays have become very popular over the last 15 years. The very use of the mobile environment has meant that many applications and devices that create and use data have become popular. Therefore there is an opportunity to interface with this information and present it in a visual way. In addition these devices are often used in a personal way, when you are running you might have a display on your watch, you might visualise your shares on your mobile device. There is an opportunity to display graphics and information that is designed for the person. Therefore, these visualisations need to be ‘glanceable’ so that you can look at it and consume it on a mobile device. This thesis is broadly separated into five primary parts: 1) the development novel method for designing and creating visualisations for small screen device. Drawing on inspiration from an artists technique of line-of-action as well as the concept of visual flow in a computer system a path model is presented. This model follows a five stage process for designing visualisations and iterating over changes over designs; 2) A prototype implementation of the model as a browser based HTML5 application; 3) A system is implemented as the Connect The Dots <CTD> ReactJS component. This implementation comprises five discrete components each responsible for the respective stage within the model; 4) An evaluation of <CTD> with a user study which establishes that the model can be used to create meaningful and useful visualisations. This evaluation also shows that the visualisations are, in-fact, ‘glanceable’; and 5) A further two studies are presented in which participants develop their own visualisations in desktop and mobile environments. These two systems use <CTD> and build upon the results from the first evaluation. Both the mobile and desktop applications results speak to the ability of the model to allow for quick design iteration. They also establish that the users like the outcomes and envisage their use on mobile devices. Including the five components outlined above a further four contributions are presented as a result of the work: 1) a State of the Art Review on small screen and mobile applications; 2) VisSurvey.js a tool for browser-based visualisation surveys; 3) a theoretical application of the model in the form of case studies; and 4) a drag and drop browser interface for creating visualisations. Finally the thesis describes the conclusions and limitations of the work while also presenting avenues for future research.

Details

Original languageEnglish
Awarding Institution
Supervisors/Advisors
Thesis sponsors
  • KESS2
Award date19 Oct 2021