32

Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Embed Size (px)

Citation preview

Page 1: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 2: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Jean-Eric Pelet – 11/12/[email protected]

Page 3: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Agenda

Page 4: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 5: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 6: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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

Page 7: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 8: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 9: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 10: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 11: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Où ?

Page 12: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Comment ?

Page 13: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 14: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 15: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

• 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.

Page 16: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

• 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.

Page 17: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

• 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

Page 18: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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)

Page 19: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

x

• Au niveau des couleurs

Contraste coloré entre couleur d’avant et

d’arrière plan > 8.1 (WAI > W3C)

Page 20: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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

Page 21: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

• Au niveau de la fonte (typo)• Choisir la bonne,

– en utilisant intelligemment les empattements (sérifs)

– Grâce aux filtres, ici sur Google Fonts

Page 22: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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

– Avec sérifs

Page 23: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

• Au niveau de la mise en page

Page 24: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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

Page 25: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 26: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 27: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 28: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 29: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 30: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design
Page 31: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

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

Page 32: Présentation des chapitres 5 : comportement des consommateurs, 7: vieillissement de la population, 12 : responsive design

Merci pour votre attention

[email protected]