IxD & UX Design - 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 ...
- 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
- 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
- 20. first wife becomes systems & software!
- 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
- 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 ...
- 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.
- 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
- 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
- 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.
- 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
- 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!