Your grandma is calling you again to say that Avast is a virus ? Or is it because she just won an Audi on this strange website ? Everybody felt this way once, but the real problem is not with her, it is the design of the products. In this conference you will have some tips and trick to create better experience and digital products for our loved ones from the 1.0 era.

1. GRANDMA !
Why would you click on that ?
How to design apps and experiences for those from the 1.0 era ?
Arthur RETROU
UX Designer - Dernier Cri - LILLE (FR)

2. RE
Arthur
TROU
Lille (FR)

4. Design
UX/UI
Development
Web & Mobile
Hosting
& Growth

6. Have you ever helped your parents or
grandparents in using a tablet or a
smartphone ?
Question

7. Have you ever walked barefoot
on a Lego ?
Question

8. Question
Avez-vous déjà marché
pied nu sur un Lego ?

9. So, what’s an « old
person » really ?
? ? ? ?
?
?
?
?
?
?
?
? ? ?
?
????
?

10. Donald Melania
You’re always angry
you, ey !
…

11. 79 - Retired
Educated
Persistent
Noob ++
Donald

12. Used Apps
Donald
Not without glasses
Only one way
Just the one time…

13. 74 - Retired
Melania
Intelligent
Joyful
Noob

14. 74 - Retired
Melania
Helped installation
Planned by phone

15. So why should we
design interfaces
for people who
don’t want them ?

16. E-health and well being

17. E-health and well being

18. Connected houses

19. Connected houses

20. Services on demand

21. =

22. So now what ?
Give us something real …

23. Experience AccessibilityZ

24. Experience

25. Principle #1
The app should be able to be used
everyday in a procedural way.
Experience

26. Remember to go shopping tonight
Can you go shopping ? Like now
Experience

27. To make it simple :
You need to avoid asking a detail to remember
at one time. Even more if this detail have a
great importance for the rest of the experience.
Experience

28. Principle #2
Features must be explained
along the way, gradually.
Experience

29. Experience

30. Experience

31. To make it simple :
You have to sequence the learning of your
app to fix all the movements and reflexes
needed … Notifications too !!!
Experience

32. To make it simple
You have to sequence the learning of your
app to fix all the movements and reflexes
needed … Notifications too
Experience
Shit, Shit
Shit, Shit …

33. Principle #3
Every interactions needs a proper
feedback in order to confirm the
succes or the failure of the action.
Experience

34. Experience
Yo !
Hey !

35. To make it simple :
You have to signal the user with
explicit feedbacks to avoid errors,
confusion or misclicks.
Experience

36. Principle #4
You have to show simplified access to
the most used section instead of
showcasing the new stuff/features.
Experience

37. Experience

38. Experience

39. Experience

40. To make it simple :
You need a unity in your design ergonomy to make
easy access on the most used sections in order to
fix the learning of your product and the use of it.
Experience

41. Accessibility

42. Principle #1
You need to be aware of the optical
capacity of your target in order to
offer maximal confort for the user.
Accessibility

43. Accessibility
Every day is taco ipsum tuesday. BARBACOA!! Give me
all your tacos.
Every day is taco ipsum tuesday. BARBACOA!! Give me all your tacos.
Text of 12px
Text of 16px
Every day is taco ipsum tuesday. BARBACOA!! Give me all your tacos.
Legal stuff you want to hide of 10px

44. Accessibility

45. To make it simple :
You must propose options in order to
maximize the confortable use of your
product, no matter wich type of user.
Accessibility

46. Principle #2
You have to write and explain more
deeply your features and how they work
Accessibility

47. Accessibility

48. Accessibility

49. Accessibility

50. To make it simple :
Don’t be afraid to write long texts about
complex features in order to explain it
better, in a more direct way
Accessibility

51. Principle #3
Avoid the blue for the most
importants call to action
Accessibility

52. Accessibility

53. Accessibility
I’m an invisible
button…

54. To make it simple :
You must be careful about your color
choices for all the call for action and adapt
it to the most known visual defiencies.
Accessibility

55. Principle #4
Just make all your call to action
bigger once and for all !
Accessibility

56. Accessibility

57. Accessibility

58. Accessibility
CTA of 40px CTA of 50px

59. Accessibility
CTA de 40px CTA de 50px

60. To make it simple :
You must make every call to action easily
identified by all user and most of all easily clicable.
Even with big ol’ mittens if you need to !!!
Accessibility

61. So how do you
conclude that ?
When it’s done, we run
to the buffet … Alright …
Steady … Almost there…

62. Andyyyyyyyyy
Did I just won an Audi
just like that ?

63. Misunderstandings Fixed learnings
One time use Everyday use
Dependency Autonomy

64. “Good design keeps
the user happy” Never leave well enough alone
Raymond Loewy

65. Thx a lot !
Arthur RETROU
UX Designer - Dernier Cri - LILLE (FR)