Designing for the Web Sessions All-at-Once

Tutorial: 2. User Interface Design for the Web

David Shen, Yahoo!, USA
Irene Au, Yahoo!, USA
Brian Buschmann, Yahoo!, USA

Benefits
Learn current web user interface design issues and principles. Gain a greater understanding of the unique characteristics of designing for the web. Build your knowledge of user interface guidelines that will make your sites more usable.

Origins
New for CHI 99.

Features
Through the examination of the evolution of Yahoo! sites, we discuss lessons learned about web user interface design. We note interesting observations on users and discuss methodologies complementary to user testing to gather data that enables us to better design for users.

Audience
Beginner to intermediate level web designers familiar with HTML and surfing the web.

Presentation
Lectures with real-world examples.

Instructors
David Shen is the Director of Design at Yahoo! Inc., an Internet media company where he leads Yahoo! graphic, user interface, and usability design. Prior to Yahoo! He was a product designer at frogdesign and at Apple Computer. Irene Au is the Interaction Design Manager at Yahoo! Inc. where she works with the Yahoo! teams on usability testing and interaction design of Yahoo! properties. Prior to Yahoo!, she was an interaction designer at Netscape Communications where she worked on the Netscape 4 and 5 interfaces. Brian Buschmann is a Senior Designer at Yahoo! Inc. and leads the graphic user interface design of personalized, communication, and entertainment content sites. Prior to Yahoo!, he was designing web sites in Italy and doing graphic design at Yamamoto/Moss in Minneapolis.

Related Tutorials

• 6. Practical Usability Methods in Web Site Design (Sunday)
• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 22. Web Sites That Work: Designing With Your Eyes Open (Monday)
• 32. Current Issues in Web Design: Building the Network Economy (Monday evening)

Tutorial: 6. Practical Usability Methods in Web Site Design

Darren Gergle, Diamond Bullet Design, USA
Tom Brinck, Diamond Bullet Design, USA
Scott Wood, Diamond Bullet Design, USA

Benefits
Learn practical techniques for designing usable web sites while meeting tight schedules and working with limited budgets.

Origins
Presented at CHI 98 and User Interface 98.

Features
Integration of usability into the design process in the following areas:

• project management
• requirements analysis
• graphic design and mock-up methods
• user-interface guidelines for the web
• techniques for user testing.

Audience
An introductory course for designers and developers doing web site design who are interested in incorporating usability methods. Experience browsing and searching the web required.

Presentation
Lectures, small group activities, and presentation points punctuated with a large number of web site examples, a variety of project management and design worksheets, and demonstrations of case studies.

Instructors
Darren Gergle, Tom Brinck, and Scott Wood develop web sites at Diamond Bullet Design. Darren Gergle has degrees in fine arts and psychology, and has been involved in many digital media projects at the University of Michigan Museum of Art. Tom Brinck has Master's degrees in computer science and cognitive psychology, and has done research in educational software, multimedia, and network services. Scott Wood has a Master's degree in computer science, and experience with software development and usability consulting.

Related Tutorials

• 2. User Interface Design for the Web (Saturday evening)
• 3. Task Analysis Meets Prototyping: Towards Seamless UI Development (Sunday)
• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 17. Globalizing Usability Engineering: Current Status in Japan (Sunday afternoon)
• 19. Programmable User Modeling Analysis in Theory and in Practice (Monday)
• 20. Planning and Implementing User-Centered Design (Monday)
• 22. Web Sites That Work: Designing With Your Eyes Open (Monday)
• 25. The Usability Engineering Lifecycle (Monday)
• 28. Conceptual Design (Monday)
• 32. Current Issues in Web Design: Building the Network Economy (Monday evening)

Tutorial: 7. Visual Design for E-Commerce and Performance Tools

Aaron Marcus, Aaron Marcus and Associates, Inc., USA
Edward Guttman, Aaron Marcus and Associates, Inc., USA

Benefits

• learn terminology, principles, guidelines
• understand current and future trends
• gain practical experience through group exercises
• improve ability to make products easy to learn, use, and enjoy
• discover valuable research issues

Origins
Featured at CHI 90, SIGGRAPH 92-97, HCII 93, 95, and 97, HICSS 90, 92, UPA97

Features

• introduction to user interface (UI) components and development process steps
• analysis of case studies for actual products
• group icon, dialogue box, and metaphor design/evaluation exercises
• useful for web and non-web applications

Audience
For UI designers and users, graphic designers and visual communicators, software developers, human factors specialists, technical documentation specialists, teachers of UI design, and managers of UI projects. Little or no background in UI or visual design required.

Presentation
Illustrated lectures using computer, slide, and video imagery; case study analyses; group pen-paper exercises, discussion, and evaluation.

Instructors
Aaron Marcus is president of Aaron Marcus and Associates, Inc. He was a tutorial presenter to CHI, SIGGRAPH, HCII, HICSS, and UPA. He has written and/or co-authored several books on visual communication and over 100 articles on metaphor design and visual communication. Edward Guttman is a designer and analyst with Aaron Marcus and Associates, Inc. He designed and managed the UI development of SABRE travel applications and Cogito Learning Media's CD-ROMS about science and math. He received the 1998 Communications Arts Interactive Media Design Award.

Related Tutorials

• 2. User Interface Design for the Web (Saturday evening)
• 6. Practical Usability Methods in Web Site Design (Sunday)
• 18. Drawing on the Right Side of the Brain (Monday)
• 22. Web Sites That Work: Designing With Your Eyes Open (Monday)
• 24. Visual Literacy for Interface Designers: Tips, Tools, Techniques, and Inspiration (Monday)
• 32. Current Issues in Web Design: Building the Network Economy (Monday evening)

Tutorial: 22. Web Sites That Work: Designing With Your Eyes Open

Jared M. Spool, User Interface Engineering, USA
Tara Scanlon, User Interface Engineering, USA
Carolyn Snyder, User Interface Engineering, USA

Benefits
Learn the design factors affecting users' success in finding information on the web. Examine commercial sites where the authors have performed usability tests. Includes unpublished results of recent usability tests involving eye-tracking in which users defined their own tasks.

Origins
Originally presented in CHI 98. Updated with new research results.

Features

• why on-site search engines may hurt a site's usability, and what might make them more effective
• importance of links, and factors that contribute to their success
• how to design and conduct usability tests on web sites
• why white space and "readable" text may damage usability
• why it is impossible to design site navigation in a vacuum
• page layout factors that make a difference

Audience
Anyone with experience designing or creating content for a web site, including interface designers, developers, writers, usability professionals, and marketers. No technical knowledge necessary. Usability testing experience useful.

Presentation
Lecture/discussion, and numerous examples including screen shots, video, and live demonstrations.

Instructors
Jared M. Spool is founding principal at User Interface Engineering (UIE). He has more than 16 years of experience conducting usability evaluations and is on the faculty of the Tufts University Gordon Institute. Tara Scanlon is a Principal at UIE where she specializes in contextual inquiry and low fidelity prototyping techniques. Carolyn Snyder is a Principal at UIE. She teaches paper prototyping techniques to development teams and facilitates usability tests.

Related Tutorials

• 2. User Interface Design for the Web (Saturday evening)
• 6. Practical Usability Methods in Web Site Design (Sunday)
• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 32. Current Issues in Web Design: Building the Network Economy (Monday evening)

Tutorial: 32. Current Issues in Web Design: Building the Network Economy

Jakob Nielsen, Nielsen Norman Group, USA
Rolf Molich, DialogDesign, Denmark
Bruce "Tog" Tognazzini, Healtheon, USA

Benefits
Attendees will understand current trends on the web and their impact on changing web design requirements.

Origins
A sequel to a highly popular CHI 98 tutorial. 100% new content.

Features
Topics that are of current interest at the time of the conference, possibly including:

• strategies for new media usability; to portal or not to portal is the intranet question (Nielsen)
• international web usability, presenting data from several large European usability studies (Molich)
• designing web-based applications, with multiple releases of a human resources application (Tognazzini)

Audience
Anybody who architects, designs, or edits a major web site (whether internal or external), or who is responsible for a company's web marketing or Internet strategy.

Presentation
Lectures supplemented with discussion of current issues raised by the audience (come prepared with your questions).

Instructors
Jakob Nielsen is a user experience visionary, specializing in web usability, and co-founder of Nielsen Norman Group. He was formerly a Distinguished Engineer at Sun Microsystems. He writes the bi-montly Alertbox column at www.useit.com/alertbox/. Rolf Molich owns and manages DialogDesign, a usability consultancy in Denmark. He has recently supervised a number of large scale comparative usability tests of commercial web sites in order to determine common strengths and pitfalls in design and usability test process. Bruce "Tog" Tognazzini, formerly a Distinguished Engineer at Sun Microsystems and Apple Computer's Human Interface Evangelist, is now lead designer at Healtheon, producing Internet-based healthcare solutions. He writes the monthly AskTog column at www.asktog.com.

Related Tutorials

• 2. User Interface Design for the Web (Saturday evening)
• 6. Practical Usability Methods in Web Site Design (Sunday)
• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 22. Web Sites That Work: Designing With Your Eyes Open (Monday)