ixd & ux design - personifying digital interactions
TRANSCRIPT
JAYAN NARAYANAN
personifyingdigital
interactions!
by interacting
started civilising and socialising...
all over when we civilised
started calligraphy & painting
made life to progress
history made way to science
“hello helloo!!!”
made our voice travels great distances
moving pictures became part of life
when TV came home
computers came to our rescue
human capacity saturated
rolf, omg, lol,fyi,asap...world became small
internet made us connected
wirefree interacting with new life
Yo, life is all digital ...
welcome to digi world
welcome to the world where technology
changed the way we live
welcome to the world
where social media changed
the way we communicate
when our interactions
become digital, technology become a
commodity
AI made sytems directly start interacting
with humans. interactions
become highly complex
interactionszzz, complexaaaa!ohhh really?
face-to-face just works ... is tht sooooo??
even all the cues are there ...Imagine its german and french
complex to complex ... when the visual cue is missing
leads toemotionally “athyachaar”
first wife becomessystems & software!
user experiance design (UXD)
“when technology becomes commodity, the driving factor
for excellence became user experience”
User experience design (UXD) is the process of
enhancing customer satisfaction and loyalty by
improving the usability, ease of use, and pleasure
provided in the interaction between the
customer and the product
UserExperienceDesign (UX)
UsabilityContent
User Interaction
Design
User Interface Design
THE SURFACE - visual design / UI
THE SKELETON - wire-frame, interaction patterns, global navigation system
THE STRUCTURE - information architecture, defining content ...
THE SCOPE - functionality, usefulness, requirements ...
THE STRATEGY - business requirements, defining user needs, goals and aspirations ...
userinterface design (UID)
“apart from guiding user to complete the task, UI set a
comfortable mood and visual context to the interaction”
User Interface Design (UID) is a process of visually guiding
the user through a product’s interface via interactive elements
and across all sizes/platforms. UID is responsible for the
transference of a brand’s strengths and visual assets to a
product’s interface as to best enhance the user’s experience
gestalt psychology
gestalt psychology or
gestaltism is a theory of
mind. Gestalt psychology
tries to understand the laws
of our ability to acquire
and maintain meaningful
perceptions in an apparently
chaotic world.
interaction design (IxD)
“It is not just about the Interface and how it interacts.
it is about the behaviour of people”
interaction design (IxD) is “about shaping
digital things for people’s use”, alternately defined as
“the practice of designing interactive digital products,
environments, systems, and services.”
en.wikipedia.org/wiki/Interaction_design
#1D words
#2D visual representations
#3D physical objects or space
#4D time
#5D behavior
5 dimensions of interaction design
words defines the interactions
visual representations are the things that the user interacts with on the interface
it defines the space or objects “with which or within which users interact”
the time with which the user interacts with the interface
the behavior defines the users actions reaction to the interface and how they respond to it
how to do?how you feel?how do you know?
aestheticsanticipationautonomyconsistencycontinuity
learnabilitysimplicitydiscoverabilityinfo hierarchycolours & mood
emotion
humanintelligence
language
thinking & problem solving
attention & memory
persuaption
cognitive psychology
cognitive psychology is the
study of mental processes
such as attention, language
use, memory, perception,
problem solving, creativity,
and thinking. the main focus
is on the mental processes
that affect behavior
understandingthe role of emotions
“As Donald Norman says emotions have a crucial
role in the human ability to understand the world, and how they learn new things”
Emotional design is considering the emotions and
leveraging the responses as part of design process
and to produce a particular experience for the user of
the products / services by its design.
http://en.wikipedia.org/wiki/Emotional_Design
aestheticsanticipationautonomyconsistencycontinuity
learnabilitysimplicitydiscoverabilityinfo hierarchycolours & mood
emotionvisceral level behavioral levelreflective level
visceral
behavioral
reflective
Is about initial reactions & immediate emotional impact
Can be studies quite simple by putting people in front of a design and waiting for reactions
Has to be a fundamental part of the design process
Is all about use. Function comes first in this level
Applying user-centered design, focusing upon understanding & satisfying the needs of the users
Is all about the message, culture, the meaning of the product or its use
Evoking personal remembrance, Self-image
All about long-term customer experience
htt
p://
sara
ow
s.w
ikis
pac
es.c
om
sensorialdesign
sensorial design aims
to establish an overall
diagnosis of the sensory
perceptions of a product,
and define appropriate
means to design or
redesign it on that basis
personifiedinteractions
“experiences evoke emotions and emotions becomes memorable. personified digital engagment
brings brand loyalty”
audience
context
accessibility & language
visibility & legibility
purpose
user-centered design
user-centered design
(UCD) is a process in which
the needs, wants, and
limitations of end users
of a product, service or
process are given extensive
attention at each stage
of the design process.
micro-copy a helping
friend
# examples of mico-copy
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
micro-interactions
establish positive emotional
connections
The difference between about the product you love and the
one you tolerate are often micro interactions. It is those little
delightful experiences.
embed delightful touch pointsin interactions!
delightful interactionsgetting viral!
