CHI 97 Electronic Publications: Tutorials
CHI 97 Prev CHI 97 Electronic Publications: Tutorials Next

Multimedia Visual Interface Design

Susan E. Metros
The University of Tennessee/Knoxville
The Department of Art
1715 Volunteer Blvd.
Knoxville, Tennessee 37996-2410 USA

+1 423 974 3208
smetros@utk.edu
http://funnelweb.utcc.utk.edu/~metros

John G. Hedberg
Faculty of Education
University of Wollongong
Northfields Avenue
Wollongong, NSW 2522 Australia

+61 42 213 316
j.hedberg@uow.edu.au

ABSTRACT

Over the past few years, as graphics and imagery have come to dominate our popular modes of communication, interactive multimedia and WWW developers and users have become keenly aware of the interplay between these visual elements and the cognitive functioning of the interface. This tutorial explores the various facets of this relationship. As a result, participants of this tutorial will gain a better understanding and a working knowledge of how the components of visual interface design work in concert with the cognitive demands of an interface. They will be able to design or direct the design of functional and visually appropriate interfaces for multimedia, websites, courseware and/or training modules.

KEYWORDS

Cognitive Models, Graphic Design, Interaction Design, Interface Design, Multimedia, User Models, Visual Design, Visualization, World Wide Web.

© 1997 Copyright on this material is held by the authors.



TUTORIAL OBJECTIVES

This tutorial challenges the participant to go beyond rule-based standards for design by introducing them to concept-based design and decision-making within a well defined cognitive context. They will learn the step-by-step techniques of building an appropriate and visually stimulating interface from conception to creation. This includes:

TUTORIAL STRUCTURE

In this tutorial, a graphic designer and cognitive psychologist analyze and discuss the results of their collaborations-- a series of interactive packages that defy the "rules" and yet provide innovative and dynamic interactive environments. The tutorial is structured around computer annotated presentations, facilitated discussion and a progressive, three-stage design exercise. Both facilitators will present material while the tutorial participants have an opportunity to actively develop solutions for select case studies. Participants also will have an opportunity to review and evaluate several CD-ROM titles and software packages targeted towards education, information dissemination and entertainment.

ACTIVITIES

Discussion: Introduction and Overview

Discussion: Organizing Initial Ideas

Presentation: Cognition and the Interface

Concepts of Interface
Conceptual Design Process
Principles of Interface Design
Examples from the Field

Exercise: Multimedia Visual Interface Design Tutorial: Part 1, Design and development of concept maps

Presentation: The Vocabulary of Vision: Basic Design Principles

Design elements: point, line, form
Element Attributes
Element behavior and interrelationships

Presentation: "Good" Software

Concepts of Learning
Information Age Learning Skills
Driscoll's Five Instructional Design Goals
Lebow's Goals for "Good" Software
Heppel's Four Factors
Hedberg's Goals

Break

Exploration: Review and evaluation of various applications using an Interface Checklist

Exercise: Multimedia Visual Interface Design Tutorial: Part 2, Project structure

Presentation: Visual Styles for Interface Design

Overview of numerous visual styles and the pros and cons of each.

Discussion: The Graphic Designer's Roles in Multimedia and WWW Development

The visual, content and technical issues of the graphic design elements of a project

Presentation: The Making and Remaking of Investigating Lake Iluka

An inside look at a team's decision making process as they redesigned an interface and application

Exercise: Multimedia Visual Interface Design Tutorial: Part 3, Screen design

Summary: Feedback

AUDIENCE

Multimedia developers, project directors, artists and illustrators, instructional designers, programmers, technical supporters, webmasters, educators and students involved with designing or making design related decisions for the interface.

Competency in art is not required, but participants should be actively interested in using visual communication more effectively.

PRESENTERS

John G. Hedberg (Ph.D., 1976, Syracuse University) is Associate Professor of Information Technology and Associate Dean and Head of the Graduate School of Education at the University of Wollongong, Australia. His current research is in navigation, cognition and design of interactive multimedia. He has written and edited numerous books and articles in the area of instructional design and educational technology and consults in the area of information design for learning, instructional design and evaluation. He has undertaken major design contracts locally with government departments, business and industry and internationally in United States and Southeast Asia. Dr. Hedberg has been involved as an instructional designer and evaluator on many media and computer-based teaching materials, including the award winning CD-ROMs Investigating Lake Iluka and Exploring the Nardoo, a water and land management simulation. He is currently directing and designing interactive multimedia projects Backstage Pass on theatre production and design, and Body Image on personal body image for teenagers.

Susan E. Metros (MFA, 1976, Michigan State University) is Professor of Art and Acting Director for Academic Technology at the University of Tennessee/Knoxville. She is also the founder of The Department of Art's Computer Enhanced Design Program where she teaches upper-level computer-enhanced graphic design courses. Her research is focused on developing innovative ways to redefine and visually enhance the interface for interactive multimedia applications and web spaces. She has designed the infrastructure and interface for several interactive multimedia projects including the award winning CD-ROMs Investigating Lake Iluka and good daughter, bad mother, good mother, bad daughter: catharsis + continuum. She is currently working on a prototype for a CD-ROM on body image and a WWW site that visually documents her father's World War II experiences. Professor Metros has won several awards for her art, graphic design and multimedia work and her research has been published in national and international journals and conference proceedings. She has also served as a visiting scholar and invited lecturer across the United States, Europe and Australia. She is currently overseeing the establishment of a new initiative-- a University-wide Innovative Technologies Center to support faculty in their use of technology for instruction and learning.


CHI 97 Prev CHI 97 Electronic Publications: Tutorials Next

CHI 97 Electronic Publications: Tutorials