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 (mezzanine)  Oblong (g-speak) 3:06 Oblong (g-speak  Sixth Sense (wearable technology) 4:41 Sixth Sense

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