1. JAYAN
NARAYANAN
personifying
digital
interactions!

2. by interacting
started civilising and socialising...

3. all over when we civilised
started calligraphy & painting

4. made life to progress
history made way to science

5. “hello helloo!!!”
made our voice travels great distances

6. moving pictures became part of life
when TV came home

7. computers came to our rescue
human capacity saturated

8. rolf, omg, lol,fyi,asap...world became small
internet made us connected

9. wirefree interacting with new life
Yo, life is all digital ...

10. welcome
to digi
world

11. welcome to the
world where
technology
changed the
way we live

12. welcome to
the world
where social
media changed
the way we
communicate

13. when our
interactions
become digital,
technology
become a
commodity

14. AI made
sytems directly
start interacting
with humans.
interactions
become highly
complex

15. interactionszzz,
complexaaaa!
ohhh really?

16. face-to-face just works ... is tht sooooo??

17. even all the cues are there ...Imagine its german and french

18. complex to complex ... when the visual cue is missing

19. leads to
emotionally “athyachaar”

20. first wife becomes
systems & software!

21. user
experiance
design (UXD)

22. “when technology becomes
commodity, the driving factor
for excellence became
user experience”

23. 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

24. User
Experience
Design (UX)
UsabilityContent
User
Interaction
Design
User
Interface
Design

25. 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 ...

26. user
interface
design (UID)

27. “apart from guiding user to
complete the task, UI set a
comfortable mood and visual
context to the interaction”

28. 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

29. 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.

30. interaction
design (IxD)

31. “It is not just about the
Interface and how it interacts.
it is about the behaviour
of people”

32. 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

33. #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

34. how to do?
how you feel?
how do you know?
aesthetics
anticipation
autonomy
consistency
continuity
learnability
simplicity
discoverability
info hierarchy
colours & mood
emotion

35. human
intelligence
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

36. understanding
the role of
emotions

37. “As Donald Norman says
emotions have a crucial
role in the human ability to
understand the world, and
how they learn new things”

38. 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

39. aesthetics
anticipation
autonomy
consistency
continuity
learnability
simplicity
discoverability
info hierarchy
colours & mood
emotion
visceral level
behavioral level
reflective level

40. 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
http://saraows.wikispaces.com

41. sensorial
design
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

42. personified
interactions

43. “experiences evoke emotions and
emotions becomes memorable.
personified digital engagment
brings brand loyalty”

44. 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.

45. micro-copy
a helping
friend

46. # examples of mico-copy

47. #1

48. #2

49. #3

50. #4

51. #5

52. #6

53. #7

54. #8

55. #9

56. #10

57. micro-
interactions
establish positive
emotional
connections

58. The difference between about
the product you love and the
one you tolerate are often micro
interactions. It is those little
delightful experiences.

59. embed delightful touch points
in interactions!

60. delightful interactions
getting viral!

61. thank you!
Jayan Narayanan
jayan.narayanan@gmail.com