1
ETRE LISIBLE SUR LE WEB
BON SENS ET PETITS DÉTAILS À L’USAGE DES
ENTREPRISES QUI… FRACTURENT LA RÉTINE DE LEURS
LECTEURS...
LES GROSSES PORTES
OUVERTES… ILLUSTRÉES
2
Lire sur un écran c’est fatiguant
Hé oui, la lecture sur
écran reste plus difficile
pour les yeux que ce
bon vieux papier…...
4
Alors par pitié, de la sobriété…
C’est dur à lire hein ?!
Du contraste oui
5
Mais là, ça pique !
J’ose pas vous la
mettre en plein
écran celle-là…
Je vous donne l’url
plutôt :
thebiguglywebsite.com/
6
UN PEU PLUS EN FINESSE,
PARLONS DU TEXTE
7
Doucement avec les typos
Le truc de base : pas plus de 3 typos différentes sur un
document. Ça c’est bon pour le print.
En...
Des paragraphes
Du mail au blog en passant par les plaquettes en
PDF, les mentions légales, les contrats et les CGU,
les é...
Des sous-titres
Comme pour les paragraphes…
Calquez-vous sur la presse écrite : on doit comprendre
l’essence de votre prop...
Des images pour attirer l’œil…
… et soutenir le sens de
vos propos.
On n’appelle pas ça des
« illustrations » par
erreur ...
LES TENDANCES À EXPLOITER
12
Le responsive design – sites web
(le site s’adapte à l’écran…)
13
Le Flat design – sites et applis
(ni ombres portées, ni textures…)
14
Long shadows – icônes et logos
(des ombres démesurées… c’est tendance)
15
EN CONCLUSION
16
Les bénéfices attendus de ces bonnes
pratiques…
Un message :
Confortable à parcourir
Attrayant
Répondant à des objectifs
p...
3 conseils avant de partir
Votre bon sens doit vous éviter de tomber dans
les modes éphémères ou à contre sens de votre
ma...
Désormais, c’est à vous de jouer…
19
www.yvesbonis.fr
Prochain SlideShare
Chargement dans…5
×

Être lisible sur le web

577 vues

Publié le

Bon sens et petits détails à l’usage des entreprises qui… fracturent la rétine de leurs lecteurs et se tirent une balle dans le pied !

www.yvesbonis.fr

Publié dans : Business
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
577
Sur SlideShare
0
Issues des intégrations
0
Intégrations
15
Actions
Partages
0
Téléchargements
5
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Être lisible sur le web

  1. 1. 1 ETRE LISIBLE SUR LE WEB BON SENS ET PETITS DÉTAILS À L’USAGE DES ENTREPRISES QUI… FRACTURENT LA RÉTINE DE LEURS LECTEURS ET SE TIRENT UNE BALLE DANS LE PIED !
  2. 2. LES GROSSES PORTES OUVERTES… ILLUSTRÉES 2
  3. 3. Lire sur un écran c’est fatiguant Hé oui, la lecture sur écran reste plus difficile pour les yeux que ce bon vieux papier… Regardez-le le pauvre à côté… Un article de blog façon thèse de médecine et voilà où on en est ! 3
  4. 4. 4 Alors par pitié, de la sobriété… C’est dur à lire hein ?!
  5. 5. Du contraste oui 5
  6. 6. Mais là, ça pique ! J’ose pas vous la mettre en plein écran celle-là… Je vous donne l’url plutôt : thebiguglywebsite.com/ 6
  7. 7. UN PEU PLUS EN FINESSE, PARLONS DU TEXTE 7
  8. 8. Doucement avec les typos Le truc de base : pas plus de 3 typos différentes sur un document. Ça c’est bon pour le print. En ligne, deux polices c’est déjà bien. Le logo est là pour se lâcher. Dans le texte, on est là pour être lu. Donc soit une seule typo, soit une typo pour les textes et une pour la titraille, ça suffit bien. En en mettant plus, on risque de refaire pleurer les cailloux… (cf. page 3) 8
  9. 9. Des paragraphes Du mail au blog en passant par les plaquettes en PDF, les mentions légales, les contrats et les CGU, les énormes blocs de texte sont des souffrances ! Alors que quelques paragraphes (une idée par paragraphe, comme toujours), allègent le texte, structurent la pensée et vous « contraignent » à hiérarchiser les données. Que du bon en somme. 9
  10. 10. Des sous-titres Comme pour les paragraphes… Calquez-vous sur la presse écrite : on doit comprendre l’essence de votre propos rien qu’en lisant les titres. Là encore, être précis, concis et hiérarchiser les infos. Personnellement, lorsque j’ai de gros articles ou un e-book à écrire, je commence carrément par les titres et je développe ensuite. Tout cela fera décoller la qualité de vos supports (oui, vraiment !) en plus de soulager vos lecteurs. 10
  11. 11. Des images pour attirer l’œil… … et soutenir le sens de vos propos. On n’appelle pas ça des « illustrations » par erreur . 11
  12. 12. LES TENDANCES À EXPLOITER 12
  13. 13. Le responsive design – sites web (le site s’adapte à l’écran…) 13
  14. 14. Le Flat design – sites et applis (ni ombres portées, ni textures…) 14
  15. 15. Long shadows – icônes et logos (des ombres démesurées… c’est tendance) 15
  16. 16. EN CONCLUSION 16
  17. 17. Les bénéfices attendus de ces bonnes pratiques… Un message : Confortable à parcourir Attrayant Répondant à des objectifs précis Rendant justice à votre travail et votre vision Facile à cerner et à partager (sur les réseaux mais aussi dans une discussion… même téléphonique) Renvoyant l’image d’une entreprise en phase avec son époque (c’est quand même un minimum). 17
  18. 18. 3 conseils avant de partir Votre bon sens doit vous éviter de tomber dans les modes éphémères ou à contre sens de votre marque. Choisissez votre prestataire sur son style, ses préférences. Ne craignez donc pas d’en consulter PLUSIEURS et à échanger avec eux en profondeur. N’ayez pas peur de changer vos habitudes. Tout est dans la manière de les présenter à vos publics… quel beau prétexte de communication ! 18
  19. 19. Désormais, c’est à vous de jouer… 19 www.yvesbonis.fr

×