Être lisible sur le web

Post on 26-Jan-2015

443 views 1 download

description

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

Transcript of Être lisible sur le web

1

ETRE LISIBLE SUR LE WEBBON 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

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 !

4

Alors par pitié, de la sobriété…C’est dur à lire hein ?!

5

Du contraste oui

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/

7

UN PEU PLUS EN FINESSE,PARLONS DU TEXTE

8

Doucement avec les typosLe 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)

9

Des paragraphesDu 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.

10

Des sous-titresComme 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.

11

Des images pour attirer l’œil…… et soutenir le sens de vos propos.

On n’appelle pas ça des « illustrations » par erreur .

12

LES TENDANCES À EXPLOITER

13

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

14

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

15

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

16

EN CONCLUSION

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

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 !

19

Désormais, c’est à vous de jouer…

www.yvesbonis.fr