Effect of fidelity in diagram presentation

The visual fidelity (fidelity) of a design diagram affects perception and design performance. Hand-drawn diagrams are more effective working documents for early design tasks such as user interface designs than the equivalent computer-prepared formal representation. However people prefer more formal representations because they feel that hand-drawn diagrams look unprofessional. Sketch-based design tools make it possible to present partially tidied designs. We have postulated intermediary levels of visual fidelity in a systematic manner and implemented these levels into a sketch tool to evaluate the effect of computerization and fidelity on perception and design performance. Our findings show that: performance decreased systematically with increased fidelity; that computer presented designs decreases performance and that performance was decreased by computerization of the hand-drawn diagrams. In contrast, user satisfaction was higher with increasing levels of fidelity. These results pose challenges to the sketch tools community and further questions for effective computer support for early design.

[1]  Yin Yin Wong.  Rough and ready prototypes: lessons from graphic design , 1992, CHI '92.

[2]  Beryl Plimmer,et al.  Using shared displays to support group design; A study of the use of informal user interface designs when learning to program , 2004 .

[3]  Alison Black.  Visible planning on paper and on screen: The impact of working medium on decision-making by novice graphic designers , 1990 .

[4]  Gabriela Goldschmidt.  Serial sketching: visual problem solving in designing , 1992 .

[5]  Jean Vanderdonckt,et al.  Multi-fidelity Prototyping of User Interfaces , 2007, INTERACT.

[6]  Glyn W. Humphreys,et al.  Axis-alignment affects perceptual grouping: evidence from simultanagnosia , 1999 .

[7]  Conrad Pomm,et al.  Smooth Morphing of Handwritten Text , 2004, AVI.

[8]  Guy Pyrzak,et al.  Breaking the fidelity barrier: an examination of our current characterization of prototypes and an example of a mixed-fidelity success , 2006, CHI.

[9]  Christian Heide Damm,et al.  Supporting Several Levels of Restriction in the UML , 2000, UML.

[10]  Susan Fowler,et al.  Web application design handbook - best practices for web-based software , 2004, The Morgan Kaufmann series in interactive technologies.

[11]  Pieter Jan Stappers,et al.  The role of balance as an organizing design principle underlying adults' compositional strategies for creating visual displays , 1998 .

[12]  Mark W. Newman,et al.  DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice , 2003, Hum. Comput. Interact..

[13]  Beryl Plimmer,et al.  INTERACTING with sketched interface designs: an evaluation study , 2004, CHI EA '04.

[14]  V. Goel.  Sketches of thought , 1995 .

[15]  Ellen Yi-Luen Do,et al.  Ambiguous intentions: a paper-like interface for creative design , 1996, UIST '96.

[16]  Dieter Bolz,et al.  Some aspects of the user interface of a knowledge based beautifier for drawings , 1993, IUI '93.

[17]  James A. Landay.  Interactive sketching for user interface design , 1995, CHI '95.

[18]  Beryl Plimmer,et al.  A toolkit approach to sketched diagram recognition , 2007, BCS HCI.

[19]  Marc Rettig,et al.  Prototyping for tiny fingers , 1994, CACM.

[20]  Brian P. Bailey,et al.  Are informal tools better?: comparing DEMAIS, pencil and paper, and authorware for early multimedia design , 2003, CHI '03.

[21]  Beryl Plimmer,et al.  Evaluating a sketch environment for novice programmers , 2003, CHI Extended Abstracts.

[22]  James A. Landay,et al.  High-Fidelity or Low-Fidelity, Paper or Computer? Choosing Attributes when Testing Web Prototypes , 2002 .

[23]  Beryl Plimmer,et al.  Software for Students to Sketch Interface Designs , 2003, INTERACT.