Designing beyond the screen
1 like1,487 views
The document discusses the evolution of design from screen-based user interfaces to more integrated solutions that address real-world problems. It emphasizes the importance of creating meaningful user experiences by leveraging technology while focusing on user needs, empathy, and context. Ultimately, it advocates for a holistic approach to design that goes beyond screens, incorporating mobile technology and services into user interactions.
Designing beyond the screen
- 2. HANNES VAN DE VELDE Product & Design Manager, In The Pocket #SoMITP
- 4. #SoMITP Design is the new engineering. It is.Is it? Isn’t it?
- 5. #SoMITP We will have to get away from our screens.
- 6. WHAT’S ALL THAT FUSS ABOUT?
- 10. #SoMITP + = Potential customer Your product Happy customer
- 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
- 14. #SoMITP#SoMITP AR & VR A whole new world
- 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. SUCCESSFULLY DESIGNING BEYOND THE SCREEN 5 rules of thumb
- 17. #SoMITP Design from the problem towards technology, not vice versa. 1.
- 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. UX UI #SoMITPBased on: Golden Krishna, The Best Interface is No Interface
- 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. 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. 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. #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. #SoMITP Work with clients and for users. 2.
- 26. #SoMITP Free our minds and users will follow 3.
- 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. #SoMITP#SoMITP#SoMITP1969, NASA moon mission preparation
- 29. #SoMITP#SoMITP#SoMITP1997, Deep Blue vs. Garry Kasparov
- 30. #SoMITP Let computers do the hard work for us
- 31. #SoMITP We’ll have to earn the trust of the people #SoMITPHer, Spike Jonze, 2013
- 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
- 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?
- 36. #SoMITP#SoMITP Food freshness … … … Time Location Movement Weather Fitness Blood values ZZ Z Sleep Temperature Heart rate #SoMITP
- 38. #SoMITP#SoMITP#SoMITPhttps://www.kickstarter.com/projects/582920317/hidrateme-smart-water-bottle/
- 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
- 41. #SoMITP#SoMITP#SoMITPAtomic Design Atoms Molecules Organisms Templates Pages
- 42. Beyond the screen Screen-based #SoMITP
- 43. CONCLUSION
- 44. #SoMITP Mobile technology is capable of delivering elegant and magical solutions far beyond screen experiences.
- 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. #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. THANK YOU!