Human-Computer Interaction

  1. Interaction Design Principles and Patterns
    1. Fundamental Design Principles
      1. Norman's Design Principles
        1. Visibility of System State
          1. Natural Mappings
            1. Affordances and Signifiers
              1. Constraints and Limitations
                1. Consistency in Design
                  1. Feedback Mechanisms
                  2. Shneiderman's Golden Rules
                    1. Consistency in Interface Elements
                      1. Shortcuts for Frequent Users
                        1. Informative Feedback
                          1. Dialog Closure
                            1. Error Prevention and Handling
                              1. Action Reversibility
                                1. User Control and Agency
                                  1. Memory Load Reduction
                                  2. Nielsen's Usability Heuristics
                                    1. System Status Visibility
                                      1. Real-world Matching
                                        1. User Control and Freedom
                                          1. Consistency and Standards
                                            1. Error Prevention
                                              1. Recognition over Recall
                                                1. Flexibility and Efficiency
                                                  1. Aesthetic and Minimalist Design
                                                    1. Error Recovery Support
                                                      1. Help and Documentation
                                                    2. Interaction Paradigms and Styles
                                                      1. Command-based Interaction
                                                        1. Command Line Interfaces
                                                          1. Syntax and Grammar
                                                            1. Command Completion
                                                              1. Error Handling
                                                              2. Direct Manipulation
                                                                1. Object-Action Paradigm
                                                                  1. Drag and Drop Interaction
                                                                    1. Direct Object Manipulation
                                                                      1. Immediate Feedback
                                                                      2. Form-based Interaction
                                                                        1. Form Design Principles
                                                                          1. Input Validation
                                                                            1. Error Prevention
                                                                              1. Progressive Disclosure
                                                                              2. Natural Language Interaction
                                                                                1. Voice User Interfaces
                                                                                  1. Chatbot Design
                                                                                    1. Conversational Flow
                                                                                      1. Intent Recognition
                                                                                    2. Visual Design and Interface Aesthetics
                                                                                      1. Color Theory and Application
                                                                                        1. Color Models and Spaces
                                                                                          1. Color Harmony Principles
                                                                                            1. Accessibility in Color Use
                                                                                              1. Cultural Color Associations
                                                                                              2. Typography and Text Design
                                                                                                1. Font Selection Criteria
                                                                                                  1. Readability Optimization
                                                                                                    1. Hierarchy and Emphasis
                                                                                                      1. Text Layout Principles
                                                                                                      2. Layout and Composition
                                                                                                        1. Grid Systems
                                                                                                          1. Visual Hierarchy
                                                                                                            1. White Space Usage
                                                                                                              1. Alignment Principles
                                                                                                              2. Iconography and Visual Language
                                                                                                                1. Icon Design Principles
                                                                                                                  1. Symbol Recognition
                                                                                                                    1. Cultural Icon Interpretation
                                                                                                                      1. Icon System Consistency
                                                                                                                    2. Design Patterns and Components
                                                                                                                      1. Input Patterns
                                                                                                                        1. Form Input Controls
                                                                                                                          1. Selection Mechanisms
                                                                                                                            1. Data Entry Optimization
                                                                                                                              1. Input Validation Patterns
                                                                                                                              2. Feedback and Communication Patterns
                                                                                                                                1. Status Indicators
                                                                                                                                  1. Progress Communication
                                                                                                                                    1. Error Message Design
                                                                                                                                      1. Success Confirmation
                                                                                                                                      2. Content Presentation Patterns
                                                                                                                                        1. List and Grid Layouts
                                                                                                                                          1. Card-based Design
                                                                                                                                            1. Responsive Design Patterns

                                                                                                                                        Previous

                                                                                                                                        3. User-Centered Design Process

                                                                                                                                        Go to top

                                                                                                                                        Next

                                                                                                                                        5. Prototyping and Design Implementation