0% found this document useful (0 votes)
16 views63 pages

User Interface Design Final

The document discusses the importance of user interface (UI) design in digital product development, highlighting its role in enhancing user engagement, reducing costs, and ensuring accessibility. It outlines key principles of UI design, various types of UI, design tools and technologies, and the UI design process, while also differentiating between user experience (UX) and UI design. Additionally, it covers user-centered design principles, task analysis methods, and the significance of task models in improving usability.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views63 pages

User Interface Design Final

The document discusses the importance of user interface (UI) design in digital product development, highlighting its role in enhancing user engagement, reducing costs, and ensuring accessibility. It outlines key principles of UI design, various types of UI, design tools and technologies, and the UI design process, while also differentiating between user experience (UX) and UI design. Additionally, it covers user-centered design principles, task analysis methods, and the significance of task models in improving usability.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

QUESTION 1: USER

INTERFACE DESIGN
What is user interface and it is Essential in Digital Product
Development:
Increases Engagement:
First Impressions
 Reduces Development Costs
 User Experience
Accessibility
 Usability
Brand Identity Consistency
key principles of UI design
 Accessibility: Typography
 Consistency Simplicity

 Visual Design  Color Scheme

 Responsive Design Affordance

 User Flow Feedback and Animation:


Different types of UI design

•Graphical user interface: •Multimodal


•Sharable
•Command-line interface •Tangible
•Voice UI •Wearables
•Augmented reality •Robots and drones
•Smart
•Web •Brain-computer interactions
•Mobile •Touch
•Gesture
•Appliance
•Multimedia
•Pen
• diferentUIdesigntoolsandtechnologies?

diferentUIdesigntoolsandtechnologies?

Different UI design tools and technologies?

UIDesignTools:

Figma: A popular, cloud-based design tool used Axure RP: A powerful tool used for
for interface design and prototyping. wireframing, prototyping, and documentation. I

Adobe XD: design tool used to create user Marvel: A simple design and prototyping tool.
interfaces, interactive prototypes, and
wireframes. InVision Studio: A design tool for creating
interactive prototypes, animations, and UI
Sketch: A vector-based design It's widely used design.
for web, mobile app, and interface design
Balsamiq: A wireframing tool that lets you
quickly sketch and create low-fidelity designs
for web and mobile apps.
UI Technologies:

HTML5: [Link]:

CSS3: Angular:

JavaScript: Bootstrap:

[Link]: Sass/SCSS:
UI design process
• Research: which may include surveys, • User Testing: Validates design decisions
interviews, observations and data analysis and usability with real users.
for understanding user needs and pain
point. • Iteration: Refines the design based on
feedback.
• Persona Development: Helps create user-
centric designs by defining typical users.. • Implementation: Translates the design into
a working product.
• Requirements Specification: Outlines
what needs to be achieved. • Evaluation: Assesses the effectiveness and
identifies areas for improvement post-
• Design: Involves creating the visual and launch.
interactive elements of the interface.
• Prototyping: Allows for early testing and
feedback on the design.
Difference between User Experience design and User Interface design.

Aspect User Experience (UX) Design User Interface (UI) Design

Overall experience of the user with Visual and interactive elements of


• Focus the product the product
• Scope Broad, encompassing all aspects of Narrow, focused specifically on the
user interaction interface design
• Research Involves user research to understand Limited research; mainly involves
needs and behaviors visual design principles
• Key Activities User flows, wireframes, prototyping, Visual design, layout creation,
usability testing interactive elements design
• Goal Create a meaningful and enjoyable Create an aesthetically pleasing and
user experience functional interface
• Outcomes Usable, efficient, and satisfying Visually appealing and easy-to-
products navigate interfaces
Sketch, Figma, Adobe XD for Adobe Illustrator, Sketch, Figma for
• Tools used prototyping visual design
Collaboration Aspect UX Designers UI Designers
Conduct research to understand user
Use insights from UX research to
behaviors, needs, and pain points.
Understanding User Needs design interfaces that align with user
Create personas and define user
How do UI designers work
[Link] UX designers
needs and the brand identity.
Add visual elements (color,
Create wireframes focusing on
typography, spacing) to wireframes,
Collaborative Prototyping functionality and layout without visual
ensuring aesthetics and functionality
styling.
are balanced.
Develop consistent visual patterns
Conduct usability tests to ensure
Ensuring Usability and Visual (buttons, forms) to maintain a
designs are intuitive and effective.
Consistency cohesive look and feel across the
Refine designs based on feedback.
interface.
Create frameworks and guidelines for Build design systems and style guides
Design System and Style Guides component behavior to maintain user- detailing the appearance of elements
centricity. like fonts and colors.
Make visual adjustments based on
Test user interactions and gather
Iterative Design and Feedback Loops feedback from UX testing and
feedback to refine experiences.
collaborate in iterative design cycles.
common UI design mistakes to avoid
 Cluttered Interfaces:  Complicated Navigation:
 Inconsistent Design:  Overuse of Animations:
 Poor Contrast and  Not Prioritizing Accessibility:
Readability:  Non-Descriptive Error
 Lack of Feedback: Messages:
 Ignoring Mobile  Slow Loading Times:
Responsiveness:
solutions
 Keep designs clean and minimal, focusing on the  Keep navigation simple and intuitive. Use clear
essential elements and ensuring ample white labels and group related elements logically.
space  Use animations sparingly and only when they
 Use high-contrast colors and readable font sizes enhance usability or guide the user’s attention.
to improve text legibility, especially for  Follow accessibility guidelines (e.g., WCAG) to
accessibility.
ensure that the interface is usable by people with
 Use high-contrast colors and readable font sizes disabilities, including colorblindness and mobility
to improve text legibility, especially for impairments.
accessibility.  Provide clear, helpful error messages that explain
 Offer feedback for every user action (e.g., the problem and suggest how users can fix it.
animations, loading indicators, success  Optimize the interface for fast performance,
messages) to reassure them that the system is including image compression and avoiding
responding. unnecessary heavy elements.
key principles of good UI design
 Accessibility  Aesthetics
 Consistency:  Simplicity
 Visual Design:  Color Scheme
 Responsive Design  Affordance
 User Flow:  Feedback and Animation
 Flexibility:
future of UI design
 Voice and Gesture Interfaces  Inclusive and Accessible Design:
 AR and VR Integration  Micro-Interactions and Animation:
 AI-Driven Personalization.  Data-Driven Design:
 Natural User Interfaces (NUI): .  Biometric Integration: .
 Minimalistic and Invisible Design:.
QUESTION [Link]
CENTERED DESIGN
User Centered Design principles
 User Focus  User Testing;
 Empathy  Adaptability;
 Iterative Approach  Inclusivity;
 Collaboration  Multidisciplinary Approach;
 Usability
 Prototyping
What are personas, and how can they inform the
design process? Provide an example.

A persona refers to a fictional, generalized representation of the ideal target audience for your
product or service.
User personas capture
 behavior
 goals
needs
characteristics of a particular demographic and segment to which a product or service caters.
PERSONA:
Persona: Brenda, the Mindful Content
Creator
Painpoints
Name: Asiimwe Brenda Balancing work, social life, and self-care.
Age: 26 • Finding reliable mindfulness and wellness
platforms.
Occupation: Freelance Content Creator
• Managing her online presence effectively.
Location: New York City
Goals: Brenda wants a wellness app offering
Interests: Yoga, Veganism, Mental Health guided meditations, yoga, sleep aids, and a
Advocacy community for like-minded people.
Features for content collaboration and social
media integration would help her manage
work and share content seamlessly.
How can they inform the design
process
Empathy: Personas allow designers to Improved Decision-Making: When there are
empathize with users by putting themselves in multiple design choices, personas can help
the shoes of the target audience guide decision-making
Prioritization: By understanding which Testing and Validation: During usability
personas are most important, designers can testing, designers can refer to personas
prioritize features and functionality.
[Link] ensure that all stake
holders re on the same page
steps involved in the iterative
design process
Stage 1: Planning
Stage 2: Ideation
Stage 3: Prototyping
Stage 4: Testing
Stage 5: Iteration
Stage 6: Implementation
stage 7: Evaluation
How can user-centered design be used to improve
the usability of a product
•Minimizing Cognitive Load

•Error Prevention and Recovery

•Providing Clear Feedback

•Empathy Mapping

•Accessibility

•Continuous Refinement Based on User Feedback


How does the concept of affordance relate to HCI and UX
design

Affordances refer to the perceived properties of an object that suggest how it can be
used.
 Clear Interactions
 User Expectations
 Minimizing Cognitive Load:
 Physical and Digital Affordances
 Discoverability:
common user-centered design
methods
 User Research:  Card Sorting
 Persona  A/B Testing:
 User Journey Mapping:  Contextual Inquiry
 Wireframing and Prototyping  Heuristic Evaluation
 Usability Testing:  Surveys and Feedback
QUESTION 3: TASK
ANALYSIS
Why Task Analysis is an
essential part of the user
centered design process
Task analysis is a systematic process used in Identifying Pain Points: By breaking down tasks

human-centered design to break down and into smaller components, task analysis can reveal

understand the specific tasks and activities that pain points and challenges that users encounter.
Defining Requirements: Task analysis results in a
users perform when interacting with a product,
clear and comprehensive set of user requirements.
system, or interface.
 Optimizing Workflows: It allows for the
It involves examination of the steps,
identification of inefficient or redundant steps in a
 actions, decisions, interactions .
task..
Understanding User Behavior: Task analysis
helps designers gain a deep understanding of  Reducing Cognitive Load: Task analysis helps in
how users actually engage with a product understanding the cognitive load placed on users.
What are the different types
of task analysis
1. Hierarchical Task Analysis (HTA):
HTA breaks down tasks into a hierarchical structure of subtasks and steps. It illustrates the relationships
between higher-level goals and lower-level actions. HTA is especially useful for understanding complex tasks
and processes.
2. Critical Incident Technique:
This technique focuses on identifying and analyzing critical events or situations within a task. It is often used
to uncover issues and challenges that have a significant impact on the overall task performance.
3. Cognitive Task Analysis (CTA)
CTA delves into the cognitive processes and strategies used by individuals when performing tasks. It aims to
uncover mental models, decision-making processes, and problem-solving techniques.
Continu..
[Link] Observation:
Naturalistic observation involves observing users in their natural environment as they perform tasks. This technique provides insights
into how people naturally interact with a product or system.
5. Action-Efficiency Technique:
Action-efficiency techniques focus on identifying the most efficient and effective sequences of actions within a task. These analyses
aim to optimize task performance by reducing unnecessary steps.
6. KJ Method (Affinity Diagram):
KJ method is used for brainstorming and organizing information related to a task. It involves sorting and grouping ideas and
observations to reveal patterns and themes.
7. Cognitive Work Analysis:
This approach explores the cognitive requirements of a task, including knowledge, memory, and decision-making processes.
Cognitive work analysis is often used in complex, high-risk systems, such as aviation or healthcare.
differences between Hierarchical Task
Analysis and Cognitive Task Analysis When
would you choose one over the other
HIERARCHICAL TASK ANALYSIS (HTA)
1. Focus:
HTA primarily focuses on breaking down tasks into a hierarchical structure of subtasks and steps. It emphasizes the organization and structure of
tasks and how they relate to one another.
2. Representation:
HTA results in a visual hierarchy that shows the relationships between different tasks, subtasks, and actions, making it a valuable tool for
understanding complex processes.
3. Usability:
HTA is particularly useful for assessing the usability and efficiency of task sequences. It helps identify bottlenecks, redundancies, and
inefficiencies within tasks.
4. Objective:
HTA is often employed when the main goal is to improve task performance and optimize task sequences within a process or system.
HTA VS CTA
COGNITIVE TASK ANALYSIS (HTA)
1. Focus:
CTA delves into the cognitive processes, strategies, and decision-making used by individuals when performing tasks. It emphasizes mental models
and thought processes.
2. Representation:
CTA does not necessarily result in a visual hierarchy like HTA. Instead, it yields a deeper understanding of cognitive processes through methods
such as interviews, think-aloud protocols, and observation.
3. Usability:
CTA is less concerned with the structure of tasks and more focused on understanding how users think, reason, and problem-solve during task
execution. It is used to uncover cognitive bottlenecks and challenges.
4. Objective:
CTA is chosen when the primary goal is to gain insights into the decision-making and cognitive load of users, especially in complex, knowledge-
based tasks.
When to Choose HTA over CTA:
Choose HTA when the primary objective is to optimize task sequences, streamline workflows, and
enhance the efficiency and usability of a process or system.

Use HTA when the structure and organization of tasks are the main focus, such as in process
engineering, industrial design, or workflow analysis.

HTA is well-suited for tasks that involve a clear sequence of steps or actions, making it ideal for
more straightforward and procedural tasks.
Continu…
Choose CTA when the goal is to gain a deeper understanding of the cognitive processes, decision-
making, and thought patterns of users during complex and knowledge-based tasks.

Use CTA when dealing with tasks that are less structured and require creative problem-solving,
expertise, or extensive decision-making, such as medical diagnosis, air traffic control, or software
debugging.

CTA is beneficial when the task analysis aims to uncover cognitive bottlenecks, mental models, and
strategies used by experts in their field.
How can task analysis be used to
improve the usability of a product or
service
1. Identifying User Needs: Task analysis helps in identifying and understanding user needs and requirements by
breaking down tasks into their constituent steps.
2. Identifying Pain Points: Task analysis reveals pain points, bottlenecks, and usability issues within tasks.
3. Streamlining Workflows: By examining the sequence of tasks and subtasks, designers can identify
opportunities to streamline workflows.
4. Optimizing Interface Design: Task analysis helps in optimizing the design of the user interface.
5. Identifying User Errors: Understanding the steps and actions users take during a task allows for the
identification of common errors.
6. Ensuring Task Completion: Task analysis helps ensure that users can complete tasks successfully.
7. Usability Testing and Evaluation: The results of task analysis can inform usability testing and evaluation.
Explain the concept of a “task model”
in HCI. How is it used to represent user
tasks
In Human-Computer Interaction (HCI), a "task model" is a conceptual representation of user tasks
and activities. It is a design tool used to describe, analyze, and document how users interact with a
system or product to achieve their goals.

Task models help designers understand the structure and flow of user tasks, making it easier to
create user-friendly and efficient interfaces
Here's how task models are
used to represent user
tasks.
[Link] Decomposition: Task models break down complex user tasks into smaller, more manageable components. This
decomposition helps designers understand the structure and hierarchy of tasks.
[Link] Sequencing: Task models show the sequence of tasks and subtasks that users need to complete to achieve their
goals. This sequencing is essential for understanding the order of actions.
3. Actions and Operation: Task models specify the actions and operations that users perform during each task and
subtask. These can include input actions (e.g., clicking, typing), cognitive decisions (e.g., choosing options), and system
feedback (e.g., notifications).
4. User Goal: Task models link tasks to the goals or objectives that users want to achieve. This ensures that the design
focuses on facilitating goal attainment.
5. Dependencies and Constraints: Task models can show dependencies and constraints between tasks. For example, some
tasks may need to be completed before others can start.
Continu..
[Link] Decomposition: Task models break down complex user tasks into smaller, more manageable components. This
decomposition helps designers understand the structure and hierarchy of tasks.
[Link] Sequencing: Task models show the sequence of tasks and subtasks that users need to complete to achieve their
goals. This sequencing is essential for understanding the order of actions.
3. Actions and Operation: Task models specify the actions and operations that users perform during each task and
subtask. These can include input actions (e.g., clicking, typing), cognitive decisions (e.g., choosing options), and system
feedback (e.g., notifications).
4. User Goal: Task models link tasks to the goals or objectives that users want to achieve. This ensures that the design
focuses on facilitating goal attainment.
5. Dependencies and Constraints: Task models can show dependencies and constraints between tasks. For example, some
tasks may need to be completed before others can start.
What are some common task
analysis methods?
1. Hierarchical Task Analysis (HTA)
2. Cognitive Task Analysis (CTA)
3. Time-and-Motion Study
4. Critical Incident Technique
5. Naturalistic Observation
6. Use Case Analysis
What are some of the
challenges of conducting
task analysis
Conducting task analysis is a valuable process for understanding how users interact with a system or product, but it comes
with several challenges. Some of the common challenges of conducting task analysis include;

1. Complexity of Tasks: Tasks can range from simple, well-defined actions to complex, multifaceted processes. Analyzing and
documenting these tasks accurately can be challenging, particularly when tasks involve numerous subtasks and dependencies.
2. Subjectivity: Task analysis often relies on input from users, experts, or observers. Different individuals may have varying
perspectives on how tasks are performed, leading to subjectivity in the analysis.
3. Limited Access to Users: Access to actual users can be restricted, especially in industries like healthcare or aerospace,
where tasks may be sensitive or involve classified information. Limited access can hinder data collection.
[Link] Technologie: Rapid advancements in technology can make task analysis obsolete or necessitate frequent updates.
Analyzing tasks for emerging technologies may also be challenging due to the lack of established methods.
Give an example of a real world task and
conduct a basic task analysis for it? What
steps would you follow

"Booking a flight online"


Task Analysis for Booking a Flight Online:
Step 1: Define the Task
Identify the goal: To book a flight online
.
Step 2: Identify the User
Persona: Frequent Business Traveler
Goal: To book a round-trip flight for a business trip from New York to Los Angeles.
Continu..
Step 3: Break Down the Task
Step 3.1: User Authentication
Action: Log in or create an account.
Decision: Choose between logging in or signing up.
Interaction: Enter username and password or complete a registration form.
Step 3.2: Flight Search
Action: Input flight details.
Decision: Specify travel dates, destinations, class, and passenger information.
Interaction: Fill in departure and arrival airports, select dates, choose class (economy, business), specify the number of
passengers.
Step 3.3: Search Results
Action: Review flight options.
Decision: Compare flights based on price, duration, and airline.
Interaction: View a list of available flights with details, including price, departure/arrival times, layovers, and airline.
Continu..
Step 3.4: Flight Selection
Action: Choose a flight.
Decision: Select a specific flight that meets requirements.
Interaction: Click on the desired flight option.

Step 3.5: Passenger Information


Action: Enter passenger details.
Decision: Provide passenger names, contact information, and any special requests.
Interaction: Fill out passenger information forms for all travelers.

Step 3.6: Payment and Booking


Action: Make a payment and complete the booking.
Decision: Choose payment method, enter payment details, and review the booking.
Interaction: Enter credit card information or select an alternative payment method. Review booking details.
Continu..
Step 3.7: Confirmation
Action: Confirm the booking.
Decision: Verify booking information and confirm the purchase.
Interaction: Receive a booking confirmation with a booking reference and details.

Step 4: Evaluate and Improve


After conducting the task analysis, designers should evaluate the usability of each step, gather user
feedback, and make improvements to enhance the user experience. This might involve simplifying the
user interface, providing clear instructions, and ensuring error recovery options are available.
QUESTION 4:
INTERACTION DESIGN
What is Interaction Design, why is it a critical component of user-
centered design processes
Interaction Design is a multidisciplinary field  Meet Accessibility Standards
that focuses on creating meaningful and
engaging interactions between users and digital  Creating Intuitive Interfaces:
products.  Facilitating User Goals
why is it a critical component  Enhancing Usability
 EnhanceUserSatisfaction  Promoting Consistency:
 Boost Engagement:  Empowering Engagement:
 Reduce Errors and Confusion:
 Support Business Goals:
What are the key principles of interaction design
Consistency: Ensure that similar elements behave Simplicity: Keep interfaces simple and
in similar ways. This helps users predict what will uncluttered. Only include necessary elements
happen based on their previous interactions to avoid overwhelming users4.
Visibility: Make important elements visible and Affordance: Design elements should suggest
accessible. Users should not have to search for their functionality. For example, buttons should
critical functions
look clickable5.
Feedback: Provide clear feedback to users about
what action has been taken and what the result is. Learnability: Make it easy for users to learn
This can be visual, auditory, or tactile how to use the interface. This can be achieved
through intuitive design and clear instructions6.
Flexibility and Efficiency: Allow users to
customize their experience and provide shortcuts Error Prevention and Recovery: Design to
for experienced users. prevent errors and provide easy ways to
recover from them. This includes clear error
messages and undo options7.
difference between Interaction Design and User Interface (UI)
Design
What are the interaction design methods and techniques

 User Research • Usability Testing


 Contextual Inquiry. • Moderated Testing
 User Interviews and Surveys • Interaction Patterns
 Personas and Scenarios: • Cognitive Psychology Principles
 Wireframing and Prototyping
How would you design a user interface for a new mobile app that
allows users to track their fitness goals
1. User Research and Personas [Link] eg Simplicity:
• Identify Target Users ,Consistency,Accessibility,Feedback:
• Create User Personas: 5. VisualDesign eg Color Scheme,Typography,
Icons and Imagery.
2. Wireframing and Prototyping
6. User Testing
• Sketch Initial Ideas:
• Conduct Usability Tests:
• Create Wireframes:
• Iterate
• Prototype:
7. Launch and Monitor
3. Key Features and Screens
• Beta Testing:
• OnboardingDashboard
• Monitor Usage
Different types of user interfaces how Interaction Design (IxD) varies for each
1. Graphical User Interfaces (GUIs) 2. Voice User Interfaces (VUIs)

Example: Desktop and mobile apps, Example: Voice assistants like Siri, Alexa,
websites. Google Assistant.

Interaction Design Considerations: interaction Design Considerations:


Focus: Designing clear, concise
Focus: Layout design, navigation flows, conversational flows.
user feedback through visual elements.
No Visual Feedback: Since there are no
Visual Hierarchy: Organizing elements buttons or visual cues, it's essential to provide
(buttons, menus) clearly so users can audio feedback or verbal confirmations ("Okay,
intuitively navigate. playing your playlist").
Consistency: Maintaining uniformity in Error Handling: Ensuring the system can
design patterns (e.g., button styles, icon handle misunderstandings or unclear
placements) across different screens. commands with prompts like, "Sorry, I didn’t
understand. Can you try again?
Continu..
3. Gesture-Based Interfaces 4. Tangible User Interfaces (TUIs)
Example: Touchscreens, gaming systems Example: Smart home systems (e.g.,
(e.g., Nintendo Switch, Kinect), VR/AR devices. Nest thermostat), physical computing
Interaction Design Considerations: devices.

Focus: Defining intuitive gestures (e.g., Interaction Design Considerations:


swiping, pinching, rotating) for specific actions.
Focus: Designing physical objects that
Physical Feedback: Visual and possibly haptic map naturally to digital actions.
feedback (vibration) to confirm user actions.
Feedback: Users need immediate
Learning Curve: Some gestures may not be feedback when interacting with physical
immediately obvious, so tutorials or hints might objects (e.g., a dial click or a light change
be needed. when adjusting settings).
How Wireframing and Prototyping Aid in Early
Design Exploration and User Testing
1. Early Design Exploration 2 User Testing
Wireframing: Wireframing:
• Visualizes Layout • Early Feedback
• Facilitates Discussion • Usability Insights
• Identifies Requirements Prototyping:
Prototyping: • Interactive Testing
• Simulates Interactions • Realistic Scenarios.
• Refines Concepts • Iterative Refinement
QUESTION 5: USABILITY
AND EVALUATION
Explain the concept of usability and its components
(effectiveness, efficiency, satisfaction)
Usability refers to ensuring that interactive products are easy to learn, effective to use, and
enjoyable from the user’s perspective
Effectiveness: Refers to the accuracy and completeness with which users achieve their goals
Efficiency: Measures how quickly users can complete tasks. An efficient system enables users
to achieve their objectives with minimal time and effort.
Satisfaction: Indicates the user's comfort and positive attitudes towards using the system.
key principles of usability.

 Learnability: refers to how easy a system is to learn to use.


 Memorability: refers to how easy a product is to remember how to use, once learned.
 Error Tolerance: How well the system prevents errors and how easy it is for users to
recover from them.
 Flexibility: The system's ability to accommodate a range of user preferences and abilities.
 Consistency: Ensuring uniformity in design,
How can usability be measured
What are the different types of usability
Usability can be measured using various metrics testing
Task Completion Rate: The percentage of
tasks users can complete successfully.  Moderated Usability Testing
Time on Task: How long it takes for a user to  Unmoderated Usability Testing
complete a task.
 Remote Usability Testing
Error Rate: The number of errors users make
 A/B Testing
while interacting with the system.
 Eye Tracking
User Satisfaction: Typically measured using
surveys like the System Usability Scale (SUS)
or other user feedback forms.
Learnability: Measured by how quickly a user
can learn to use the system
What is heuristic evaluation, and how can it be used to assess usability in HCI
design?

Discuss the differences between formative and


summative usability testing. Provide examples of
Heuristic evaluation refers to a usability each.
inspection method used in Human-Computer
Interaction (HCI) design where evaluators review Formative Usability Testing: Conducted
a user interface against a set of predefined during the development phase to identify and fix
usability principles, or heuristics usability issues early on.
how can it be used to assess usability in HCI Example: Testing wireframes or prototypes to
design? refine the user interface.
identify usability problems such as
Summative Usability Testing: Conducted after
 error prevention the system is fully developed to evaluate its
 system feedback, overall usability.

 user control so that they can be addressed to Example: Testing a finished product to assess
improve the design its effectiveness, efficiency, and satisfaction.
What are the challenges of conducting usability testing?

What are the challenges of conducting usability testing?


Recruiting Participants: Finding representative users who match the target audience can be
difficult.
Cost and Resources: Usability testing can be resource-intensive, requiring time, money
Test Environment: Creating a realistic environment that replicates actual use can be
challenging
Observer Bias: Facilitators or observers may unintentionally influence participants
Balancing Detail and Scope: Testing too many aspects at once can overwhelm users and
dilute feedback, while focusing too narrowly may miss broader issues.
What are the advantages and disadvantages of remote usability
testing compared to in-person testing
Advantages of Remote Testing: Disadvantages:
• Accessibility to a larger and more diverse • Lack of direct observation and interaction,
audience. which could have resulted into richer insights
• Remote testing scales better and is more for example non-verbal cues.
practical for global user testing across • Technical issues can arise when relying on
multiple timezones participants' devices and environments
• Cost-effective as it eliminates
• technical issues such as internet connectivity
• Flexibility for participants to test in their own might interfere with the process
environment and time zone
• lack of control over external factors, such as
• Remote usability testing allows users to test distractions
products in their natural environments, which
can provide more realistic data.
• Convenient for customers to participate in.
QUESTION 6:Usability Testing and
Cognitive Walkthroughs
Compare and contrast usability testing and cognitive walkthrough as evaluation methods. When might one be preferred over the other.
Aspect Usability testing Cognitive Walkthrough
To observe real users interacting To predict potential usability
with the system to identify usability problems based on the analysis of
Purpose issues and gather performance data. task flows and user learning.

Focus User performance, user satisfaction, Learnability and task completion


errors, time taken to complete tasks. from the perspective of a new or
inexperienced user.
Participants Real users of the system. Experts or designers simulating a
new user’s experience
When Used Typically in later stages of During early stages of design to
development, during prototyping, or assess the intuitiveness of a system.
before release.
Data Collection Methods Observations, interviews, Step-by-step analysis based on
questionnaires, and performance predefined scenarios and heuristic
metrics. guidelines.
When might one be preferred over the
other?
Userbility testing Cognitive Walkthroughs:
When Real User Feedback is Early Design Evaluation
Required For Assessing Learnability
Assessing Overall Usability
No Access to Real Users
Post-Development Evaluation
Task Analysis Focus
Identifying Unexpected Issues
Budget and Time Constraints
How can analytics data be used to evaluate user
behavior on a website or app? Provide an example.
Tracking Key Metrics:
Example
Number of Visits Indicates overall site traffic and helps
measure the impact of marketing efforts. A retail website uses Google Analytics and
Optimizing the User Experience:
discovers that the "Product Details" pages
receive a high number of visits, but users
Data on device usage (mobile vs. desktop) can guide spend very little time on these pages and
responsive design improvements. quickly leave the site (high bounce rate).
 Identifying Behavior Patterns:
Analyzes which pages are frequently visited,
revealing popular content and navigation flows.
 Resource Allocation and Feature Development:
Determines which features are frequently used and
which ones are redundant.
Advantages and disadvantages of remote
usability testing compared to in-person testing?
The disadvantages of remote
The advantages of remote testing include; testing include
It is more accessible to a larger and more diverse Lack of direct observation and interaction, which
audience. could have resulted into richer insights for example
non-verbal cues.
Remote testing scales better and is more practical for
global user testing. Technical issues can arise when relying on
Cost-effective as it eliminates travel or location expenses. participants' devices and environments

Flexibility for participants to test in their own technical issues such as internet connectivity might
environment and time zone. interfere with the process
Remote usability testing allows users to test products in lack of control over external factors, such as
their natural environments, which can provide more distractions
realistic data.
It is more convenient for customers to participate.
Explain the concept of a "thinking-aloud" protocol in
usability testing. How does it benefit the evaluation
process?
Thinking-aloud" protocol is a usability testing method where users verbalize their
thoughts while interacting with a system.
This approach helps evaluators understand why users make certain choices,
Identify confusion points,
Observe their problem-solving strategies
Identifying hidden usability problems that might not be evident through observation alone​
Improves Communication:
Evaluates Learnability:
Captures Emotional Reactions:
Reveals real-time insights into user expectations, decision-making processes, and areas of confusion.
What role does A/B testing play in evaluating and
improving the user experience of a website or
software application
A/B testing is a method used to evaluate two versions of a product design
(version A and version B) by randomly presenting them to different user
groups and comparing the outcomes.
A/B testing helps determine which version performs better on metrics
useful for making data-driven decisions in areas like web design, social
media
it allows designers to test small changes such as layouts or wording on large user groups
Optimizes user experience
Focuses on measurable metrics
Evaluates design variations.

You might also like