HCI PRELIM

BS IT 1-3

LESSON 1 : HCI Human-Computer

Interaction

HCI- defined by the Special Interest Group

on Human-Computer Interaction (SIGCHI)
of the Association for Computing
Machinery (ACM)
- Human-Computer Interaction is a
discipline concerned with the design,
evaluation, and implementation of
interactive computing systems for
human use and with the study of the
major phenomena surrounding
them.”
- HCI) is a cross-disciplinary area (e.g.,
engineering, psychology,
ergonomics, and design) that deals
with the theory, design,
implementation, and evaluation of
the ways that humans use and
interact with computing devices
HCI - is the study of how people interact with
computers and to what extent computers
are or are not developed for successful
interaction with human beings.
Interaction design (ID)- is: “the design of
spaces for human communication and
interaction”
GOALS OF HCI
Human Memory
Sensory Memory- Sensory memories are the
memories which are stored for tiny time
periods and which originate from our
sensory organs (such as our eyes or our
nose). They are typically retained for less
than 500 milliseconds.
Short-Term Memory - This capacity of short
term memory can be increased by a
process known as chunking
Long Term Memory- a long-term memory to
evolve through a meaningful association in
the brain. For example, we know that a
static shock is painful even if we are only
shocked once. It doesn’t take repeated
shocks to memorize that
Visual Sensory memory- memory is often
known as iconic memory. Sensory visual
memories are the raw information that the
brain receives (via the optic nerve) from
the eye. We store and process sensory
memories automatically – that is without
any conscious effort to do so

• Safety
• Utility PSYCHOLOGY OF COLORS
• Effectiveness
• Efficiency
• Usability Psychology colors- is the study of how
• Appeal (application) colors affect your behavior, mood, and
impression on others. Research shows that
colors can greatly affect our moods and
the way other people respond to us.
Amazingly, colors can even change our
heart rate, blood pressure, and respiration
RED - Associated with energy,
war, danger, strength, power,
determination as well as
passion, desire, and love.
BLUE - In contrast to its sister primary color,
red, blue is associated with a calm serenity
over intensity or passion. When asked to
visualize a tranquil scene, chances are
people will immediately imagine a great
deal of blue – usually in the form of a still
body of water
GREEN - Green is the primary color
that hints at our primitive
relationship with the first creation
of the world – nature. Considered
the key color that represents purity, health,
and freshness, green has been traditionally
associated with brands that encourage
growth, vitality, and productivity (think
Starbucks and EverNote!).
ORANGE- It combines the energy
of red and the happiness of
yellow. Associated with joy,
sunshine, and the tropics.
Yellow - It Associated with joy,
happiness, intellect, and energy. It
is known that babies cry more in
yellow rooms.
Pink - One of the gentlest and
yet most contradictory colors
out there, pink is a color that
varies greatly depending on its
context. Making it, however, remains
simple. It is a calming, non-threatening
color. It is linked to innocence, hope, and
optimism.
Black - one of the most
complex in meaning colors
of the spectrum, we realize
that there is no set-in-stone
interpretation when it comes to this color.
Associated with power, elegance,
formality, death, evil, and mystery.
Purple - This color is associated
with royalty and wealth since
many kings wore this clothes color,
and it’s useful for presenting some luxurious
products
SOUNDS UI
Earcon- Sound can be applied to
interactions by linking an action, or a state
change, to an audio cue. and they can
represent information, actions, or events.
Their sound can reinforce both the meaning
of an interaction and a product’s aesthetic,
emotion, and personality.
Skeuomorphic- it can be designed using
either inspiration from real-world situations or
invented specifically to express an abstract
concept. Familiar sounds that are based on
experiences in the real world are referred to
as skeuomorphic.
Sound use cases- Sound can provide
feedback or add decoration to a user
experience when applied to strategic
moments.
Hero sounds- representations of a product
and brand that highlight an important
moment, evoke an emotional state, or
express celebration.
Notifcations- are prominent requests for user
attention. Their primary role is to help direct
user attention, and they provide an
opportunity to give a custom sound identity
to emphasized interactions. Because they
occur more frequently in a UI than other
sounds, they should generally be shorter
than hero sounds and crafted in a way that
is suitable for being played multiple times.
used for functional purposes, to inform users
of state changes, or to indicate infrequent
actions.
Ambient sounds- Is a decorative layer of
sound that expresses emotion while
communicating a product’s personality or
brand.
- Ambient sounds can be based on
music, environmental sounds, or other
sounds that create atmosphere.
Sounds UI- refers to the parts of your
website or app with which the user
interacts; it’s where they click, tap, type,
and swipe. In other words, it’s the interface
between human and computer interaction

Environmental factors- Notifications should

be designed to be audible from a variable
range of user distances from a product, and
in scenarios like loud environments. The
sound itself can vary to attract the focus of
the ear, using rhythmic, tonal, and
frequency variation.

Primary UX sounds- Primary UX sounds are

generated by an operating system (or
device) to provide user feedback. They can
add sound to any interaction, such as:

• Menu Navigation
• Confirming a user’s direct action
• Data input

Usage- These sounds occur more frequently

than other sounds in the UI. Because they
are repeated throughout an experience,
they should be suitable for being played
often (without feeling annoying or
redundant).

Secondary UX sounds- sounds are played

less frequently in a UI. They should reflect a
product’s personality, but they are primarily