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.

1. WELCOME#SoMITP

2. HANNES VAN DE VELDE
Product & Design Manager, In The Pocket
#SoMITP

3. DESIGNING
BEYOND
THE SCREEN

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?

7. #SoMITP#SoMITP

8. #SoMITP#SoMITP#SoMITP
DOWNLOAD
ALL THE APPS

9. #SoMITP#SoMITP

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

12. #SoMITP
IoT
#SoMITP

13. #SoMITP
Thank you, computer.
AI

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.

25. #SoMITP#SoMITP#SoMITP
Discovery
workshops
Design
sessions
Demo
moments

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

33. #SoMITP#SoMITPFacebook M

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. #SoMITP
Design moments.4.

36. #SoMITP#SoMITP
Food freshness
…
…
…
Time Location
Movement
Weather
Fitness
Blood values
ZZ Z
Sleep
Temperature
Heart rate
#SoMITP

37. #SoMITP#SoMITP#SoMITP
Clear Glanceable Actionable

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

40. #SoMITP
Design systems,
not screens.
5.

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!