GRANDMA ! Why would you click on that ?

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.

Transcript

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 Accessibility Z
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)