14 Chapter 14: Designing the User Interface Systems Analysis and Design in a Changing World, 3rd Edition 14 Learning Objectives Understand the difference between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered design Describe the historical development of the field of human-computer interaction (HCI) Systems Analysis and Design in a Changing World, 3rd Edition 2 14 Learning Objectives (continued) Describe the three metaphors of humancomputer interaction Discuss how visibility and affordance affect usability Apply the eight golden rules of dialog design when designing the user interface List the key principles used in Web design Define the overall system structure as a menu hierarchy Systems Analysis and Design in a Changing World, 3rd Edition 3 14 Learning Objectives (continued) Write user-computer interaction scenarios as dialogs Create storyboards to show the sequence of forms used in a dialog Use UML class diagrams and sequence diagrams to document dialog designs Design windows forms and browser forms that are used to implement a dialog Systems Analysis and Design in a Changing World, 3rd Edition 4 14 Overview User interfaces handle input and output that involve a system user directly Focus on interaction between user and computer, called human-computer interaction (HCI) Metaphors to describe the user interface Usability and Web-based development guidelines Approaches to documenting dialog designs, including UML diagrams from OO approach Systems Analysis and Design in a Changing World, 3rd Edition 5 Identifying and Classifying Inputs and Outputs 14 Identified by analyst when defining system scope Requirements model produced during analysis Event table includes trigger to each external event Triggers represent inputs Outputs are shown as responses to events Systems Analysis and Design in a Changing World, 3rd