DENIM: finding a tighter fit between tools and practice for Web site design

ABSTRACT

Through a study of web site design practice, we observed that web site designers design sites at different levels of refinement—site map, storyboard, and individual page—and that designers sketch at all levels during the early stages of design. However, existing web design tools do not support these tasks very well. Informed by these observations, we created DENIM, a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming. We performed an informal evaluation with seven professional designers and found that they reacted positively to the concept and were interested in using such a system in their work.

REFERENCES

• 1: Benjamin B. Bederson , James D. Hollan, Pad++: a zooming graphical interface for exploring alternate interface physics, Proceedings of the 7th annual ACM symposium on User interface software and technology, p.17-26, November 02-04, 1994, Marina del Rey, California, United States [doi>10.1145/192426.192435]
• 2: Black, A., Visible Planning on Paper and on Screen: The Impact of Working Medium on Decision-making by Novice Graphic Designers. Behaviour & Information Technology, 1990. 9(4): p. 283-296.
• 3: J. Callahan , D. Hopkins , M. Weiser , B. Shneiderman, An empirical comparison of pie vs. linear menus, Proceedings of the SIGCHI conference on Human factors in computing systems, p.95-100, May 15-19, 1988, Washington, D.C., United States [doi>10.1145/57167.57182]
• 4: Richard C. Davis , James A. Landay , Victor Chen , Jonathan Huang , Rebecca B. Lee , Frances C. Li , James Lin , Charles B. Morrey, III , Ben Schleimer , Morgan N. Price , Bill N. Schilit, NotePals: lightweight note sharing by the group, for the group, Proceedings of the SIGCHI conference on Human factors in computing systems: the CHI is the limit, p.338-345, May 15-20, 1999, Pittsburgh, Pennsylvania, United States [doi>10.1145/302979.303107]
• 5: G. W. Furnas, Generalized fisheye views, Proceedings of the SIGCHI conference on Human factors in computing systems, p.16-23, April 13-17, 1986, Boston, Massachusetts, United States
• 6: Goel, V., Sketches of Thought. Cambridge, MA: The MIT Press. 279, 1995.
• 7: John D. Gould , Clayton Lewis, Designing for usability: key principles and what designers think, Communications of the ACM, v.28 n.3, p.300-311, March 1985 [doi>10.1145/3166.3170]
• 8: Mark D. Gross , Ellen Yi-Luen Do, Ambiguous intentions: a paper-like interface for creative design, Proceedings of the 9th annual ACM symposium on User interface software and technology, p.183-192, November 06-08, 1996, Seattle, Washington, United States [doi>10.1145/237091.237119]
• 9: Komei Harada , Eiichiro Tanaka , Ryuichi Ogawa , Yoshinori Hara, Anecdote: a multimedia storyboarding system with seamless authoring support, Proceedings of the fourth ACM international conference on Multimedia, p.341-351, November 18-22, 1996, Boston, Massachusetts, United States [doi>10.1145/244130.244235]
• 10: Marti A. Hearst, Sketching Intelligent Systems, IEEE Intelligent Systems, v.13 n.3, p.10-19, May 1998 [doi>10.1109/5254.683174]
• 11: James I. Hong , James Landay, A Toolkit Supporting Pen-Based Interfaces, University of California at Berkeley, Berkeley, CA, 2002
• 12: James A. Landay , Brad A. Myers, Interactive Sketching for the Early Stages of User Interface Design, Carnegie Mellon University, Pittsburgh, PA, 1994
• 13: James A. Landay , Brad A. Myers, Interactive sketching for the early stages of user interface design, Proceedings of the SIGCHI conference on Human factors in computing systems, p.43-50, May 07-11, 1995, Denver, Colorado, United States [doi>10.1145/223904.223910]
• 14: James A. Landay , Brad A. Myers, Sketching storyboards to illustrate interface behaviors, Conference companion on Human factors in computing systems: common ground, p.193-194, April 13-18, 1996, Vancouver, British Columbia, Canada [doi>10.1145/257089.257257]
• 15: James Lin, A visual language for a sketch-based UI prototyping tool, CHI '99 extended abstracts on Human factors in computing systems, May 15-20, 1999, Pittsburgh, Pennsylvania [doi>10.1145/632716.632899]
• 16: Allan Christian Long, Jr. , James A. Landay , Lawrence A. Rowe, Implications for a gesture design tool, Proceedings of the SIGCHI conference on Human factors in computing systems: the CHI is the limit, p.40-47, May 15-20, 1999, Pittsburgh, Pennsylvania, United States [doi>10.1145/302979.302985]
• 17: Thomas P. Moran , Patrick Chiu , William van Melle, Pen-based interaction techniques for organizing material on an electronic whiteboard, Proceedings of the 10th annual ACM symposium on User interface software and technology, p.45-54, October 14-17, 1997, Banff, Alberta, Canada [doi>10.1145/263407.263508]
• 18: Mark Newman , James A. Landay, Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design, University of California at Berkeley, Berkeley, CA, 2000
• 19: Louis Rosenfeld , Peter Morville, Information architecture for the World Wide Web, O'Reilly & Associates, Inc., Sebastopol, CA, 1998
• 20: Dean Rubine, Specifying gestures by example, Proceedings of the 18th annual conference on Computer graphics and interactive techniques, p.329-337, July 1991
• 21: Darrell Sano, Designing large-scale Web sites: a visual design methodology, John Wiley & Sons, Inc., New York, NY, 1996
• 22: Eric Saund , Thomas P. Moran, A perceptually-supported sketch editor, Proceedings of the 7th annual ACM symposium on User interface software and technology, p.175-184, November 02-04, 1994, Marina del Rey, California, United States [doi>10.1145/192426.192494]
• 23: Bill N. Schilit , Gene Golovchinsky , Morgan N. Price, Beyond paper: supporting active reading with free form digital ink annotations, Proceedings of the SIGCHI conference on Human factors in computing systems, p.249-256, April 18-23, 1998, Los Angeles, California, United States [doi>10.1145/274644.274680]
• 24: Maarten van de Kant , Stephanie Wilson , Mathilde Bekker , Hilary Johnson , Peter Johnson, PatchWork: a software tool for early design, CHI 98 conference summary on Human factors in computing systems, p.221-222, April 18-23, 1998, Los Angeles, California, United States [doi>10.1145/286498.286711]
• 25: Wagner, A., Prototyping: A Day in the Life of an Interface Designer, in The Art of Human-Computer Interface Design, B. Laurel, Editor. Addison-Wesley: Reading, MA. p. 79-84, 1990.
• 26: Yin Yin Wong, Rough and ready prototypes: lessons from graphic design, Posters and short talks of the 1992 SIGCHI conference on Human factors in computing systems, May 03-07, 1992, Monterey, California [doi>10.1145/1125021.1125094]

INDEX TERMS

Primary Classification:
  H. Information Systems
  H.3 INFORMATION STORAGE AND RETRIEVAL
      H.3.5 On-line Information Services
          Subjects: Web-based services

Additional Classification:
  D. Software
  D.2 SOFTWARE ENGINEERING
      D.2.1 Requirements/Specifications
          Subjects: Elicitation methods (e.g., rapid prototyping, interviews, JAD)

  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.3 Group and Organization Interfaces
          Subjects: Web-based interaction

General Terms:
Design, Human Factors, Management, Performance, Theory

Keywords:
Web design, informal, pen-based computers, rapid prototyping, sketching, zooming user interface (ZUI)