ScholarQuill logoScholarQuillUniversity Notes
  • Notes
  • Past Papers
  • Blogs
  • Todo
Login
ScholarQuill logoScholarQuillUniversity Notes
Login
NotesPast PapersBlogsTodo
More
SubjectsDiscussionCGPA CalculatorGPA CalculatorStudent PortalCourse Outline
About
About usPrivacy PolicyReportContact
Notes
Past Papers
Blogs
Todo
Analytics
    Current Subject
    🧩
    Human computer interaction
    COMP3113
    Progress0 / 51 topics
    Topics
    1. The Human: Input-Output Channels2. Human Memory3. Thinking, Reasoning, and Problem Solving4. Emotions5. Individual Differences6. Psychology and Design of Interacting Systems7. The Computer: Introduction8. Text Entry Devices9. Positioning, Pointing, and Drawing10. Display Devices11. Devices for Virtual Reality and 3D Interaction12. Physical Controls, Sensors, and Special Devices13. Paper Printing and Scanning14. Memory, Processing, and Networks15. The Interaction: Models of Interaction16. Frameworks and HCI17. Ergonomics18. Interaction Styles19. Elements of the WIMP Interfaces20. Interactivity21. Context of Interaction22. Experience23. Usability Paradigm and Principles: Introduction24. Paradigms for Interaction25. Interaction Design Basics: Introduction26. What is Design27. Process of Design28. User Focus29. Navigation Design30. Screen Design and Layout31. Iteration and Prototyping32. HCI in Software Process: Introduction33. Software Life Cycle34. Usability Engineering35. Iterative Design and Prototyping36. Design Rationale37. Design Rules, Prototyping, and Evaluation Techniques38. Task Analysis39. Universal Design40. User Support41. Computer Supported Cooperative Work42. Guidelines, Golden Rules, and Heuristics43. HCI Patterns44. Choosing an Evaluation Method45. Requirements of User Support46. Applications47. Design User Support Systems48. Introduction to Groupware, Pervasive and Ubiquitous Applications49. Groupware Systems50. Implementation of Synchronous Groupware51. Ubiquitous Computing
    COMP3113›Frameworks and HCI
    Human computer interactionTopic 16 of 51

    Frameworks and HCI

    9 minread
    1,453words
    Intermediatelevel

    Frameworks in Human-Computer Interaction (HCI)

    Frameworks in HCI refer to structured approaches that guide the design, evaluation, and analysis of interactive systems. They provide a set of principles, concepts, and tools that help designers and researchers understand user behaviors, interactions, and needs. These frameworks aim to organize the complexities of human-computer interaction into comprehensible models that guide both theoretical and practical work in HCI.

    The following sections will explore various HCI frameworks, their core components, and their application in designing user-centered systems.


    1. The Human-Centered Design (HCD) Framework

    Human-Centered Design (HCD) is one of the foundational frameworks in HCI. It focuses on designing interactive systems that prioritize the needs, preferences, and limitations of the users.

    a) Core Principles of HCD

    • Focus on Users and Their Needs: The design process must revolve around understanding users, their tasks, and the contexts in which they use the system.
    • User Involvement: Users are involved throughout the design process, from requirements gathering to testing.
    • Iterative Design: Design is treated as an iterative process with repeated testing and feedback cycles to refine the system.
    • Multi-disciplinary Approach: HCD often involves collaboration between designers, engineers, psychologists, and other experts to ensure that the system supports users in every possible way.

    b) HCD Process Steps

    1. Understanding the User: Gathering user requirements, needs, and preferences through interviews, surveys, and observations.
    2. Designing Prototypes: Creating low-fidelity or high-fidelity prototypes to represent possible solutions.
    3. User Testing and Feedback: Involving users in testing the prototypes, gathering feedback, and identifying issues or improvements.
    4. Iteration: Refining the design based on user feedback, testing, and further iteration.

    c) Impact in HCI

    • HCD promotes creating systems that are usable, effective, and satisfying by considering the user at every stage of the design process. It is particularly useful in ensuring accessibility and inclusivity.

    2. The Usability Heuristics Framework (Jakob Nielsen)

    Jakob Nielsen’s 10 Usability Heuristics are widely used principles for improving the usability of interactive systems. These heuristics are a set of general design principles that can be applied during the early stages of interface design to identify common usability problems.

    a) The 10 Usability Heuristics

    1. Visibility of System Status: The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
    2. Match between System and the Real World: The system should use language, concepts, and symbols familiar to the user, following real-world conventions.
    3. User Control and Freedom: Users should be able to undo actions and exit unwanted states easily.
    4. Consistency and Standards: The system should follow established conventions and not confuse users with inconsistent elements.
    5. Error Prevention: The system should help prevent problems before they occur, for instance, by providing clear instructions or constraints.
    6. Recognition Rather than Recall: Minimize the user’s memory load by making objects, actions, and options visible and easily accessible.
    7. Flexibility and Efficiency of Use: Allow users to customize or perform frequent actions faster (e.g., through keyboard shortcuts).
    8. Aesthetic and Minimalist Design: Interfaces should not contain unnecessary information; every extra unit of information competes with the relevant information.
    9. Help Users Recognize, Diagnose, and Recover from Errors: Error messages should be clear, constructive, and offer guidance for recovery.
    10. Help and Documentation: Although systems should be usable without documentation, help systems should be available for users who need them.

    b) Impact in HCI

    • The usability heuristics are quick, efficient, and easy-to-apply guidelines to identify usability issues in a design. They are particularly valuable for usability testing, quick assessments, and when resources are limited.

    3. Activity Theory Framework

    Activity Theory is a psychological framework that was first developed to understand human activities in a broader context. In HCI, Activity Theory focuses on understanding the interaction between humans, tools (including computers), and the environment. It views interaction as a goal-oriented activity where the user is engaged in completing tasks with the help of tools and artifacts.

    a) Core Components of Activity Theory

    • Subject: The individual or user performing the activity.
    • Object: The goal or outcome that the user is attempting to achieve.
    • Tools (Mediating Artifacts): The resources and tools the subject uses to achieve the goal, including hardware, software, and even social tools.
    • Community: The social context, including other users or groups involved in the activity.
    • Division of Labor: The distribution of tasks among the members of the community, which can impact the nature of the interaction.
    • Rules: The norms, regulations, and conventions that govern how activities are carried out.

    b) Application in HCI

    • Activity Theory emphasizes the context of the interaction, focusing not just on the individual user but also on the surrounding environment and social factors.
    • It is particularly useful in understanding collaborative work and how multiple users interact with shared systems or tools.
    • This framework has been applied to study workplace environments, educational systems, and collaborative software, where multiple people use systems in the pursuit of shared or complementary goals.

    4. The Fogg Behavior Model (FBM)

    The Fogg Behavior Model is a psychological model that focuses on the factors that drive user behavior in interaction with technology. It was developed by B.J. Fogg and is particularly relevant in designing systems aimed at behavior change (e.g., persuasive technology, gamification, or mobile applications).

    a) Core Components of FBM

    The FBM proposes that behavior is the result of three key factors:

    1. Motivation: The user’s desire or willingness to engage in a behavior (e.g., using a mobile app, clicking on a link).
    2. Ability: The ease or difficulty with which the user can perform the behavior (e.g., the complexity of a task or the learning curve).
    3. Triggers: The prompts or cues that trigger the behavior (e.g., notifications, reminders, visual cues).

    The model suggests that for a behavior to occur, users need to have sufficient motivation and ability, and they must be provided with appropriate triggers at the right time.

    b) Impact in HCI

    • The Fogg Behavior Model is widely used in designing systems aimed at encouraging user engagement, habit formation, or behavior change.
    • It is useful in areas like persuasive design, where the goal is to motivate users to take specific actions, such as exercising, adopting healthier habits, or interacting more frequently with an app.

    5. The Model-View-Controller (MVC) Framework

    The Model-View-Controller (MVC) is a software architectural framework that divides an application into three interconnected components: the Model, View, and Controller. Although primarily used in software development, the MVC framework is also relevant in HCI because it provides a way of organizing interactive systems that focus on separating concerns, which improves usability and maintainability.

    a) Core Components of MVC

    1. Model: The data or business logic of the application. It represents the state of the application and the rules for updating that state.
    2. View: The user interface (UI) that presents the data to the user. It visualizes the information contained in the model.
    3. Controller: The component that acts as an intermediary between the Model and View. It handles user input, processes it (updates the model), and updates the view accordingly.

    b) Application in HCI

    • The MVC architecture is used to separate concerns in software design, ensuring that the user interface (view) and the data logic (model) are loosely coupled. This separation allows designers to update the interface without affecting the underlying data structure or vice versa.
    • In HCI, the MVC framework helps in designing flexible and maintainable interactive systems, where different parts of the application can be modified independently.

    6. The Affective Computing Framework

    Affective Computing refers to the study and development of systems that can recognize, interpret, and respond to human emotions. This framework is becoming increasingly important in HCI as systems are designed to be more empathetic and responsive to the emotional states of users.

    a) Core Components of Affective Computing

    • Emotion Recognition: Systems can use sensors, facial recognition, voice analysis, or physiological indicators to detect the user's emotional state (e.g., happy, frustrated, stressed).
    • Emotion Modulation: Based on the recognition of emotion, systems may adapt or change their behavior (e.g., adjusting difficulty in a game if the user is frustrated).
    • User Feedback: Providing feedback that is emotionally intelligent, such as offering encouragement or adjusting the pace of a task based on user emotion.

    b) Impact in HCI

    • Affective computing can enhance the user experience by creating more engaging and empathetic systems. For example, virtual assistants, smart health apps, and interactive games can benefit from recognizing and responding to users’ emotions, making the system feel more personal and intuitive.

    Conclusion

    Frameworks in HCI help guide the design, evaluation, and analysis of user-centered systems. They offer structured approaches that can assist designers

    Previous topic 15
    The Interaction: Models of Interaction
    Next topic 17
    Ergonomics

    Past Papers

    Open this section to load past papers

    Click on Show Past Papers to see past papers.
    On This Page
      Reading Stats
      Est. reading time9 min
      Word count1,453
      Code examples0
      DifficultyIntermediate