IxD & UX Design - Personifying Digital Interactions

Download IxD & UX Design - Personifying Digital Interactions

Post on 16-Jul-2015




0 download

Embed Size (px)





  • 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


  • 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)


    User Interaction


    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 products interface via interactive elements

    and across all sizes/platforms. UID is responsible for the

    transference of a brands strengths and visual assets to a

    products interface as to best enhance the users 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 peoples use, alternately defined as

    the practice of designing interactive digital products,

    environments, systems, and services.


  • #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?


    learnabilitysimplicitydiscoverabilityinfo hierarchycolours & mood


  • humanintelligence


    thinking & problem solving

    attention & memory


    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.


  • aestheticsanticipationautonomyconsistencycontinuity

    learnabilitysimplicitydiscoverabilityinfo hierarchycolours & mood

    emotionvisceral level behavioral levelreflective level

  • visceral



    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










  • 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


    accessibility & language

    visibility & legibility


    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


  • # examples of mico-copy

  • #1

  • #2

  • #3

  • #4

  • #5

  • #6

  • #7

  • #8

  • #9

  • #10

  • micro-interactions

    establish positive emotional


  • 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!

  • thank you!Jayan Narayanan