CSE2UI Review Summaries PDF

Summary

This document provides a summary of human-computer interaction (HCI) basics, design process, and future interfaces. It covers key concepts, design principles, and research methods related to HCI. The document explains the Double Diamond Model for design, human-centered design, usability parameters, and user research methods.

Full Transcript

CSE2UI Review Summaries **Summary of Human-Computer Interaction (HCI) Basics** **HCI**: Focuses on designing, evaluating, and implementing interactive computing systems for human use, often considered a part of User Experience (UX) research. **Key Terms**: - - **Human-Centered Design (HCD)...

CSE2UI Review Summaries **Summary of Human-Computer Interaction (HCI) Basics** **HCI**: Focuses on designing, evaluating, and implementing interactive computing systems for human use, often considered a part of User Experience (UX) research. **Key Terms**: - - **Human-Centered Design (HCD)**: - - **Ergonomics/Human Factors**: - - - **Usability**: - - - - - - - **User Research Methods**: - - - - This approach helps create ergonomically sound, usable products and enhanced UX. **Summary of the Design Process** **Double Diamond Model**: - - - - - - - **Human-Centered Design Principles**: 1. - 2. - 3. **Data Type:** - - **Field Study**: - - - - - - - - - - - - - - - **Design Tools**: - - - - **Ideation Techniques**: - - - - - - - - - - - - - - - - - - - - **Prototyping**: culmination of the design process - - - - - - **Summary of User Testing and Evaluation Methods** **Heuristic Evaluation**: Experts assess usability by applying set heuristics (rules of thumb) to identify interface issues. **Nielsen\'s Top 10 Heuristics**: 1. 2. 3. 4. 5. - - 6. 7. 8. 9. 10. **Cognitive Walkthroughs**: Cross-functional teams review task flows step-by-step to identify potential challenges for new users. **Analytics and A/B Testing**: - - **Predictive Models**: Use data simulations to predict user behavior, providing insights into potential design interactions. **Summary of Affordances in Design** **Affordances**: The way objects and systems communicate their use intuitively, beyond language, guiding users on how to interact with them. **Affordances in the Physical World**: - **Affordances in Human-Computer Interaction**: - - - **Technology Affordances** *(William Gaver, 1991)*: 1. 2. 3. **Best Practice**: Avoid false and hidden affordances (e.g., non-functional buttons) to enhance user experience. **Summary of Interface Design Principles and Interaction Types** **Organizing Principles for UI Design**: 1. 2. 3. 4. 5. 6. **Interface Concepts**: - - - **Types of User-System Interactions**: 1. 2. 3. 4. 5. **Paradigms and Visions in Interface Evolution**: - - - - **Summary of Design for Accessibility and Inclusivity** **Accessibility**: Ensures products and services are usable by everyone, with special consideration for people with disabilities (visual, motor, auditory, cognitive, and environmental challenges). **Inclusive Design**: Methodology that embraces human diversity. Key principles: 1. 2. 3. **Universal Design**: Products and environments are designed to be usable by all, without adaptations. **7 Principles of Universal Design**: 1. 2. 3. 4. 5. 6. 7. **Accessibility** **Universal** **Inclusive** ------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------- --------------------------------------------------------- A feature or an attribute, creating products that can be used by those with special needs A design usable by all people, to the greatest extent possible, without the need for adaptation A human-centered design process that embraces diversity **Summary of Future User Interfaces: Voice and Gesture Interaction** **Voice User Interfaces (VUIs)**: Enable interaction through voice commands. - - **Gesture User Interfaces (GUIs)**: Allow interaction through physical gestures. - - - - - - - These UIs represent a move toward natural, context-aware, and personalized interactions.

Use Quizgecko on...
Browser
Browser