Design space for focus+context navigation in web forms

Navigation in long forms commonly employs user interface design patterns such as scrolling, tabs, and wizard steps. Since these patterns hide contextual form fields outside the viewport or behind other tabs or pages, we propose to apply the focus+context principle from information visualization to form design. This work presents a design space analysis to support usability engineering of focus+context form navigation. We evaluated the design space's usefulness and applicability in a case study and found the design space has fostered creativity and helped to clearly document design decisions, indicating it can be a valuable support for engineering intelligent, form-based user interfaces.

[1]  Sahin Albayrak,et al.  Bridging models and systems at runtime to build adaptive user interfaces , 2010, EICS '10.

[2]  Thomas P. Moran,et al.  Design rationale: the argument behind the artifact , 1989, CHI '89.

[3]  Caroline Jarrett,et al.  Forms that Work: Designing Web Forms for Usability , 2008 .

[4]  Chris Pilgrim,et al.  Website Navigation Tools - A Decade of Design Trends 2002 to 2011 , 2012, AUIC.

[5]  Marian Dörk,et al.  Accentuating visualization parameters to guide exploration , 2013, CHI Extended Abstracts.

[6]  Kate J. Garland,et al.  Efficient electronic navigation: A metaphorical question? , 2011, Interact. Comput..

[7]  Carl Gutwin,et al.  Improving scrolling devices with document length dependent gain , 2012, CHI.

[8]  Deborah J. Mayhew,et al.  The usability engineering lifecycle , 1999, CHI Extended Abstracts.

[9]  Johannes Harms,et al.  Research Goals for Evolving the 'Form' User Interface Metaphor towards More Interactivity , 2013, SouthCHI.

[10]  John Zimmerman,et al.  Learning to Navigate Web Forms , 2004 .

[11]  Ben Shneiderman,et al.  Using vision to think , 1999 .

[12]  Uwe Malinowski,et al.  Adjusting the presentation of forms to users' behavior , 1993, IUI '93.

[13]  Luke Wroblewski,et al.  Web Form Design: Filling in the Blanks , 2008 .

[14]  Andrew Dillon,et al.  Navigation in hypertext: A critical review of the concept , 1990, INTERACT.

[15]  Teija Vainio,et al.  A Review of the Navigation HCI Research During the 2000's , 2010, Int. J. Interact. Mob. Technol..

[16]  Roy Rada,et al.  Interacting With Hypertext: A Meta-Analysis of Experimental Studies , 1996, Hum. Comput. Interact..

[17]  Mick P. Couper,et al.  Placement and Design of Navigation Buttons in Web Surveys , 2011 .

[18]  George W. Furnas,et al.  Effective view navigation , 1997, CHI.

[19]  Pedro M. Domingos,et al.  Relational Markov models and their application to adaptive web navigation , 2002, KDD.

[20]  Jakob Nielsen,et al.  The matters that really matter for hypertext usability , 1989, Hypertext.

[21]  Takeo Igarashi,et al.  Overview Scrollbar: A Scrollbar Showing an Entire Document as an Overview , 2013, INTERACT.

[22]  Andy Cockburn,et al.  An empirical characterisation of electronic document navigation , 2008, Graphics Interface.

[23]  Matthias Schneider-Hufschmidt,et al.  A taxonomy of adaptive user interfaces , 1993 .

[24]  Staffan Björk,et al.  Redefining the Focus and Context of Focus+Context Visualizations , 2000, INFOVIS.

[25]  Joanna McGrenere,et al.  Ephemeral adaptation: the use of gradual onset to improve menu selection performance , 2009, CHI.

[26]  Alexandre N. Tuch,et al.  Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design , 2010 .

[27]  Takeo Igarashi,et al.  A negotiation architecture for fluid documents , 1998, UIST '98.

[28]  Tariq Samad.  Filling the Blanks , 1986 .

[29]  George W. Furnas,et al.  A fisheye follow-up: further reflections on focus + context , 2006, CHI.

[30]  Benjamin B. Bederson,et al.  A review of overview+detail, zooming, and focus+context interfaces , 2009, CSUR.

[31]  Stuart K. Card,et al.  Degree-of-interest trees: a component of an attention-reactive user interface , 2002, AVI '02.

[32]  David D. Woods,et al.  The price of flexibility , 1993, IUI '93.

[33]  J. B. Brooke,et al.  SUS: A 'Quick and Dirty' Usability Scale , 1996 .

[34]  Olivier Chapuis,et al.  Quantifying degree of goal directedness in document navigation: application to the evaluation of the perspective-drag technique , 2007, CHI.

[35]  Robert Spence,et al.  A framework for navigation , 1999, Int. J. Hum. Comput. Stud..

[36]  Kristina Höök,et al.  Evaluating adaptive navigation support , 1998, IUI '99.