The Future of User Interfaces
•
151 j'aime•94,715 vues
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.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à The Future of User Interfaces
Similaire à The Future of User Interfaces (20)
Plus de Jason Mesut
Plus de Jason Mesut (16)
Dernier
Dernier (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 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 Mass
- 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. ! Her ! ! ! ! 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 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 Perpetual contact Perpetual contact Culture of fear Culture of emotions Polarised prosperity Urban rennaissance Sustainability tensions Behaviour change Retail revolution Consumerisation of healthcare Learning diversity Austerity culture Labour imbalances Innovation imperative Resource volatility New conventions Ageing societies Search for authenticity Trust crisis Internet of things Networks of connected objects that sense and share information Hardware revival Smart systems Social Econom ic 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 analytics Augmented reality Mobile health monitoring Cloud computing Virtual reality Gesture control Biometric authentication Location intelligence Predictive analytics Speech recognition Wearable user interfaces Gamification Big 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 Prototype out loud
- 194. ! Shun the shiny Don’t be a magpie to the magical
- 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