Présentation des 3 chapitres mentionnés dans le titre lors d'une conférence dans une école de commerce parisienne, en décembre 2014.

2. Jean-Eric Pelet – 11/12/2014
je.pelet@gmail.com

3. Agenda

6. Recherche en cours…
http://tinyurl.com/kmcmstablet

11. Où ?

12. Comment ?

15. • Le consommateur vieillit, y
compris lorsqu’il est connecté.
• Comme les appareils
numériques prennent une
place de plus en plus
importante dans sa vie, le
recours aux médias est de plus
en plus caractérisée par
l'utilisation simultanée de
plusieurs appareils plutôt que
par l'influence d'un.

16. • De fait, des problèmes liés à l’âge
croissant de consommateurs au
pouvoir d’achat élevé apparaissent :
– leur vue faiblit,
– il est parfois difficile de tenir un
téléphone large, lisse et lourd dans la
main, tout en étant sûr d’utiliser une
connexion sécurisée, sans risque que la
vie privée soit fragilisée par une
mauvaise manipulation sur l’écran par
exemple.

17. • Nécessité de penser aux séniors en phase de
conception
• Au niveau des couleurs
• ………de la fonte (typo)
• …………….. de la mise en page
• ………………………….du scénario de navigation
sur le site ou sur la landing page

18. x
• Au niveau des couleurs > www.scoop.it/t/colors
• Créer une belle charte graphique
• Grâce à un bon choix de couleurs (ex. avec
www.colorhunter.com)

19. x
• Au niveau des couleurs
Contraste coloré entre
couleur d’avant et
d’arrière plan > 8.1
(WAI > W3C)

20. • Le contraste coloré doit être supérieur à 8.1
pour que l’information soit lue par TOUS

21. • Au niveau de la fonte (typo)
• Choisir la bonne,
– en utilisant intelligemment les
empattements (sérifs)
– Grâce aux filtres, ici sur Google
Fonts

22. • Au niveau de la fonte (typo)
– Sans sérifs
– Avec sérifs

23. • Au niveau de la mise en
page

24. • Au niveau du scénario
de navigation sur le site
ou sur la landing page
ou l’appli

31. Des sites permettent de voir si votre page
est responsive comme :
www.quircktools/screenfly ou
www.mattkersley.com/responsive

32. Merci pour votre
attention 
je.pelet@gmail.com