The Future of User Interfaces
•
26 gefällt mir•2,983 views
A challenging review of the future of user interfaces, and a plea to better focus and shun the shiny: – triangulate through experts – observe emergent behaviour – and track a range of trends. Get out the echochamber and avoid the human centipede of digital rhetoric. Listen harder with your eyes and critique better with your mind.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie The Future of User Interfaces
Ähnlich wie The Future of User Interfaces (20)
Mehr von Plan
Mehr von Plan (17)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
The Future of User Interfaces
- 1. The Future of User Interfaces ! 19 June 2014 Future of Digital Marketing 2014 ! Jason Mesut Head of User Experience, Plan Local Leader, IxDA London ! ! @jasonmesut !
- 2. ! Let’s watch some videos
- 3. Microsoft videoMicrosoft video Microsoft vision of the future
- 4. Corning — A day made of glass 2
- 6. ! How did the videos make you feel?
- 7. ! How would these future solutions work as part of your life?
- 8. ! What does your home look like?
- 9. Original iPhone ?? 2007 —Direct manipulation —Dynamic display —Rich graphics
- 10. Knob handles ??
- 11. Knob handles ??
- 12. Knob handles ??
- 13. Knob handles ??
- 14. Knob handles ??
- 15. Knob handles ??
- 16. Knob handles ??
- 17. Knob handles ??
- 18. Knob handles ??
- 19. Knob handles ??
- 20. Original iPhone ?? 2007 —Direct manipulation —Dynamic display —Rich graphics
- 21. Knob handles ??
- 22. Knob handles ??
- 23. Knob handles ??
- 24. Knob handles ??
- 25. Knob handles ??
- 26. Knob handles ??
- 27. Knob handles ??
- 28. Knob handles ??
- 29. Knob handles ??
- 30. Knob handles ??
- 31. Knob handles ??
- 32. Knob handles ??
- 33. Knob handles ??
- 34. Knob handles ??
- 35. Knob handles ??
- 36. Knob handles ??
- 38. ! Who am I to talk about the Future of User Interfaces?
- 39. 5years ! Industrial Design years ! Digital User Experience 15
- 40. 3years Local leader Interaction Design Association L o n d o n Subjects over 3 years Internet of Things Future of publishing Urban environment Smart materials Mobility / Automotive Clinical applications ! Upcoming… Smart home Music interfaces Consumer healthcare
- 41. I joined A product strategy consultancy ! We help companies work out what to do next.
- 42. I joined ! We help companies work out what to do next. Helping innovation and design teams raise their game Bringing clarity to the front end of innovation
- 43. Bringing clarity to the front end of innovation Helping innovation and design teams raise their game Consumer electronics Automotive ! Materials What should we do for our next smart phone? ! How will we engage gen Z? ! ! How can we compete with the no.1 in our category?
- 44. 2026 2027 2028 We work across a range of horizons 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 FMCG Consumer electronics Automotive Healthcare Aviation
- 45. Across a variety of challenge areas Packaging Digital Services Products Interactions Environments
- 46. So we think a lot about the future of user interfaces
- 47. Packaging Digital Services Products Interactions Environments And their relationships to those other areas
- 48. What is a User Interface?
- 49. ! User Interface
- 50. ! User Interface A human that uses something: customer, employee, citizen, parent, child
- 51. ! User Interface A human that uses something A way for a human to understand and control a machine or technology
- 53. ! What about User Experience?
- 54. User Interface ! A way for a human to understand and control a machine or technology
- 55. User Interface ! A way for a human to understand and control a machine or technology User Experience ! Perceptions and memories of interactions and events
- 56. User Interface we can design this
- 57. User Interface User Experience we can design this to affect this
- 58. User Experience Which we hope will affect Loyalty Revenue Brand Efficiency
- 59. Graphical User Interface ! Allows users to interact with electronic systems
- 60. Visual Language Motion Graphics Information Design Information Architecture Interaction Design
- 61. Visual Language Motion Graphics Information Design Information Architecture Interaction Design
- 62. Visual language Motion graphics Information Design Information Architecture Interaction Design Still relevant
- 63. But there’s more to UI than just GUI Physical Telephone Voice Embedded Distributed
- 64. I want to talk you through The future present The future possible The future likely How to focus better
- 65. What’s going on now? The future present
- 66. ! We’re still getting to grips with touchscreens
- 67. Original iPhone 2007 —Direct manipulation —Dynamic display —Rich graphics
- 74. Skeuomorphism has always been in design
- 77. ! Designers obsessed with flat design. But at what cost?
- 78. Flat design Less obvious Homogenous Requires good typography
- 79. ! Screen size impacting how we design
- 81. Mobile first
- 82. ! Gestural interaction is growing and fading
- 83. Wii
- 84. Leap
- 85. ! Better isn’t always better
- 86. ! Tiring Coarse control Confusion with natural gestures
- 87. Nest Protect
- 92. Screens in front of babies http://www.digitaltrends.com/wp-content/uploads/2013/12/fisher-price-ipad-apptivity-seat.jpg
- 94. The internet of things is hitting the mainstream Niche MassMass
- 95. In odd ways
- 97. Tech companies buying hardware companies + skills
- 100. Wearable excitement Something other than a smartphone to design
- 101. Even if they make us look ridiculous
- 102. What are the possible futures? The future possible
- 104. ! ! ! ! How far can this go?
- 105. ! HerHer ! ! ! ! How far can this go?
- 106. Beware the uncanny valley Humanoid robot Corpse Stuffed animal Bunraku puppet Uncanny valley Industrial robot Familarity Human likeness 50% 100% + - Healthy person Moving Still Prosthetic hand Zombie
- 107. ! Smart platforms As internet connected sensors proliferate and sense a wider range of phenomena, platforms are using machine intelligence to interpret and aggregate collected data to make useful interventions.
- 108. ! Natural UI
- 109. ! No such thing as a natural UI
- 110. ! Invisible Computing Hardware virtually disappears, as computing technology unobtrusively integrates with everyday, natural human function. ! Supportive Computing Computing technology that supports natural human function, rather than requires humans to adapt to computing functions. Adaptive Computing Intelligently recognize and interpret human patterns to produce output based on relative context. ! http://pivotallabs.com/the-future-of-uiux-the-natural-user-interface/
- 111. ! Ban the word intuitive
- 112. ! No UI
- 113. ! No UI is the best UI
- 114. ! No UI is not always better
- 115. Better for Less visual clutter Less learning (in theory) Less conscious interaction
- 117. ! Displaced complexity System rules Mental models
- 118. ! Or we lose control
- 119. ! Wearables
- 120. ! ! How long are our wrists?
- 121. Wearable Where? Visible Concealed Pendant Undergarment strap Chest pin BFC Belt Pocket Inside pocket or undergarment Earring or on ear Shirt collar Upper arm of Sleeve Tie or Shirt button Wrist Finger ring Calf or Sock On or in shoe Hair Gadi Amit, New Deal Design, PDI 2014
- 122. Wearables need to consider many different factors Fashion, gender, context, size
- 123. Where should you focus? The future likely
- 124. The future is already here — it's just not very evenly distributed. William Gibson, 1993
- 125. ! Touch and gesture will evolve
- 131. ! Screen form factors will evolve
- 132. Round screens
- 133. Any shape screens
- 134. Curved screens
- 135. ! We will seek more immersive interfaces
- 136. Occulus Rift
- 138. Sony projector
- 139. Microsoft illumiroom
- 141. Amazon Fire phone
- 142. ! Escapism or focus? Gamers and experts?
- 143. ! More motion and emotion
- 145. ! We will get physical again
- 146. Blending paper products and digital services Evernote + Moleskin + Post-Its + Business cards
- 147. Integrated automotive interface Texas Instruments Immersive Automobile Physical controls designed in concert with graphical user interface
- 151. Roli Seaboard Roli Innovative expressive piano. Keys you can bend.
- 153. ! Strokable surfaces
- 154. Physical interaction design Beo A9 Physical volume control
- 155. Physical interaction design Beo A9 Physical volume control Physical interactionPhysical interaction designdesign Beo A9 Physical volume control Beo A9 Physical volume control
- 159. Distributed controls and displays
- 160. ! There will still be buttons, knobs, mice and keyboards
- 162. Slick knobs
- 163. Distributed knobs
- 164. And keyboards will still be important
- 165. Mice are precise
- 166. ! The future likely ! It’s like today, with some small differences ! — Greater relevance — Politer interactions — Evolved touch, gesture, voice — New screen form factors — Return to physical !
- 167. How can you better focus for the future?
- 171. Monitor trends PerpetualPerpetualPerpetualPerpetualPerpetual contactcontactcontactcontactcontact CultureCulture of fearof fear Culture ofCulture of emotionsemotions PolarisedPolarisedPolarisedPolarised prosperityprosperity UrbanUrban rennaissancerennaissance SustainabilitySustainabilitySustainabilitySustainability tensionstensionstensionstensions BehaviourBehaviourBehaviourBehaviourBehaviourBehaviour changechangechangechangechangechange RetailRetail revolutionrevolutionrevolutionrevolutionrevolutionrevolution ConsumerisationConsumerisationConsumerisationConsumerisationConsumerisationConsumerisation of healthcareof healthcareof healthcareof healthcareof healthcareof healthcare LearningLearningLearningLearning diversitydiversitydiversitydiversity Austerity cultureAusterity cultureAusterity cultureAusterity culture prosperityprosperity LabourLabourLabourLabour imbalancesimbalancesimbalancesimbalancesimbalancesimbalancesimbalancesimbalances InnovationInnovationInnovationInnovation imperativeimperativeimperativeimperative ResourceResource volatilityvolatility NewNew conventionsconventions AgeingAgeingAgeingAgeing societiessocietiessocietiessocieties Search forSearch for authenticityauthenticityauthenticityauthenticity TrustTrustTrustTrust crisiscrisiscrisiscrisis Internet of things Networks of connected objects that sense and share information changechangechangechange HardwareHardware revivalrevival ConsumerisationConsumerisation of healthcareof healthcareof healthcareof healthcare SmartSmart systemssystems SocialSocial Econom ic Econom ic Technological Technological
- 173. ! Keep aware of new technology
- 174. Innovation trigger Peak of inflated expectations Trough of disillusionment Slope of enlightenment Plateau of productivity As of July 2013 Time Content analyticsContent analytics Augmented realityAugmented reality Mobile health monitoringMobile health monitoring Cloud computingcomputing Virtual reality Gesture control Biometric authentication LocationLocation intelligenceintelligence Predictive analytics Speech recognition Speech recognition Speech Wearable user interfacesWearable user interfacesWearable user interfaces Gamification Big dataBig data Natural language processing Internet of Things Autonomous vehicles Holographic displays Expectations
- 176. ! Understand human behaviours in context
- 177. The world The products and services that people will use and the context of that usage The user How they see the world and how they need to manipulate it
- 178. The world The products and services that people will use and the context of that usage The user How they see the world and how they need to manipulate it Environment User Situation Task System LearnabilityEcosystem Intent
- 179. Environment User Situation Task System LearnabilityEcosystem Intent The world The products and services that people will use and the context of that usage The user How they see the world and how they need to manipulate it
- 180. Environment User Situation Task System LearnabilityEcosystem Intent Usability Product Experience Brand The world ! ! ! The user
- 183. ! Understand your brand position and permission
- 184. A recipe for integrated products? + +Physical Product Digital Interface Digital Service Integrated product =
- 185. + +Physical Product Digital Interface Digital Services ! Aesthetic Visceral. Visual, sonic, feel. Interactive Behavioural. Distribution of inputs and controls. ! Experiential Reflective. Fit with person’s context and ecosystems. ! ! Key levels of harmony Components of integrated experience
- 187. ! Escape the echo chamber
- 188. Mobile first Responsive design Big Data Internet of Things Native apps Natural UI … The human centipede of digital rhetoric Twitter LinkedIn Conferences Campaign …
- 189. Escape the echo chamber Look around you. Listen with your eyes. Apply critical judgement.
- 190. ! Make the future real
- 191. Beware concept videos Tell real stories and demonstrate with working prototypes
- 192. 2014 2015 2016 2017 2018 2019
- 193. The Internet of Ubiquitous Computing Information Appliance Things is growing The Internet of Ubiquitous Computing Information Appliance Things is growing Prototype out loud
- 194. ! Shun the shiny Don’t be a magpie to the magical Don’t be a magpie
- 195. ! The Future of User Interfaces? !
- 198. ! The Future of User Interfaces? ! It’s like today, with some small differences ! — Greater relevance — Politer interactions — Evolved touch, gesture, voice — New screen form factors — Return to physical !
- 199. ! The Future of User Interfaces? ! To make a better future ! ! — Triangulate to focus — Escape the echo chamber — Make the future real — Don’t be a magpie