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.
LES GROSSES PORTES
OUVERTES… ILLUSTRÉES
2

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
Alors par pitié, de la sobriété…
C’est dur à lire hein ?!

5.
Du contraste oui
5

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.
UN PEU PLUS EN FINESSE,
PARLONS DU TEXTE
7

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.
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.
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.
Des images pour attirer l’œil…
… et soutenir le sens de
vos propos.
On n’appelle pas ça des
« illustrations » par
erreur .
11

12.
LES TENDANCES À EXPLOITER
12

13.
Le responsive design – sites web
(le site s’adapte à l’écran…)
13

14.
Le Flat design – sites et applis
(ni ombres portées, ni textures…)
14

15.
Long shadows – icônes et logos
(des ombres démesurées… c’est tendance)
15

16.
EN CONCLUSION
16

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.
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.
Désormais, c’est à vous de jouer…
19
www.yvesbonis.fr