Emerging Interaction Design Trends

3,071 views

Published on

A talk by Sarit Arora of Yahoo for Design Fridays at Mindtree

Published in: Design, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,071
On SlideShare
0
From Embeds
0
Number of Embeds
1,384
Actions
Shares
0
Downloads
25
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Emerging Interaction Design Trends

  1. 1. Emerging UXtrends and practices Sarit Arora Y! design, Yahoo!
  2. 2. CreateMagicalExperiences
  3. 3. “Magic disrupts the notion of reality. It elevates good design into great design” Margaret Gould Stewart, Ex Director of UX ( Youtube)
  4. 4. Part of Instagrams success is due to the set a set of filters it offers that"empowers creativity and make photos that are more interesting,"The service also provides a platform for a user community to share theirwork, "so photos dont languish on your phone,"
  5. 5. When in the history of Mankind we have written 3 million letters in a minute? Internet has changed the way we communicate
  6. 6. Were producing content at an alarming rate. How do you know whichcontent is important for you while there are so many distractions?Pinterest allows users to curate content, which is an increasinglyessential way of sharing information.
  7. 7. al, Evolution of the Design Function on oti line, Em On es al, l, ac ct ion gica s Pl er ce un cholo cros F y A s Us rien n Ps fline, vice p e ig n in Of d De Ex Des 2B1.5 B p t im co Firs mili se 50 sio res nds an U X tic – Holis Screen It Works !! hink e T nd th l Lets understa nd Lets improve Beyo ua how users us e productivity Vis sign 1B our systems ! De d er e ent n rC g500M Use Desi Interaction Design HCI 1900 1995 2000 2005 2009 C2C B2C B2B
  8. 8. Evolving Nature of UX ComplexityUser Profiles are vast and wide.
  9. 9. Evolving Nature of UX ComplexityIn today’s context, designs should handle emotions and trustUnderstanding workflows and task flows is not enough
  10. 10. Evolving Nature of UX ComplexityChanging Consumer BehaviorTraditional Navigation and Interaction Paradigms are changing. “Moving beyond top and leftNav’s”
  11. 11. Evolving Nature of UX ComplexityChanging Consumer BehaviorSocial Networks preferred over email for informal communication
  12. 12. Evolving Nature of UX ComplexityChanging Consumer BehaviorThese users are using multiple devices, sometimes to do the same tasks
  13. 13. Evolving Nature of UX ComplexityChanging Consumer BehaviorThese users are using multiple devices, sometimes to do the same tasks “Over 70% of tablet owners and 68% of Smartphone owners say they use their devices while watching TV – much of the time to look up content about a show, piece of news, that they are watching.”
  14. 14. Evolving Nature of UX ComplexityChanging Consumer BehaviorPeople start their Online lives with a Mobile, not a PC
  15. 15. Evolving Nature of UX ComplexityChanging Consumer BehaviorIn some cases the people start their online lives by a Tablet :)
  16. 16. How do you create MagicalExperiences in this new world?
  17. 17. Understand the Contextand then create the Concept
  18. 18. Self Actuation Self Esteem Social Belonging Security and Safety PhysiologicalMaslow : Hierarchy of needs
  19. 19. Meaning Emotional RationalDesigning and Innovating on Rational, Emotional and Meaningful values
  20. 20. MeaningEmotionalRational
  21. 21. Preliminary Emotional design principlesDesign the ‘feeling’Always alive!SurpriseIntrigueFun
  22. 22. Preliminary Rational design principlesSimple, Clean,Consistent, Understandable, FocusedInteractions and HierarchiesEfficient, Friendly, User ControlObvious, Intuitive, Useful
  23. 23. MeaningEmotional Love at First Sight Rational
  24. 24. IntriguingAspirational Fun
  25. 25. Designing for Persuasion Emotions Trust
  26. 26. Want to Deactivate ?Emotional Blackmail !!
  27. 27. Search for a bookWorkflow Diagram No Emotion flow DiagramOrdering a book online Found the right book Is the Book Good? Yes Is the Publisher good? Select the right book Author?? Add to cart Checkout Will I get spam mails? Sign up No Member Do I really have to register? Yes Log in Shipping Summary Is it secure? Payment Do I have to enter Credit Card details? No Confirmed
  28. 28. MeaningEmotionalRational
  29. 29. Meaningful ValuesHelps aspirations of individualsSupports pride of ownership and accomplishmentSelf Expression / opinion sharingMechanisms to remember the experienceConnects you to an affinity groupDeep User insights through User Research
  30. 30. As we move from B2B - B2C - C2C Think HumanRational - Emotional - Meaningful Design and Innovation
  31. 31. Detailed Data User Conceptual Design Meaning Design & Analytics andResearch Prototyping Feedback Emotional Evaluation Concept and Evaluation Testing Rational
  32. 32. However, is it enough to just do user centereddesign to succeed as a product or a service? TE BUSINESS S C TECHNOLOGY ES HN VALUE SIN possible O BU LO profitable manufacturabl G go to market e Y ecosystem Successful cost Products & Business Emotional USAGE USER & VALUE DESIGN Relevance(exists(at( useful usable Rational the(intersec/on ( desirable
  33. 33. Standard Waterfall model of innovation Users Needs/ Aspirations Design Exploration Emotional Technology Feasibility Rational Business Potential
  34. 34. A Multi Disciplinary Approach the creation of multiple possibilities and the application of directions to satisfy core developments Design those desires Thinking Users Needs/ Opportunity Technology Aspirations Spaces Feasibility Business the opportunity for understanding our Objectives future customers, their sustainable commercial needs and desires development and profit
  35. 35. Also... Think Ecosystems !
  36. 36. Also... Think Ecosystems !
  37. 37. Within the Ecosystem, consider the interactionsbetween…Environments and ArtifactsUser Persona’sThe important interactions are communicated through Scenarios.
  38. 38. Environments!!!Bank!Shop!!!!!!!!!!!!!!!!!!!!!!!!!!!Branch!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!ATM!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!0n!the!Move!
  39. 39. When you know the context, how to movetowards the concept?Leverage the scenariosSelect the right Navigation structureLeverage emerging design patterns and InteractionsDesign with multiple screens in mind, with simple rule of mobile first !
  40. 40. Select the right Navigation Structure
  41. 41. When you know the context, how to movetowards the concept?Leverage the scenariosSelect the right Navigation structureLeverage emerging design patterns and InteractionsDesign with multiple screens in mind, with simple rule of mobile first !
  42. 42. Leverage emerging design patterns and interactions
  43. 43. Leverage emerging design patterns and interactions
  44. 44. Leverage emerging design patterns and interactions
  45. 45. Leverage emerging design patterns and interactions
  46. 46. Leverage emerging design patterns and interactions
  47. 47. Leverage emerging design patterns and interactions
  48. 48. Leverage emerging design patterns and interactions
  49. 49. and create, some of your own.... NUI
  50. 50. When you know the context, how to movetowards the concept?Leverage the scenariosSelect the right Navigation structureLeverage emerging design patterns and InteractionsDesign with multiple screens in mind, with simple rule of mobile first !
  51. 51. Designing for the multiple device world...Changing Technology TrendsDevices, Apps, HTML 5
  52. 52. Designing for the multiple device world...Design for devices is more than just “apps”
  53. 53. Designing for the multiple device world...Responsive UI
  54. 54. Example: Yahoo! Cricket
  55. 55. Example: Yahoo! Cricket
  56. 56. Example: Yahoo! Cricket
  57. 57. Future is here....companion apps
  58. 58. So how does it all come together...Design magical experiencesUnderstand the Context and then design the ConceptFor the context, think REM - Rational, Emotional and MeaningfulContext is not isolated, Think EcosystemsFor concept, always pick interactions for the context, leading to magicalexperiences
  59. 59. Thank You!

×