Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing beyond the screen

1,228 views

Published on

How to design for the user in the future? We are evolving away from messages for screens and are starting to create messages for people.

Published in: Design
  • Be the first to comment

Designing beyond the screen

  1. 1. WELCOME#SoMITP
  2. 2. HANNES VAN DE VELDE Product & Design Manager, In The Pocket #SoMITP
  3. 3. DESIGNING
 BEYOND
 THE SCREEN
  4. 4. #SoMITP Design is the new engineering. It is.Is it? Isn’t it?
  5. 5. #SoMITP We will have to get away from our screens.
  6. 6. WHAT’S ALL THAT FUSS ABOUT?
  7. 7. #SoMITP#SoMITP
  8. 8. #SoMITP#SoMITP#SoMITP DOWNLOAD ALL THE APPS
  9. 9. #SoMITP#SoMITP
  10. 10. #SoMITP + = Potential customer Your product Happy customer
  11. 11. #SoMITP We need an app to support our marketing campaign We need a functional app, to be ahead of our competitors We need a better app than our competitors We need mobile technology to support our business We need (mobile) technology to be at the core of our business
  12. 12. #SoMITP IoT #SoMITP
  13. 13. #SoMITP Thank you, computer. AI
  14. 14. #SoMITP#SoMITP AR & VR A whole new world
  15. 15. #SoMITP “What no one is working on is the UI. Everyone is building these headsets but unless we have some way of interacting, it’ll be 360 degree cinema.” ~ John Underkoffler, UI visionary http://thenextweb.com/media/2015/08/31/a-stark-future/
  16. 16. SUCCESSFULLY DESIGNING BEYOND THE SCREEN 5 rules of thumb
  17. 17. #SoMITP Design from the problem towards technology,
 not vice versa. 1.
  18. 18. #SoMITP “I’m not so different from a teenager of 2015, I suppose, or any time in the last few decades. I want to hang out and chat with my friends, to be independent, to find my individuality and my place in the world, and to have the right clothes and gadgets to stand out, and fit in.” ~ a teenager in 2030 https://medium.com/ideo-stories/dear-iot-visionaries-8a9a35f616f8
  19. 19. UX UI #SoMITPBased on: Golden Krishna, The Best Interface is No Interface
  20. 20. UX people happiness problem solving needs empathy delight personality satisfaction gratification productivity magicconvenience efficiency smiles #SoMITPBased on: Golden Krishna, The Best Interface is No Interface • UX is about people, not about screens or interfaces. • Our job is to understand the everyday problems of people and use technology to solve them in the most elegant ways.
  21. 21. UI menus buttons rounded corners tab bars alerts input boxes password fields hover states animations swiping colors iconsgradients carousels banner ads login fields notifications #SoMITPBased on: Golden Krishna, The Best Interface is No Interface • UI is about screens and interfaces. • Our job is to design usable and delightful interfaces, so people succeed in reaching their desired goals.
  22. 22. UX UI menus buttons rounded corners tab bars alerts input boxes password fields hover states animations swiping colors iconsgradients carousels banner ads login fields notifications people happiness problem solving needs empathy delight personality satisfaction gratification productivity magicconvenience efficiency smiles #SoMITPBased on: Golden Krishna, The Best Interface is No Interface
  23. 23. #SoMITP Designing from the problem: • Solving problems as a goal, leveraging technology and interfaces as a solution • UX vs. UI • Building a team with the right people with the right responsibilities
  24. 24. #SoMITP Work with clients and for users. 2.
  25. 25. #SoMITP#SoMITP#SoMITP Discovery 
 workshops Design
 sessions Demo
 moments
  26. 26. #SoMITP Free our minds and 
 users will follow 3.
  27. 27. #SoMITP#SoMITP 2.486You’ve got mail Hi there, please log your calories for today Hi there, please log your calories for today BREAKING NEWS A long forgotten high school friend invited you to play Candy Crush You didn’t reach your fitness
 goal for today People are interested in
 you on Tinder @somefriend mentioned you in a tweet Another friend is now
 live on Periscope We have 12 new stories 
 for you to read Your device storage is almost full. Please clear some space. 90% chance of rain in the
 coming 15mins.
  28. 28. #SoMITP#SoMITP#SoMITP1969, NASA moon mission preparation
  29. 29. #SoMITP#SoMITP#SoMITP1997, Deep Blue vs. Garry Kasparov
  30. 30. #SoMITP Let computers do the 
 hard work for us
  31. 31. #SoMITP We’ll have to 
 earn the trust
 of the people #SoMITPHer, Spike Jonze, 2013
  32. 32. #SoMITP Overcoming distrust: • Onboard users, so they know what they can expect • Explain the choices you make • Allow people to make the system better, smarter and more personal
  33. 33. #SoMITP#SoMITPFacebook M
  34. 34. #SoMITP We need to think about: • What goes in: which triggers, sensors and data do we take into account. • Processing: what are the rules to define the translation between input and output? Which choices do we make or prepare? • What comes out: when do we push some information back to the user, and what does that interaction look like?
  35. 35. #SoMITP Design moments.4.
  36. 36. #SoMITP#SoMITP Food freshness … … … Time Location Movement Weather Fitness Blood values ZZ Z Sleep Temperature Heart rate #SoMITP
  37. 37. #SoMITP#SoMITP#SoMITP Clear Glanceable Actionable
  38. 38. #SoMITP#SoMITP#SoMITPhttps://www.kickstarter.com/projects/582920317/hidrateme-smart-water-bottle/
  39. 39. #SoMITP Designing moments: • Be contextually relevant • Make your information clear, glanceable and actionable • Blend in with the user’s current environment • Think about what to push vs. pull
  40. 40. #SoMITP Design systems, not screens. 5.
  41. 41. #SoMITP#SoMITP#SoMITPAtomic Design Atoms Molecules Organisms Templates Pages
  42. 42. Beyond the screen Screen-based #SoMITP
  43. 43. CONCLUSION
  44. 44. #SoMITP Mobile technology is capable of delivering elegant and magical solutions far beyond screen experiences.
  45. 45. #SoMITP Technology is becoming so embedded in our lives, that our job as designers can not just stop at designing the on-screen experience. We need to design everything around it to make the entire experience elegant and magical.
  46. 46. #SoMITP With more technology at our disposal, we’ll have to focus on designing the service as the main driver of the user experience and see the interface as an ‘avatar’ to deliver that experience through.
  47. 47. THANK YOU!

×