Characteristics of Graphical and Web User Interfaces Chapter 2, The Essential Guide to User Interface Design
Characteristics of GUI and Web interfaces n n n Interaction styles Direct Manipulation Characteristics of both Web page vs. Web application design General principles of UI design
Interaction styles n - The method by which the user and a computer system communicate with one another Command line Menu selection Form fill-in Direct manipulation Anthropomorphic
Command line
Menu selection
Form fill-in
Direct Manipulation
Anthropomorphic n n Spoken natural language Hand gestures
Anthropomorphic (cont. ) n n Facial expressions Eye movements What? ? ! OK
Advantages and Disadvantages of Interaction styles See Table 2. 1, p. 15
The concept of Direct Manipulation n n - In practice, is direct manipulation of all objects and actions feasible? Indirect manipulation Text for symbols Typing for pointing Ex: Pointing & selecting menu (direct); Menu – textual list of operations (indirect)
Graphical systems: Advantages n n n n Symbols recognized faster than text Faster learning and use More natural Fewer errors More control More attractive Low typing requirements Etc.
Graphical systems: disadvantages n n n n Greater design complexity Inconsistency in technique & terminology Human comprehension limitations Inefficient for touch typists May consume more screen space Hardware limitations Etc.
GUI vs. Web Design n n n n Devices User focus Data/information User tasks Presentation elements Navigation Context security Etc. (See table 2. 2, p. 31)
Intranet vs. Internet n Users Tasks Type of information Amount of information Hardware & software Design philosophy n Extranet? n n n
Web Page vs. Application Design See p. 40
Principles of User Interface Design n The design goals in creating a UI Both GUI and Web interfaces How to implement these goals
Principles of UI Design (cont. ) n n n n n Accessibility Aesthetically Pleasing Availability Clarity Compatibility Configurability Consistency Control Directness
Principles of UI Design (cont. ) n n n n n Efficiency Familiarity Flexibility Forgiveness Immersion Obviousness Operability Perceptibility Positive first impression
Principles of UI Design (cont. ) n n n n Predictability Recovery Responsiveness Safety Simplicity Transparency Trade-offs Visibility
Скачать презентацию Characteristics of Graphical and Web User Interfaces Chapter
03-GUI vs Web UI.ppt