Essential Guide to User Interface Design PART 1

  • Slides: 6
Download presentation
Essential Guide to User Interface Design PART 1 The User Interface – Introduction and

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

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

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

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

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

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