Essential Guide to User Interface Design

PART 1 The User Interface – Introduction and Overview

Chapter 2 – Characteristics of the Graphical and Web UI

Interaction Styles

Command Line Menu Selection Form Fill-in Direct Manipulation Anthropomorphic

Oblong (mezzanine) 4:55 Oblong (g-speak) 3:06 Sixth Sense (wearable technology) 4:41

The Graphical User Interface

Popularity of Graphics The Concept of Direct Manipulation Graphical Systems: Advantages and

Disadvantages Characteristics of the GUI

Sophisticated Visual Presentation WYSIWYG

Pick-and-Click Interaction WIMPs

The Web User Interface

The Popularity of the Web Characteristics of a Web Interface

Printed Page vs. Web Page

Merging of Graphical Business Systems and the Web Intranet vs. Internet Extranet Web Page vs. Application Design

Principles of User Interface Design

Principles for the Xerox Star Illusion of manipulable objects Visual order and viewer focus Revealed structure Consistency Appropriate effect or emotional impact A match with the Medium

General Principles

General Principles

Accessibility Aesthetically Pleasing Availability Clarity Compatibility Configurability Consistency Control Directness Efficiency Familiarity Flexibility Forgiveness

Immersion Obviousness Operability Perceptibility Positive First Impression Predictibility Recovery Responsiveness Safety Simplicity Transparency Trade-Offs Visibility