FrameBox and MirrorBox: tools and guidelines to support designers in prototyping interfaces for 3D displays

In this paper, we identify design guidelines for stereoscopic 3D (S3D) user interfaces (UIs) and present the MirrorBox and the FrameBox, two UI prototyping tools for S3D displays. As auto-stereoscopy becomes available for the mass market we believe the design of S3D UIs for devices, for example, mobile phones, public displays, or car dashboards, will rapidly gain importance. A benefit of such UIs is that they can group and structure information in a way that makes them easily perceivable for the user. For example, important information can be shown in front of less important information. This paper identifies core requirements for designing S3D UIs and derives concrete guidelines. The requirements also serve as a basis for two depth layout tools we built with the aim to overcome limitations of traditional prototyping when sketching S3D UIs. We evaluated the tools with usability experts and compared them to traditional paper prototyping.

[1]  Mtm Marc Lambooij,et al.  Visual Discomfort and Visual Fatigue of Stereoscopic Displays: A Review , 2009 .

[2]  Tobias Höllerer,et al.  Stereoscopic Highlighting: 2D Graph Visualization on Stereo Displays , 2011, IEEE Transactions on Visualization and Computer Graphics.

[3]  Atanas Gotchev,et al.  Relative importance of depth cues on portable autostereoscopic display , 2010, MoViD '10.

[4]  Joseph J. LaViola,et al.  Creating and analyzing stereoscopic 3D graphical user interfaces in digital games , 2013, CHI.

[5]  Niels Henze,et al.  Perceiving layered information on 3D displays using binocular disparity , 2013, PerDis '13.

[6]  Austin Henderson,et al.  Interaction design: beyond human-computer interaction , 2002, UBIQ.

[7]  A. Treisman,et al.  A feature-integration theory of attention , 1980, Cognitive Psychology.

[8]  Jonna Häkkilä,et al.  Design and evaluation of mobile phonebook application with stereoscopic 3D user interface , 2013, CHI Extended Abstracts.

[9]  Darren Leigh,et al.  The calder toolkit: wired and wireless components for rapidly prototyping interactive devices , 2004, DIS '04.

[10]  Mark Baskinger.  COVER STORYPencils before pixels: a primer in hand-generated sketching , 2008, INTR.

[11]  Ken Nakayama,et al.  Serial and parallel processing of visual feature conjunctions , 1986, Nature.

[12]  Jonna Häkkilä,et al.  Evaluating depth illusion as method of adding emphasis in autostereoscopic mobile displays , 2011, Mobile HCI.

[13]  Y. Yeh,et al.  Limits of Fusion and Depth Judgment in Stereoscopic Color Displays , 1990, Human factors.

[14]  David Wilson,et al.  Stereoscopic 3D in video games: A review of current design practices and challenges , 2011, 2011 16th International Conference on Computer Games (CGAMES).

[15]  John P. McIntire,et al.  What is 3D good for? A review of human performance on stereoscopic 3D displays , 2012, Defense + Commercial Sensing.

[16]  Herman Snellen,et al.  Probebuchstaben zur Bestimmung der Sehschärfe , 1873 .

[17]  B. Julesz.  Foundations of Cyclopean Perception , 1971 .

[18]  Carolyn Snyder,et al.  Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces , 2003 .

[19]  Yang Li,et al.  Topiary: a tool for prototyping location-enhanced applications , 2004, UIST '04.

[20]  Ivan Poupyrev,et al.  3D User Interfaces: Theory and Practice , 2004 .

[21]  Albrecht Schmidt,et al.  Support for modeling interaction with automotive user interfaces , 2011, AutomotiveUI.

[22]  W. E. Hick.  Quarterly Journal of Experimental Psychology , 1948, Nature.

[23]  Wijnand A. IJsselsteijn,et al.  Stereoscopic displays in medical domains: a review of perception and performance effects , 2009, Electronic Imaging.

[24]  Jonna Häkkilä,et al.  How to Use 3D in Stereoscopic Mobile User Interfaces: Study on Initial User Perceptions , 2013, MindTrek.

[25]  Chadwick A. Wingrave,et al.  The Value of Constraints for 3D User Interfaces , 2008, Virtual Realities.

[26]  Yvonne Rogers,et al.  Interaction Design: Beyond Human-Computer Interaction , 2002 .

[27]  Larry F. Hodges,et al.  Comparison of 3-D display formats for CAD applications , 1991, Electronic Imaging.

[28]  Sebastian Boring,et al.  ProjectorKit: easing rapid prototyping of interactive applications for mobile projectors , 2013, MobileHCI '13.

[29]  Leena Arhippainen,et al.  Studying user experiences of autostereoscopic 3D menu on touch screen mobile device , 2012, OZCHI.

[30]  F. Okano,et al.  PARALLAX DISTRIBUTION AND VISUAL COMFORT ON STEREOSCOPIC HDTV , 2002 .

[31]  Albrecht Schmidt,et al.  Is stereoscopic 3D a better choice for information representation in the car? , 2012, AutomotiveUI.

[32]  Peter Khooshabeh,et al.  Paper or interactive?: a study of prototyping techniques for ubiquitous computing environments , 2003, CHI Extended Abstracts.