Graphic and Visual Design Sessions All-at-Once

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: 18. Drawing on the Right Side of the Brain

Brian Bomeiseler, Drawing on the Right Side of the Brain, LLC, USA

Benefits
Learn to draw what you see, rather than what you believe you see, and learn basic strategies to unlock the visual perceptual mode of thinking.

Origins
This top-rated tutorial from CHI 97 and CHI 98 is a one-day version of Betty Edwards' renowned drawing course.

Features

• an understanding of the nature of drawing
• basic drawing skills

Audience
Intended for a wide audience. No previous drawing experience required. In fact, it is designed for people who believe they cannot draw.

Presentation
Lecture with hands-on drawing exercises.

Instructor
Brian Bomeiseler is an exhibiting New York painter and instructor of drawing. He holds a bachelor's degree in fine art from the Pratt Institute of New York. His work appears in the permanent collection of the San Diego Museum of Contemporary Art and in corporate and private collections worldwide. He has taught with Betty Edwards for over 10 years.

Related Tutorials

• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 24. Visual Literacy for Interface Designers: Tips, Tools, Techniques, and Inspiration (Monday)

Tutorial: 24. Visual Literacy for Interface Designers: Tips, Tools, Techniques, and Inspiration

Suzanne Watzman, Watzman Information Design, USA

Benefits
Learn the principles of visual communication from historical arts and images, visual communication, and information design. Explore these principles through examples, exercises, and individual and group activities.

Origins
An update of a highly-rated tutorial from CHI 97.

Features

• understand the principles of visual communication and information design
• learn to differentiate successful and unsuccessful presentations of information
• learn fundamental visual design principles
• learn to create effective visual communication solutions

Participants are strongly encouraged to bring 2-4 printouts of work-in-process for the tutorial project. For example, bring particularly troublesome interactions, unclear visual designs or icons, unclear information designs or confusing graphics.

Audience
Anyone who is involved in the design and presentation of visual information, including designers, software developers, researchers, programmers, interface designers, human factors specialists, and developers of online information.

Presentation
Interactive lecture, slides, demonstrations, drawing exercises, and guided individual and group activites.

Instructor
Suzanne Watzman is founder and president of Watzman Information Design. She has 18 years experience in the areas of visual design of interactive environments, branding and organizational identity, technical communications, conceptual graphics, and information. She has taught professional courses on information design at MIT, Massachusetts College of Art, IBM, Los Alamos National Laboratory, CHI 92, CHI 94, CHI 98, Hypertext, Swiss Ergonomics Society, and Influent Technologies.

Related Tutorials

• 7. Visual Design for E-Commerce and Performance Tools (Sunday)
• 18. Drawing on the Right Side of the Brain (Monday)