5. Making the Design INTERACTION Process Iterative 3 – Data Presentation The course aims to introduce to 1. Perception, gestalt the students the discipline concerned perception, typography with the design, evaluation and 2. Using Color in UI design implementation of various computing effectively systems intended for human use. 3. Graphic design Emphasis will be placed on 4. Displays, Paper, and other understanding human behavior with Output Devices interactive objects, knowing how to 5. Information Visualization develop and evaluate interactive 4 – Mental Models and Interface software using human-centered Design approach, and general knowledge of HCI 1. Psychological Perspective design issues with multiple types of and social perception interactive applications. 2. User Characteristics a. Spatial Ability COURSE OUTLINE: b. Personality c. Memory Orientation d. Verbal ability 1. CNSC Mission, Vision, e. Previous Quality Policy experience 2. Overview of the topics to f. Older Users be covered in the whole g. Users with semester. Disability 3. Unit Goals, policies and 3. The Mental Model Rule objectives of Thumb 4. Course Contents 4. Confused Mental Models 5. Course policy, 5. Mental Models in Design requirements and grading 6. Mental Models and system Skeuomorphism 6. Inclusive Education policy 7. Foundational Creativity for students with and Innovation disability 5 – Analysis, Visions and Domain 1 – Usability Description 1. Introduction to usability 1. Higher Cognition, analysis Interaction Styles 2. Error Handling, Error a. Metaphor Prevention b. Direct 3. Cognitive Walkthrough Manipulation 4. Usability Engineering in c. Command the Business Context Language 5. Usability Guidelines d. Choosing among 6. Choosing among usability Interaction Styles methods 2. Annotated Task List 2 – Prototyping and Iterative Design (Sample Hotel System) 1. Low-Fidelity Prototyping 3. Task Description 2. Transition Diagrams 4. Task and Support 3. Visual Basic Prototyping Approach 5. UML Use Case 6. User Interface (UI) and 6. Session Task User Experience (UX) 7. High-Level Tasks and Design Trends Case Management 6 – Virtual Windows Design 1. Linking User Tasks, Data Models, and Interface Design Prepared by: 2. Data-oriented approach 3. Task-oriented approach 4. The virtual-windows technique as an approach EDGAR BRYAN B. NICART, MIT 5. Using virtual windows to Asst. Prof. I design a user interface 6. Examples of Virtual Windows Projects 7 – Function Design 1. Semantic functions and searching 2. Actions and feedback (use cases) 3. Undo-to do or not to do (undo strategy for the user interface) 4. From virtual windows to screens 5. Single and multi-page dialogue 6. More about state diagrams 7. Function presentation 8. Error messages and inactive functions 8 – Prototypes and Defect Correction 1. The systematic prototype 2. Programming and testing the system 3. Defects and their cure 4. Problems, causes and solutions 9 – Reflections on User Interface Design 1. Events and Handlers 2. Development Tools 3. Responsive Issues 4. Designing Object- oriented User Interfaces 5. MVC-based architecture approaches