International Conference on Ubiquitous Computing and Ambient Intelligence

Ubiquitous Computing and Ambient Intelligence. Sensing, Processing, and Using Environmental Information pp 289-296

Sketching Stereoscopic GUIs with HTML5 Canvas

  • Diego González-Zúñiga
  • Toni Granollers
  • Jordi Carrabina
Conference paper

DOI: 10.1007/978-3-319-26401-1_27

Part of the Lecture Notes in Computer Science book series (LNCS, volume 9454)
Cite this paper as:
González-Zúñiga D., Granollers T., Carrabina J. (2015) Sketching Stereoscopic GUIs with HTML5 Canvas. In: García-Chamizo J., Fortino G., Ochoa S. (eds) Ubiquitous Computing and Ambient Intelligence. Sensing, Processing, and Using Environmental Information. Lecture Notes in Computer Science, vol 9454. Springer, Cham

Abstract

Creating the layout of an application graphical user interface is an important part of any system development process. Mock-ups, usability studies, focus groups and sketching are techniques that help define this layout and ship the best UI for the required task. But with the addition of 3D depth into the GUI assortment, a gap is exposed when trying to draft the GUI due to the fact that depth cannot be easily represented using traditional 2D methods like paper or existing software. With this article we present a tool that allows designers and developers to draft graphical user interfaces that comply with stereoscopic side-by-side formats. The tool is created using the HTML5 canvas element, in conjunction with the browser’s console to live edit any sketch, and created layouts can be saved and shared in devices capable of showing compatible stereoscopic images.

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  • Diego González-Zúñiga
    • 1
  • Toni Granollers
    • 2
  • Jordi Carrabina
    • 1
  1. 1.CEPHISUniversitat Autònoma de BarcelonaBarcelonaSpain
  2. 2.GRIHOUniversitat de LleidaLleidaSpain

Personalised recommendations