0% found this document useful (0 votes)
51 views29 pages

01 Foundations of HCI

Uploaded by

qurratulainnn19
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)
51 views29 pages

01 Foundations of HCI

Uploaded by

qurratulainnn19
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
You are on page 1/ 29

TMS2843

Human-Computer Interaction (HCI)


by Irwandi Hipiny
• Course learning outcomes:

• Assessments:
• Human-Computer Interaction (HCI) is a multidisciplinary field focusing on
the design, evaluation, and implementation of interactive computing systems
for human use.
• It encompasses the study of how people interact with technology and how to
design systems that let people do what they need and want to do, effectively
and efficiently.
• HCI draws upon knowledge from computer science, cognitive psychology,
design, and other fields to develop theories, principles, and guidelines for
user interface design.
• By understanding the needs and behaviors of users, HCI aims to create
intuitive and user-friendly interfaces that enhance the overall user
experience.
Clean design
No longer confined to “traditional” computers …
Wearable computers – physical
I/O devices are not needed.
Wearable computers – who needs a screen?
Computers everywhere!
… in 5-8 years?
• In this course, we’ll learn:
• Theory – human behavior/preference.
• Analysis – tools for validating HCI systems.
• Design – just a tiny bit. : )
Focus is more on computer
Brief History of HCI functionalities/utilities.

Utilitarian I/O (light pens and punch


Early versions of GUI. cards).

Computer mouse was invented.

GUI becomes more popular.

Becomes the de facto way of


interacting with personal
computers.
The term HCI is coined by Card,
Brief History of HCI Moran and Newell.

HCI becomes an academic topic.

WWW was invented.

User-centered HCI.

Non-traditional I/O devices become


popular, e.g., touchscreens, motion-
sensing input devices, et cetera.
Brief History of HCI
Touchscreens replaces mouse-
keyboard combo as the primary I/O
device.

Wearable displays.

AR/VR, voice interfaces, gesture


recognition and ML matured.

AI and IoT.
Importance of HCI in Technology Design
• HCI focuses on creating interactive systems that enhance the user
experience, improve usability, and prioritize the needs of the end user.
o By understanding human behavior, psychology, and cognitive
processes.
Importance of HCI in Technology Design
• HCI is crucial in ensuring that technology aligns with the
needs and abilities of its users:
o Accessible to diverse users, including those with
disabilities.
o Minimize user errors.
o Reduce cognitive load.
o Enhance productivity.
Activity 1:

Pick ONE (1) online system in UNIMAS.


• What are the main concerns/issues of the system that are
HCI-related?
Important terms in HCI
• User Interfaces (UI). Button, image-
• User Experience (UX). everything u can see

• Usability. What u experience


User Interfaces (UI)

• UI refers to the visual elements of a product with which users interact. It includes everything
that users see, hear, and interact with on the screen, such as buttons, menus, icons, images,
colors, typography, and layout.

• UI directly impacts the user's ability to navigate, comprehend, and efficiently use the software or
system.

• UI design involves elements like graphic design, typography, iconography, color theory, and
layout design. It focuses on the look and feel of the product's interface.
User Interface Types

Graphical User Interfaces (GUI) Voice User Interfaces Gesture-Based User Interfaces
(VUI)
User Experience (UX)

• UX encompasses the overall experience that users have while interacting with a product. It
involves understanding users' needs, preferences, behaviors, and emotions throughout their
interaction with the product.

• The goal of UX design is to create products that are user-centered, functional, usable, and
delightful. It involves designing the entire user journey, from the first interaction with the
product to the final goal, considering every touchpoint and interaction.

• UX design includes activities such as user research, user testing, wireframing, prototyping,
information architecture, and usability testing. It focuses on understanding users' motivations
and designing products that meet their needs effectively.
UI vs UX
UI UX
oading”
Text “L

Animated progress bar


Usability

• Usability refers to the ease of use and effectiveness of an HCI in achieving its intended goals for
its users.

• It encompasses various aspects of user experience, focusing on how easily and efficiently users
can interact with the HCI to accomplish their tasks.
Usability – what are we measuring?

User-Friendly Design Accessibility Efficiency


User-friendly design is a Accessibility plays a crucial role in Efficiency is a key component of
fundamental aspect of usability. A usability. It involves designing usability, emphasizing the ability of
user-friendly design reduces the products and interfaces that are a system to accomplish tasks with
learning curve, enhances user accessible to all users, including minimum effort and maximum
satisfaction, and contributes to the those with disabilities. effectiveness.
overall usability of a product or
system.
Considerations when designing an HCI
• Accessibility: Ensuring that technology is accessible to all users, including those with disabilities. This involves
designing interfaces and interactions that accommodate a wide range of abilities and disabilities, such as visual
impairments, motor disabilities, and cognitive impairments.
• Ethical Considerations: Addressing ethical implications of technology design, including privacy, data security,
and potential societal impact. It involves considering the ethical responsibilities of designers and the impact of
technology on individuals and society as a whole.

• Cultural Sensitivity: Recognizing and respecting diverse cultural perspectives and behaviors in technology
design. This includes understanding the cultural backgrounds of users and adapting interfaces to be inclusive and
respectful of different cultural norms and values.
Some reflections
• HCI has a focus on understanding existing practices – what people do, why they do it, how they do it – and
appreciating these. Technology supports and augments rather than replaces.
• HCI avoids blaming users for errors and failures – it’s about understanding why errors occur, how systems can be
better designed to avoid these.
• HCI is about trusting users – if they are saying something is not working for them, investigate it, fix it.
Q&A

You might also like