James Lin
Mark W. Newman
Jason I. Hong
James A. Landay
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.
- 1.Bederson, B.B. and j.D. Hollan. Pad++: A Zooming Graphical Interface for Exploring Alternative Interface Physics. In Proceedings of the A CM Symposium on User Interface Software and Technology: UIST '94. Marina del Rey, CA. pp. 17-26, November 2-4 1994. Google Scholar
Digital Library
- 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.Google Scholar
- 3.Callahan, J., D. Hopkins, M. Weiser, and B. Shneiderman. An Empirical Comparison of Pie vs. Linear Menus. In Proceedings of Human Factors in Computing Systems. pp. 95-100 1988. Google ScholarDigital Library
- 4.Davis, R.C., et al. NotePals: Lightweight Note Sharing by the Group, for the Group. In Proceedings of Human Factors in Computing Systems: CHI '99. Pittsburgh, PA. pp. 338- 345, May 15-20 1999. Google ScholarDigital Library
- 5.Furnas, G.W. Generalized Fisheye Views. In Proceedings of Human Factors in Computing Systems: CHI '86. Boston, MA. pp. 16-23 1986. Google ScholarDigital Library
- 6.Goel, V., Sketches of Thought. Cambridge, MA: The MIT Press. 279, 1995.Google Scholar
- 7.Gould, J.D. and C. Lewis, Designing for Usability: Key Principles and What Designers Think. Communications of the ACM, 1985.28(3): p. 300-311. Google ScholarDigital Library
- 8.Gross, M.D. and E.Y.-L. Do. Ambiguous Intentions: A Paper-like Interface for Creative Design. in Proceedings of A CM Symposium on User Interface Software and Technology: UIST "96. Seattle, WA. pp. 183-192, November 6-8 1996. Google ScholarDigital Library
- 9.Harada, K., E. Tanaka, R. Ogawa, and Y. Hara. Anecdote: A Multimedia Storyboarding System with Seamless Authoring Support. In Proceedings of A CM International Multimedia Conference 96. Boston, MA. pp. 341-351, November 18-22 1996. Google ScholarDigital Library
- 10.Hearst, M.A., M.D. Gross, J.A. Landay, and T.E. Stahovich, Sketching Intelligent Systems. IEEE Intelligent Systems, 1998.13(3): p. 10-19. Google ScholarDigital Library
- 11.Hong, J.I. and J.A. Landay, A Toolkit Supporting Pen-Based Interfaces. Technical Report UCB//CSD-99-1058, University of California, Berkeley, Computer Science Division, Berkeley, CA 1999. Google ScholarDigital Library
- 12.Landay, J.A., Interactive Sketching for the Early Stages of User Interface Design. Technical Report CMU-CS-96-201, Carnegie Mellon University, Pittsburgh, PA 1996. Google ScholarDigital Library
- 13.Landay, J.A. and B.A. Myers. Interactive Sketching for the Early Stages of User Interface Design. In Proceedings of Human Factors in Computing Systems: CHI "95. Denver, CO. pp. 43-50, May 7--11 1995. Google ScholarDigital Library
- 14.Landay, J.A. and B.A. Myers. Sketching Storyboards to Illustrate Interface Behavior. In Proceedings of Human Factors in Computing Systems: CHI '96. Vancouver, Canada. pp. 193-194, April 13-18 1996. Google ScholarDigital Library
- 15.Lin, J. A Visual Language for a Sketch-Based UI Prototyping Tool. In Proceedings of Human Factors in Computing Systems: CHI '99 Extended Abstracts. Pittsburgh, PA. pp. 298-299, May 15-20 1999. Google ScholarDigital Library
- 16.Long, A.C., Jr., J.A. Landay, and L.A. Rowe. Implications For a Gesture Design Tool. In Pro~ings of Human Factors in Computing Systems: CHI '99. Pittsburgh, PA. pp. 40-47, May 15-20 1999, Google ScholarDigital Library
- 17.Moran, T.P., P. Chiu, and W.v. Melle. Pen-Based Interaction Techniques For Organizing Material on an Electronic Whiteboard. In Proceedings of the A CM Symposium on User Interface Software and Technology: UIST '97. Banff, Alberta, Canada. pp. 45-54, October 14-17 1997. Google ScholarDigital Library
- 18.Newman, M. and J.A. Landay, Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice as Manifested Through Artifacts. Technical Report UCB//CSD- 99-1062, University of California, Berkeley, Computer Science Division, Berkeley, CA 1999. Google ScholarDigital Library
- 19.Rosenfeld, L. and P. Morville, Information Architecture for the World Wide Web. Sebastopol, CA: O'Reilly, 1998. Google ScholarDigital Library
- 20.Rubine, D., Specifying Gestures by Example. Computer Graphics: ACM SIGGRAPH, 1991: p. 329-337. Google ScholarDigital Library
- 21.Sano, D., Designing Large-Scale Web Sites: A Visual Design Methodology. New York, NY: John Wiley & Sons, 1996. Google ScholarDigital Library
- 22.Saund, E. and T.P. Moran. A Perceptually-Supported Sketch Editor. In Proceedings of the ACM Symposium on User interface Software and Technology: UIST "94. Marina del Rey, CA. pp. 175-184, November 2-4 1994. Google ScholarDigital Library
- 23.Schilit, B.N., G. Golovchinksy, and M.N. Price. Beyond Paper: Supporting Active Reading with Free Form Digital Ink Annotations. In Proceedings of Human Factors in Computing Systems: CHI "98. Los Angeles, CA. pp. 249- 256, April 18-23 1998. Google ScholarDigital Library
- 24.van de Kant, M., S. Wilson, M. Bekker, H. Johnson, and P. Johnson. PatchWork: A Software Tool for Early Design. In Proceedings of Human Factors in Computing Systems: CHI '98. Los Angeles, CA. pp. 221-222, April 18-23 1998. Google ScholarDigital Library
- 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.Google Scholar
- 26.Wong, Y.Y. Rough and Ready Prototypes: Lessons From Graphic Design. In Proceedings of Human Factors in Computing Systems: CHI '92. Monterey, CA. pp. 83-84, May 3-7 1992. Google ScholarDigital Library
Index Terms
- DENIM: finding a tighter fit between tools and practice for Web site design
Recommendations
DENIM: an informal tool for early stage web site design
CHI EA '01: CHI '01 Extended Abstracts on Human Factors in Computing SystemsDENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input; allows design at different refinement levels--site map, storyboard, and individual page; and unifies the levels through zooming. The design of ...
The designers' outpost: a tangible interface for collaborative web site
UIST '01: Proceedings of the 14th annual ACM symposium on User interface software and technologyIn our previous studies into web design, we found that pens, paper, walls, and tables were often used for explaining, developing, and communicating ideas during the early phases of design. These wall-scale paper-based design practices inspired The ...
DENIM: an informal web site design tool inspired by observations of practice
Through a study of Web site design practice, we observed that designers employ multiple representations of Web sites as they progress through the design process and that these representations allow them to focus on different aspects of the design. In ...
Comments