Đang chuẩn bị liên kết để tải về tài liệu:
Lecture Systems analysis and design with UML (3/e) - Chapter 11: Human-Computer interaction layer design

This chapter introduces the basic principles and processes of interface design and discusses how to design the interface structure and standards, navigation design, input design, and output design. The chapter also describes the affect of the nonfunctional requirements on designing the human-computer interaction layer. | Chapter 11: Human–Computer Interaction Layer Design Objectives Understand several fundamental user interface (UI) design principles. Understand the process of UI design. Understand how to design the UI structure. Understand how to design the UI standards. Understand commonly used principles and techniques for navigation design. Objectives (cont’d) Understand commonly used principles and techniques for input design. Understand commonly used principles and techniques for output design. Be able to design a user interface. Understand the affect of nonfunctional requirements on the human-computer interaction layer. Overview Interface Design formalizes the interaction of the system with external entities System Interfaces are machine-machine and are dealt with as part of systems integration User Interfaces are human-computer and are the focus of this chapter PRINCIPLES OF USER INTERFACE DESIGN Principles of User Interface Design Layout Content Awareness Aesthetics User Experience . | Chapter 11: Human–Computer Interaction Layer Design Objectives Understand several fundamental user interface (UI) design principles. Understand the process of UI design. Understand how to design the UI structure. Understand how to design the UI standards. Understand commonly used principles and techniques for navigation design. Objectives (cont’d) Understand commonly used principles and techniques for input design. Understand commonly used principles and techniques for output design. Be able to design a user interface. Understand the affect of nonfunctional requirements on the human-computer interaction layer. Overview Interface Design formalizes the interaction of the system with external entities System Interfaces are machine-machine and are dealt with as part of systems integration User Interfaces are human-computer and are the focus of this chapter PRINCIPLES OF USER INTERFACE DESIGN Principles of User Interface Design Layout Content Awareness Aesthetics User Experience Consistency Minimal User Effort General Layout Navigation Area Status Area Reports & Forms Area Layout Each area may be further subdivided Each area is self-contained Areas should have a natural intuitive flow Users from western nations tend to read from left to right and top to bottom Users from other regions may have different flows Content Awareness Intuitively answers the users’ questions: Where am I? What am I supposed to be doing here? Content awareness applies to sub-areas within a form or window Related form fields (e.g. address information) are grouped together Related report information (e.g. records) are grouped together Form Content Awareness Phone Numbers Area Name Area Report Content Awareness First Record Area Second Record Area Aesthetics Interfaces should be functional, inviting to use, and pleasing to the eye In most cases, less is more (minimalist design) White space is important Acceptable information density is proportional to the user’s expertise Novice users prefer less .