Chapter 12

Multimedia User Interface Design

Alistair Sutcliffe
University of Machester Institute of Science and Technology

 

Outline

Introduction

Definitions and Terminology

Cognitive Background

Perception and Comprehension

Selective Attention

Learning and Memorization

Design Process

Users, Requirements, and Domains

Information Analysis

Media Selection and Combination

Media Selection

Aesthetics and Attractiveness

Image and Identity

Navigation and Control

Media Integration and Design for Attention

Still Image Media

Moving Image Media

Linguistic Media (Text and Speech)

Conclusions

References

 

Figures

Figure 12.1: Approximate model of human information processing using a human as computer system analogy, based on the Model Human Processor (Card et al.,1983).For more on cognitive models, see chapter 2 (Proctor and Vu) and chapter 5 (Byrne). STM =short-term memory.

Figure 12.2: Overview of the multimedia design process expressed as a data flow diagram.

Figure 12.3: Decision tree for classifying information types. The first decision point reflects abstraction from the real world, the second points to change in time, and the third categorizes content.

Figure 12.4: Decision tree for classifying media resources.

Figure 12.5: Effective use of human image for attraction. The picture attracts by the direction of gaze to the user, as well as by the appearance of the individual.

Figure 12.6: Bar chart representation of the first-cut presentation script after media selection. Information types are placed on the y axis with the task subgoals that determine the script order on the x axis with media resources represented by bars. For this browsing task, three separate sequences are planned for the view schedule, promotions, etc.

Figure 12.7: Direct contact point between text and a highlighted image, reinforced by speech.

Figure 12.8: Contact points for the theater booking browse program task. Contact points are represented by vertical arrows between the presented media, shown as horizontal bars. The duration of media presentation is cross referenced to the task sequence, and the key information items to be made salient are specified.