Human Computer Interaction Notes
Human Computer Interaction Notes
COMPUTER
INTERACTION
HUMAN COMPUTER INTEACTION
Introduction
Human-computer interaction (commonly referred to as HCI) researches the design and use of
computer technology, focused on the interfaces between people (users) and computers. Researchers
in the field of HCI both observe the ways in which humans interact with computers and design
technologies that let humans interact with computers in novel ways.
User (Human)
By "user", we may mean an individual user, a group of users working together. An appreciation of
the way people's sensory systems (sight, hearing, touch) relay information is vital. Also, different
users form different conceptions or mental models about their interactions and have different ways
of learning and keeping knowledge and. In addition, cultural and national differences play a part.
Computer
When we talk about the computer, we're referring to any technology ranging from desktop computers,
to large scale computer systems. For example, if we were discussing the design of a Website, then
the Website itself would be referred to as "the computer". Devices such as mobile phones or VCRs
can also be considered to be ―computers
Interaction
There are obvious differences between humans and machines. In spite of these, HCI attempts to
ensure that they both get on with each other and interact successfully. In order to achieve a usable
system, you need to apply what you know about humans and computers, and consult with likely users
throughout the design process. In real systems, the schedule and the budget are important, and it is
vital to find a balance between what would be ideal for the users and what is feasible in reality.
Underlying the whole theme of HCI is the belief that people using a computer system should come
first. Their needs, capabilities and preferences for conducting various tasks should direct developers
in the way that they design systems. People should not have to change the way that they use a system
in order to fit in with it. Instead, the system should be designed to match their requirements.
1
Human Computer Interaction
Usability
Usability is one of the key concepts in HCI. It is concerned with making systems
easy to learn and use. A usable system is:
• easy to learn
• easy to remember how to use
• effective to use
• efficient to use
• safe to use
• enjoyable to use
Factors in HCI
There are a large number of factors which should be considered in the analysis and design of a system
using HCI principles. Many of these factors interact with each other, making the analysis even more
complex. The main factors are listed in the table below:
Organisation Factors
• Training, job design, politics, roles, work organisation
• Environmental Factors
• Noise, heating, lighting, ventilation
• Health and Safety Factors
The User
• Cognitive processes and capabilities
• Motivation, enjoyment, satisfaction, personality, experience
• Comfort Factors
• Seating, equipment, layout.
User Interface
Input devices, output devices, dialogue structures, use of colour, icons, commands, navigation,
graphics, natural language, user support, multimedia
2
Human Computer Interaction
DISCIPLINES CONTRIBUTING TO HCI
Human-Computer Interaction (HCI) is a multidisciplinary field that involves various disciplines
working together to understand, design, and evaluate the interaction between humans and technology.
These disciplines contribute different perspectives and expertise to create user-centered and effective
digital experiences. Here are some key disciplines that contribute to HCI:
1. Design:
• Interaction Design: Focuses on designing intuitive and engaging user interfaces that facilitate
smooth interactions between users and technology.
• Visual Design: Deals with the aesthetics, layout, and visual elements of interfaces to enhance
usability and user experience.
3. Computer Science:
• Software Engineering: Develops the technical infrastructure that powers user interfaces,
ensuring reliability, performance, and functionality.
• Human-Centered Computing: Focuses on designing and building systems that prioritize
human needs, preferences, and capabilities.
4. User Research:
• User Studies: Involves methods like surveys, interviews, observations, and usability testing
to gather insights into user needs, behaviors, and expectations.
• Ethnography: Involves immersive observation of users in their natural environments to gain
a deep understanding of their context and activities.
5. Information Science:
• Information Architecture: Organizes and structures content in a way that makes it easily
accessible and understandable for users.
• User Experience (UX) Research: Analyzes user interactions and behaviors to refine designs
and create better user experiences.
3
Human Computer Interaction
6. Anthropology and Sociology:
• Cultural Context: Studies cultural and social factors that influence user behavior and
preferences, ensuring designs are culturally sensitive and relevant.
7. Industrial Design:
• Physical Interaction Design: Deals with designing tangible and physical aspects of user
interfaces, such as hardware devices and ergonomic considerations.
8. Communication Studies:
• Human Communication: Explores how people communicate, which informs the design of
effective communication channels and interfaces.
9. Usability Engineering:
• Usability Testing: Evaluates the effectiveness and efficiency of user interfaces through
controlled user testing scenarios.
• User-Centered Evaluation: Focuses on gathering feedback from users to validate and refine
design decisions.
10. Accessibility:
• Accessibility Design: Ensures that interfaces are usable by people with disabilities,
promoting inclusivity and equal access.
13. Neuroscience:
• Neuromarketing: Utilizes insights from neuroscience to understand how users respond to
interfaces and make design decisions that trigger desired emotional responses.
These disciplines collaborate to create a holistic understanding of user needs, behaviors, and
expectations, resulting in user-centered designs that effectively bridge the gap between humans and
technology.
4
Human Computer Interaction
HCI and Multi-Disciplinary Collaboration:
Human-Computer Interaction (HCI) requires a multi-disciplinary approach because it involves
understanding both human behaviors and technological capabilities. Collaboration among various
disciplines, such as psychology, design, engineering, and more, is essential to:
1. Holistic Understanding: Different disciplines contribute different perspectives on user
behavior, cognitive processes, technical constraints, and design aesthetics. Combining these
insights leads to a more comprehensive understanding of user needs.
2. Effective Problem Solving: Complex design challenges require a range of expertise.
Collaborative teams can generate more innovative and effective solutions by pooling their
diverse skills.
3. Usability and User-Centered Design: Collaboration ensures that user needs are considered
at every stage, resulting in products that are not only functional but also enjoyable and usable.
4. Technical Feasibility: Collaboration between designers and developers ensures that design
concepts can be implemented using available technologies.
5. Iterative Improvement: HCI benefits from continuous feedback and refinement. Multi-
disciplinary teams facilitate ongoing iterations based on real-world testing and user feedback.
The process of interaction design involves creating meaningful and effective interactions between
users and digital products, such as websites, applications, or software. It focuses on ensuring that the
user's experience is intuitive, efficient, and enjoyable. Here's a general overview of the interaction
design process:
5
Human Computer Interaction
• Explore different design concepts and approaches that align with the project goals.
5. Wireframing:
• Create low-fidelity wireframes that outline the layout, structure, and placement of key
elements on the screen.
• Focus on the arrangement of content, navigation, and interaction elements without
getting into visual design details.
6. Prototyping:
• Develop interactive prototypes that provide a simulated experience of using the
product.
• Use higher-fidelity prototypes to demonstrate more detailed interactions and user
flows.
• Test and refine the prototypes iteratively based on user feedback.
7. Visual Design:
• Incorporate the visual identity of the product, including colors, typography, and
branding elements.
• Create high-fidelity mockups that showcase the final look and feel of the user
interface.
8. Usability Testing:
• Conduct usability tests with real users to evaluate the effectiveness of the design.
• Identify any pain points, usability issues, or areas for improvement through user
feedback.
9. Iterative Design:
• Analyze the feedback from usability testing and make necessary adjustments
to the design.
• Iterate on the design based on user input and evolving project requirements.
6
Human Computer Interaction
11. User Training and Documentation:
• If applicable, create user guides or documentation to help users understand how to
use the product effectively.
Throughout the entire process, collaboration between designers, developers, stakeholders, and users
is crucial to creating a successful and user-centered design. The process is often iterative, with designs
being refined and improved based on ongoing feedback and testing.
1. Waterfall Model:
The Waterfall model is a traditional software development approach where each phase is completed
sequentially before moving to the next. This model starts with requirements gathering, followed by
design, implementation, testing, and maintenance. It offers a clear structure and well-defined phases,
making it suitable for projects with stable requirements. However, it lacks flexibility for changes that
may arise later in the project, as modifications can be challenging once a phase is completed.
2. Iterative Model:
The Iterative model emphasizes cyclic design, implementation, and testing phases. After each
iteration, user feedback and testing results are collected to refine the design. This iterative process
allows for adaptability and incremental improvements. It's beneficial for complex projects or those
with evolving requirements, as it accommodates changes and enhancements throughout the project's
life cycle.
3. Spiral Model:
The Spiral model combines iterative development with risk management. It consists of cycles called
"spirals," each comprising planning, risk analysis, engineering, and evaluation. The model is
particularly useful for projects with high levels of uncertainty or significant risk factors. It emphasizes
risk assessment and mitigation while providing opportunities to refine the design based on continuous
feedback.
7
Human Computer Interaction
Makeup of Interaction Design:
Interaction design is the process of creating meaningful and engaging interactions between users and
digital products, systems, or services. It encompasses a range of disciplines to ensure that user needs,
behaviors, and expectations are met effectively. The makeup of interaction design typically includes:
1. User-Centered Approach: Interaction design begins with understanding the users' needs,
preferences, and behaviors. Design decisions are driven by empathy for the users' perspective.
2. Usability Principles: Usability refers to how easily and effectively users can achieve their
goals with a product. Interaction designers focus on making interfaces intuitive, efficient, and
error-free.
3. User Experience (UX) Design: UX design aims to create positive emotional responses and
overall satisfaction for users. It considers factors like aesthetics, brand consistency, and
emotional resonance.
4. Information Architecture: This involves organizing and structuring content in a clear and
logical manner to facilitate navigation and understanding.
5. Visual Design: Visual design deals with the aesthetics of the interface, including colors,
typography, imagery, and layout. It ensures that the interface is visually appealing and aligned
with the brand.
6. Interaction Patterns: These are predefined design solutions for common interaction
scenarios, such as navigation menus, buttons, forms, etc. They provide consistency and
familiarity for users.
7. Prototyping and Testing: Designers create interactive prototypes to simulate user
interactions and test design concepts. This iterative process helps identify and address
usability issues.
8. Technology Considerations: Interaction designers collaborate with developers to ensure that
the design is technically feasible and can be implemented effectively.
Accessibility: Designing for inclusivity, ensuring that the product is usable by people with
disabilities, is a crucial aspect of interaction design
1. Competitive Advantage: A well-designed user experience can set a business apart from its
competitors by creating memorable and positive interactions, leading to customer loyalty.
2. Customer Satisfaction: Intuitive and enjoyable interactions enhance customer satisfaction,
leading to higher retention rates and positive word-of-mouth.
8
Human Computer Interaction
3. Conversion and Sales: In e-commerce, a user-friendly design can streamline the buying
process, reducing friction and increasing conversion rates.
4. Brand Image: A consistent and appealing design enhances brand perception and reinforces
the brand identity.
5. Accessibility and Inclusivity: Interaction design ensures that products are usable by a diverse
range of users, expanding the potential customer base.
2. User Experience (UX): Creating positive emotional responses and satisfaction during user
interactions, leading to a sense of enjoyment and delight.
In essence, interaction design aims to strike a balance between usability and user experience, resulting
in products that are both functional and emotionally engaging.
Design Principles:
Design principles are fundamental guidelines that help shape the visual and functional aspects of a
product, system, or service. These principles provide a framework for creating effective and
aesthetically pleasing designs. Here are some key design principles:
9
Human Computer Interaction
8. Simplicity: Simplicity promotes clarity by removing unnecessary elements and focusing on
essential information, resulting in a cleaner and more user-friendly design.
9. Hierarchy: Hierarchy establishes a clear order of importance among design elements, making
it easier for users to navigate and understand content.
Usability Principles:
Usability principles focus on making products user-friendly, efficient, and effective, allowing users
to achieve their goals with ease. These principles contribute to a positive user experience and can lead
to higher user satisfaction and engagement. Here are some key usability principles:
1. Learnability: Users should be able to quickly understand how to use a product and its features
without extensive training.
2. Efficiency: Users should be able to accomplish tasks efficiently and with minimal steps,
reducing the time and effort required.
3. Memorability: After learning how to use a product, users should be able to remember how
to use it in the future without relearning.
4. Error Prevention and Recovery: Designs should minimize the occurrence of errors, and
when errors do occur, users should be provided with clear guidance on how to correct them.
5. Visibility: Relevant information and options should be clearly visible and easily accessible,
preventing users from having to guess how to proceed.
6. Feedback: Users should receive feedback about their actions in a timely and informative
manner, confirming that their interactions are being registered.
7. Flexibility: Designs should accommodate various user preferences and needs, allowing users
to customize their experience to some extent.
8. Consistency: Consistency in design elements, terminology, and interactions across the
product enhances user understanding and reduces cognitive load.
9. Aesthetic and Minimalist Design: Designs should be aesthetically pleasing and free of
unnecessary clutter, enhancing both usability and user experience.
10. Accessibility: Products should be designed to be accessible to users with disabilities, ensuring
equal access to information and functionality.
By adhering to these design and usability principles, designers can create products that are visually
appealing, easy to use, and provide a positive and meaningful experience for users.
CONCEPTUALIZE INTERACTION
Problem Space:
The problem space in interaction design refers to the context within which a product or system is
being developed. It encompasses the challenges, requirements, goals, and user needs that designers
aim to address. Understanding the problem space is crucial for creating effective and user-centered
10
Human Computer Interaction
solutions. It involves research, analysis, and defining the scope of the design project. This space also
includes identifying pain points, user behaviors, and potential opportunities for improvement. The
problem space is the starting point for creating solutions that align with user expectations and
organizational objectives.
Interface Metaphors:
An interface metaphor is a design approach that uses familiar real-world concepts or objects to
represent interactions in a digital interface. Metaphors help bridge the gap between users' existing
knowledge and the new digital environment. For instance, the desktop metaphor used in operating
systems provides users with a familiar visual representation of files and folders on a digital desktop,
even though the underlying system is entirely different. Interface metaphors enhance user
understanding and reduce the learning curve for new technologies.
Interaction Paradigms:
Interaction paradigms are established patterns or models of interaction that guide how users interact
with a system. These paradigms are shaped by technological capabilities, user behaviors, and design
trends. Some common interaction paradigms include:
1. Command Line Interface (CLI): Users enter textual commands to interact with the system.
This paradigm predates graphical interfaces and is still used in advanced applications and
development environments.
2. Graphical User Interface (GUI): GUIs use visual elements like windows, icons, menus, and
buttons to enable user interactions. They're widespread and user-friendly.
11
Human Computer Interaction
3. Touch Interface: Developed with the rise of mobile devices, this paradigm utilizes touch
gestures like tapping, swiping, and pinching to interact with content.
4. Natural Language Interface: Utilizing speech or text input, users communicate with systems
using natural language, like chatbots and voice assistants.
5. Virtual Reality (VR) and Augmented Reality (AR) Interfaces: These paradigms immerse
users in virtual or augmented environments, enabling interactions through spatial gestures and
visual cues.
6. Gesture-Based Interface: Users interact with systems through hand and body movements,
detected by sensors like cameras or accelerometers.
7. Multi-Touch Interface: Enabled by touchscreens, users can perform multiple simultaneous
touch gestures, allowing complex interactions.
Understanding these paradigms helps designers choose the most appropriate interaction style for their
target audience and the specific context of use.
1. Mental Models: Mental models are individuals' internal representations of how a system,
process, or concept works. Designers aim to match the mental models of users with the
system's conceptual model to reduce cognitive friction. If a system behaves differently from
users' mental models, it can lead to confusion and usability issues.
2. Information Processing: This framework views cognition as a process involving the
sequential flow of information through various stages, including sensory input, attention,
perception, memory encoding, storage, and retrieval, and decision-making. Designers
consider how users process information and adapt interfaces to support these stages
effectively.
12
Human Computer Interaction
Mental Models:
Mental models are individuals' simplified, intuitive representations of how things work. They're based
on their past experiences, knowledge, and assumptions. In interaction design, creating interfaces that
align with users' mental models leads to better usability. Designers can achieve this by:
• Consistency: Design interfaces that behave as users expect based on their mental models.
• Affordances: Implement visual and functional cues that match users' assumptions about how
elements should behave.
• Feedback: Provide clear and consistent feedback to reinforce users' mental models.
Information Processing:
The information processing model breaks down cognitive tasks into discrete stages: input, processing,
and output. Designers consider factors such as attention, perception, memory, and decision-making
to create interfaces that support each stage:
• Attention: Design interfaces to grab and maintain users' attention on important elements.
• Perception: Use visual cues, hierarchy, and affordances to aid users in perceiving information
accurately.
• Memory: Reduce the cognitive load by providing cues and minimizing the need for users to
remember information.
• Decision-Making: Present information in a clear and organized manner to support informed
decision-making.
External Cognition:
External cognition refers to the use of external aids, such as tools, resources, or representations, to
extend and enhance cognitive processes. In interaction design, this concept emphasizes the
importance of providing users with tools and cues to aid their cognitive tasks. For example, using
icons, labels, and visual hierarchies in a graphical software helps users understand the tool's
functionality and workflow.
1. Understanding the Problem: Gain a clear understanding of user needs, goals, and the context
of use.
13
Human Computer Interaction
2. Ideation and Sketching: Brainstorm and create rough sketches of design concepts based on
insight from user research.
3. Prototyping: Develop interactive prototypes that represent the design concepts, allowing for
early testing and feedback.
4. User Testing: Gather user feedback through testing and observation, identifying areas for
improvement.
5. Iteration: Use feedback to refine and iterate on the design, making necessary adjustments and
improvements.
6. Refinement: Continuously refine the design, considering usability, aesthetics, and user
satisfaction.
While informal design doesn't strictly follow a structured theory, it's important to draw on principles
from cognitive psychology, usability, and user-centered design to create effective and user-friendly
interfaces. The iterative nature of informal design allows for flexibility and responsiveness to user
needs throughout the design process.
1. Norms and Conventions: Social norms and conventions dictate appropriate behavior in
a given context. For instance, in a business meeting, participants might follow norms of
turn-taking and respectful communication.
2. Trust and Reputation: Trust is essential for effective collaboration. People rely on
reputation and previous interactions to gauge the reliability of their collaborators.
3. Reciprocity: Collaboration often involves a sense of reciprocity, where individuals help
each other in expectation of future assistance.
4. Shared Context: Effective communication relies on shared understanding of context,
including cultural references and background knowledge.
5. Nonverbal Communication: Gestures, facial expressions, and body language are
important nonverbal cues that convey emotions and intentions.
6. Norms: Shared expectations about behavior within a group. In a collaborative
environment, norms could involve timely responses to messages or respectful
communication.
14
Human Computer Interaction
7. Roles: Defined positions or functions within a group that individuals take on. In a
collaborative project, roles might include a leader, facilitator, or contributor.
8. Social Influence: The power of others' opinions to shape behavior. In a collaborative
context, social influence can guide decision-making and group direction.
1. Instant Messaging Apps: Tools like Slack and Microsoft Teams facilitate real-time text-
based conversations, enabling teams to discuss projects, exchange information and make
decisions collectively.
2. Video Conferencing: Platforms like Zoom and Microsoft Teams, Google Meet offer video
and audio communication, mimicking face-to-face interactions even when team members are
geographically dispersed, enabling more personal interactions
3. Discussion Forums: Online forums like Reddit and specialized online community platforms
provide spaces for in-depth discussions, sharing of expertise and seek advice.
4. Email: While traditional, email remains a key tool for asynchronous communication and
collaboration.
1. Project Management Tools: Tools like Trello, Asana, and Jira help teams manage tasks,
assign responsibilities, and track progress.
2. Shared Calendars: Platforms like Google Calendar allow teams to schedule meetings,
events, and deadlines collaboratively
3. Document Collaboration: Google Docs, Microsoft 365, and other cloud-based solutions
enable real-time collaboration on documents, spreadsheets, and presentations.
4. Workflow Automation: Tools like Zapier or Microsoft Power Automate, automate repetitive
tasks, streamlining workflows and reducing manual coordination efforts.
5. Resource Sharing Platforms: Platforms like Dropbox or OneDrive enable teams to share
and collaborate on files, ensuring everyone has access to the latest versions.
15
Human Computer Interaction
themselves in these environments to gain insights into real-world practices challenges, patterns, and
opportunities for improvement. For instance, an ethnographic study might involve spending time with
a remote team to understand how they use communication tools, overcome challenges, and coordinate
tasks.
• Distributed Cognition: This concept proposes that cognitive processes aren't confined to an
individual's mind but are distributed across people, artifacts, and the environment. It
emphasizes how collaboration and communication extend cognition beyond the individual,
where technology and social interactions play crucial roles in problem-solving and decision-
making.
Both frameworks highlight the intricate interplay between language, social interaction, and
technology in shaping collaborative behaviors and cognitive processes.
Applicable Areas: GUIs are widely used in desktop and mobile applications, software
interfaces, and websites to enhance user interactions and productivity.
16
Human Computer Interaction
Advantages:
• Intuitive and user-friendly, especially for visual learners.
• Allows for the representation of complex information through visuals.
• Widely familiar, reducing the learning curve for new users.
Disadvantages:
• May not be suitable for users with visual impairments.
• Can be resource-intensive, affecting performance on older or low-powered devices.
• Limited in expressing more complex interactions beyond standard graphical elements.
Examples: Microsoft Windows OS, macOS, Android and iOS interfaces.
2. Touch-Based Interaction
Touch-based interaction involves the use of touch-sensitive displays to enable users to interact
directly with digital content. This technique has gained significant popularity with the advent
of smartphones and tablets. Users can perform gestures like tapping, swiping, pinching, and
rotating to interact with applications and content. Examples include touchscreen smartphones,
tablets, interactive kiosks, and digital whiteboards.
Applicable Areas: Touch-based interaction is commonly used in mobile devices, interactive
exhibits, digital signage, and educational applications.
Advantages:
• Intuitive and natural, mimicking real-world interactions.
• Supports gestures, allowing for diverse and expressive interactions.
• Well-suited for mobile devices and compact form factors.
Disadvantages:
• Prone to accidental touches, leading to unintended actions.
• Lack of tactile feedback can be challenging for certain tasks.
• Limited precision for fine-grained interactions compared to a mouse or stylus.
Examples: Apple iPhone, Android smartphones, Microsoft Surface devices.
3. Voice-Based Interaction
Voice-based interaction allows users to interact with computers and devices using spoken
language. This technique relies on speech recognition technology to interpret and process user
commands. Virtual assistants like Amazon's Alexa, Apple's Siri, and Google Assistant are
prime examples of voice-based interaction systems. They enable users to perform various
tasks, such as setting reminders, searching the web, and controlling smart home devices, all
through voice commands.
17
Human Computer Interaction
Applicable Areas: Voice-based interaction finds applications in virtual assistants, voice-
operated smart devices, automotive infotainment systems, and hands-free control interfaces.
Advantages:
• Hands-free operation, offering convenience and accessibility.
• Faster input compared to typing, particularly for longer queries.
• Suitable for users with mobility impairments or visual disabilities.
Disadvantages:
• Speech recognition errors can lead to misinterpretation of commands.
• Users may feel uncomfortable using voice commands in public settings.
• Lack of visual cues can limit the system's ability to provide feedback.
Examples: Amazon Alexa, Apple Siri, Google Assistant, and voice-controlled smart
speakers.
4. Gesture-Based Interaction
Gesture-based interaction involves interpreting and responding to users' physical movements
captured through sensors or cameras. This technique allows users to interact with computers
by making hand gestures or body movements. Examples include Microsoft's Kinect, which
enables users to play games and control multimedia using body movements, and gesture-based
interfaces in augmented reality applications.
Advantages:
• Engaging and immersive experience for users.
• Supports natural and expressive interactions in three-dimensional space.
• Well-suited for virtual reality and augmented reality applications.
Disadvantages:
• Requires users to learn and remember specific gestures.
• Lack of tactile feedback can make it challenging to perform precise gestures.
• Can lead to user fatigue during extended use.
Examples: Microsoft Kinect, Leap Motion, hand gesture controls in VR games.
18
Human Computer Interaction
generated environment. Both AR and VR provide unique and interactive user experiences,
enhancing training, entertainment, and visualization applications.
Interaction techniques in HCI are diverse and continue to evolve with technological
advancements. GUIs, touch-based interactions, voice-based interactions, gesture-based
interactions, and AR/VR all contribute to creating intuitive and seamless experiences for users
when interacting with computers and digital systems. As technology progresses, the
boundaries between humans and computers will continue to blur, leading to even more
innovative interaction techniques and exciting possibilities in the field of HCI.
Advantages:
• Offers highly immersive and interactive experiences.
• Great potential for training, simulations, and experiential learning.
• Enables visualization of complex data and concepts in a tangible manner.
Disadvantages:
• Requires specialized hardware, which can be expensive.
• Users may experience motion sickness or disorientation in VR environments.
• Limited real-world awareness can lead to safety risks in certain situations.
Examples: AR - Pokemon GO, Snapchat AR filters; VR - Oculus Rift, HTC Vive.
Applicable Areas: NLP finds applications in chatbots for customer support, language
translation apps, virtual assistants, and voice-controlled applications.
Advantages:
• Enables more natural and conversational interactions with computers.
• Reduces the need for learning complex command structures.
• Improves accessibility for users with limited typing skills or disabilities.
Disadvantages:
• May struggle with understanding complex or ambiguous queries.
• Language and dialect variations can lead to inaccurate interpretations.
19
Human Computer Interaction
• Privacy concerns related to voice data storage and processing.
Examples: Chatbots like Facebook's Messenger Bot, language translation apps, Amazon
Alexa.
7. Multi-Touch Interaction
Advantages:
• Supports multiple users collaborating simultaneously.
• Enables intuitive and dynamic interactions with content.
• Enhances the user's sense of control and engagement.
Disadvantages:
• Fingers can occlude the content, affecting visibility.
• Not all devices support multi-touch, limiting compatibility.
• Complex multi-touch gestures can be challenging for some users to perform.
Examples: Microsoft Surface Hub, Apple iPad, multitouch interactive tables.
8. Haptic Feedback
Haptic feedback involves providing users with tactile sensations or vibrations to enhance the
interactive experience. It allows users to feel virtual objects or receive confirmation of actions
performed on touch-based devices. For example, when typing on a smartphone keyboard, the
device may provide a subtle vibration for each keypress, providing haptic feedback.
Advantages:
• Enhances user experience through tactile sensations.
• Provides confirmation and feedback for user actions.
• Aids in creating a sense of presence in virtual environments.
Disadvantages:
• Requires additional hardware and can increase device cost.
20
Human Computer Interaction
• Overuse of haptic feedback may desensitize users to its effects.
• Inadequate or poorly calibrated feedback can lead to a jarring experience.
Examples: Smartphones with haptic feedback for typing, gaming controllers with rumble
functionality.
Applicable Areas: BCIs find applications in medical devices for individuals with disabilities,
cognitive research, and experimental interfaces.
Advantages:
• Offers a direct pathway for communication and control for individuals with limited
physical abilities.
• Potential for creating more natural and intuitive interactions.
• Opens new possibilities for users who cannot use traditional input methods.
Disadvantages:
• Complex and expensive technology requiring specialized equipment.
• Challenging to accurately interpret and process brain signals.
• Limited adoption due to technical challenges and ethical considerations.
Examples: Medical devices enabling paralyzed individuals to control devices, experimental
interfaces for controlling robotic systems.
Advantages:
• Provides context-aware and adaptive interactions.
• Enhances user experience by tailoring device behavior to the environment.
• Enables innovative applications like augmented reality and contextual notifications.
Disadvantages:
21
Human Computer Interaction
• Sensor accuracy and reliability can vary across devices.
• Sensor data can be misinterpreted, leading to unintended actions.
• Potential privacy concerns related to sensor data collection.
Examples: Auto-rotation of smartphone screens based on device orientation, fitness trackers
measuring steps and activity levels.
Advantages:
• Offers a non-invasive and natural input method.
• Suitable for users with limited mobility or physical impairments.
• Enables research on user attention and behavior.
Disadvantages:
• Requires specialized hardware that can be costly.
• Calibration and accuracy issues can impact usability.
• Eye fatigue and limitations in rapid interactions.
Examples: Eye-controlled communication devices for individuals with ALS, usability testing
with eye-tracking for websites and applications.
Advantages:
• Allows for convenient and discreet interactions on the go.
• Supports health monitoring and real-time data collection.
• Integrates technology seamlessly into the user's lifestyle.
Disadvantages:
• Limited screen real estate and input options compared to larger devices.
22
Human Computer Interaction
• User experience may be compromised by small interfaces.
• Potential for distraction in certain contexts.
Examples: Smartwatches for checking notifications and tracking activity, augmented reality
smart glasses for displaying contextual information.
Each interaction technique in HCI comes with its own set of design considerations to ensure an
optimal user experience. Designers need to consider factors such as user needs, context of use, device
capabilities, accessibility requirements, and potential challenges associated with each technique. By
carefully considering these factors, designers can create interfaces that are user-friendly, intuitive,
and effective for a wide range of users and scenarios.
2. Touch-Based Interaction:
• Touch Target Size: Design interactive elements with an appropriate size to
accommodate finger taps accurately.
• Gesture Feedback: Provide visual cues or animations to indicate the recognition of
touch gestures.
• Avoid Clutter: Avoid overcrowding the interface with small touch targets to prevent
accidental touches.
• Gestures Clarity: Use well-established gestures and ensure they are intuitive and easy
to perform.
23
Human Computer Interaction
3. Voice-Based Interaction:
• Clear Prompts: Clearly communicate to the user what commands are available and
how to initiate voice interaction.
• Contextual Understanding: Design the system to understand context and user intent
accurately.
• Feedback: Provide auditory feedback or responses to indicate that the system is
processing the user's command.
• Error Handling: Design the system to handle recognition errors gracefully and provide
helpful suggestions.
4. Gesture-Based Interaction:
• Learnability: Keep gesture interactions intuitive and easy for users to learn.
• Gesture Libraries: Use recognizable gestures that users are familiar with or can easily
adopt.
• Calibration: Ensure that sensors or cameras accurately capture and interpret users'
movements.
• Feedback: Provide visual or haptic feedback to confirm successful gestures.
24
Human Computer Interaction
7. Multi-Touch Interaction:
• Gesture Combinations: Design intuitive multi-touch gestures that do not conflict with
each other.
• Avoid Overload: Avoid overwhelming users with too many interactive elements on a
single screen.
• Gestures Consistency: Ensure that multi-touch gestures are consistent across different
interactions.
• Precision: Consider precision and accuracy in gesture recognition, especially for fine
tasks.
8. Haptic Feedback:
• Appropriate Intensity: Calibrate haptic feedback to be noticeable without being overly
strong.
• Synchronization: Ensure haptic feedback aligns with the corresponding action or
event.
• Customization: Provide users with options to adjust haptic feedback settings based on
their preferences.
• Avoid Distraction: Use haptic feedback sparingly to avoid overwhelming users.
25
Human Computer Interaction
• Gaze Feedback: Provide visual feedback to users to confirm where their gaze is
focused.
• Robustness: Design the system to handle variations in lighting conditions and user eye
characteristics.
• Privacy: Prioritize user privacy by allowing control over data sharing and storage.
Design considerations for each interaction technique in HCI are essential to create interfaces that are
user-friendly, efficient, and tailored to the needs and preferences of the target audience. These
considerations help ensure that users can interact with digital systems seamlessly and effectively,
ultimately contributing to a positive user experience.
Expressive Interfaces:
Expressive interfaces aim to enhance user interaction by conveying emotions or intentions through
design elements. These interfaces use visual cues, animations, colors, and other design elements to
create a more engaging and emotionally resonant user experience. They can evoke emotions, provide
feedback, and guide users' actions more intuitively.
26
Human Computer Interaction
Application of Anthropomorphism:
Anthropomorphism involves attributing human characteristics to non-human entities. In interaction
design, it can be applied to make technology more relatable and engaging. Anthropomorphic design
can help users feel more comfortable, empathetic, and connected to digital systems, leading to
enhanced user experiences.
27
Human Computer Interaction
Characteristics of User-Centered Design:
1. Iterative Design:
Iterative design involves repeatedly cycling through stages of design, testing, and refining. Each
iteration incorporates user feedback, uncovering issues and guiding refinements. This approach
ensures that the design aligns with users' needs and evolves to meet changing requirements.
3. Constant Evaluation:
User-centered design promotes continuous evaluation throughout the design process. User feedback
and usability testing provide insights into design strengths and weaknesses. This ongoing assessment
enables designers to make informed decisions, leading to user-friendly and effective interfaces.
Generating alternative designs and choosing among them is a critical aspect of the design process. It
involves exploring different design possibilities and selecting the most suitable option based on user
needs, project goals, and usability considerations. Here's a step-by-step approach:
2. Brainstorming:
Gather a diverse team of designers, developers, and stakeholders for brainstorming sessions.
Encourage open discussion and creative thinking to generate a wide range of design ideas without
judgment.
28
Human Computer Interaction
3. Sketching and Ideation:
Encourage team members to sketch rough concepts. Sketches help visualize design ideas quickly
and allow for rapid exploration of various layout and interaction possibilities.
4. Storyboarding:
Create storyboards that depict user scenarios and interactions. Storyboards offer a visual narrative
of how users will engage with the interface and can uncover design challenges or opportunities.
5. Prototyping:
Develop interactive prototypes that simulate user interactions. These can range from low-fidelity
paper prototypes to high-fidelity digital mock-ups, depending on the project's stage and complexity.
6. Divergent Thinking:
Encourage divergent thinking by exploring unconventional ideas. Consider alternative navigation
patterns, interaction methods, and visual aesthetics.
2. Comparative Analysis:
Compare alternative designs against each other using usability criteria and user feedback. Evaluate
factors such as efficiency, learnability, and user satisfaction.
4. Feasibility:
Assess the technical feasibility of implementing each design. Consider factors like development
effort, resources, and compatibility with existing systems.
5. Stakeholder Input:
Gather input and feedback from project stakeholders, including clients, users, and team members.
Their perspectives can provide valuable insights and help identify preferences.
29
Human Computer Interaction
6. Iterative Refinement:
Based on user feedback and evaluations, iteratively refine the designs. Incorporate suggestions,
address usability issues, and make improvements to enhance the user experience.
8. Final Evaluation:
Conduct a final round of user testing or evaluations with refined prototypes. Consider both
quantitative and qualitative data to make an informed decision.
9. Final Selection:
Selecting the best design among alternatives should be a holistic decision that balances usability,
user preferences, project goals, technical feasibility, and stakeholder input. The chosen design
should effectively address users' needs, provide an intuitive user experience, and contribute to the
success of the project.
In summary, interaction design models guide the development process, while user-centered design
emphasizes iterative refinement, user focus, and constant evaluation to create interfaces that
effectively meet user needs and provide exceptional user experiences.
The user-centered design process ensures that the final design reflects users' preferences, tasks, and
expectations, leading to more successful and user-friendly products.
30
Human Computer Interaction