p510-lin - Papers C HI 2 0 0 0 1 6 APRIL 2 0 0 0 DENIM...

Info iconThis preview shows pages 1–2. Sign up to view the full content.

View Full Document Right Arrow Icon
Papers CHI 2000 ,, 1-6 APRIL 2000 DENIM: Finding a Tighter Fit Between Tools and Practice for Web Site Design James Lin, Mark W. Newman, Jason I. Hong, James A. Landay Group for User Interface Research, Computer Science Division University of California, Berkeley Berkeley, CA 94720-1776 USA +1 510 643-3043 {jimlin, newman, jasonh, landay} @cs.berkeley.edu 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 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. Keywords Web design, Zooming User Interface (ZUI), Sketching, Informal, Pen-based Computers, Rapid Prototyping INTRODUCTION Web site design has much in common with other types of design, such as graphic design and "traditional" graphical user interface design, but it is also emerging as its own discipline with its own practices and its own set of problems. We have taken a fresh look at web site design in order to determine what kinds of tools would be helpful to support designers. In this paper, we describe some of our observations of web site design practice and introduce a system named DENIM that is aimed at supporting the early phases of the web site design process. We conducted an ethnographic study in which we observed and interviewed several professional web designers. This study showed that the process of designing a web site involves an iterative progression from less detailed to more detailed representations of the site. For example, designers often create site maps early in the process, which are high- level representations of a site in which each page or set of Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the lull citation on the first page. To copy otherwise, to republish, to post on selwers or to redistribute to lists, requires prior specific permission and/or a fee. CHI '2000 The Hague, Amsterdam Copyright ACM 2000 1-58113-216-6/00/04. ..$5.00 pages is depicted as a label. They then proceed to create storyboards of interaction sequences, which employ minimal page-level detail focus instead on the navigational elements required to get from one page to another. Later still, designers create schematics mock- ups, which are different representations of individual pages. The design process often includes rapid exploration early
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 2
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 06/12/2011 for the course CAP 6105 taught by Professor Lavoila during the Spring '09 term at University of Central Florida.

Page1 / 8

p510-lin - Papers C HI 2 0 0 0 1 6 APRIL 2 0 0 0 DENIM...

This preview shows document pages 1 - 2. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online