SlideShare une entreprise Scribd logo
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 !
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…
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
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 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
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
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
Des images pour attirer l’œil…
… et soutenir le sens de
vos propos.
On n’appelle pas ça des
« illustrations » par
erreur .
11
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
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
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
Désormais, c’est à vous de jouer…
19
www.yvesbonis.fr

Contenu connexe

Similaire à Être lisible sur le web

Rédaction web : écrire pour être lu
Rédaction web : écrire pour être luRédaction web : écrire pour être lu
Rédaction web : écrire pour être lu
Fotso Fonkam
 
Ardesi écriture Web
Ardesi écriture WebArdesi écriture Web
Ardesi écriture Web
Ludovic Dublanchet
 
Introduction au cours d'écriture numérique
Introduction au cours d'écriture numériqueIntroduction au cours d'écriture numérique
Introduction au cours d'écriture numérique
Xavier Lambert
 
Ecriture digitale: quoi, comment, pourquoi ?
Ecriture digitale: quoi, comment, pourquoi ?Ecriture digitale: quoi, comment, pourquoi ?
Ecriture digitale: quoi, comment, pourquoi ?
Xavier Lambert
 
Organisation visuelle
Organisation visuelleOrganisation visuelle
Organisation visuelle
msk10
 
Ecrire pour internet et les blogs
Ecrire pour internet et les blogsEcrire pour internet et les blogs
Ecrire pour internet et les blogs
Xavier Lambert
 
Guide auto-formation pour écrire pour le web~Learning Cube
Guide auto-formation pour écrire pour le web~Learning CubeGuide auto-formation pour écrire pour le web~Learning Cube
Guide auto-formation pour écrire pour le web~Learning Cube
Laurent BOBY
 
Formation : Initiation à l'écriture Web
Formation : Initiation à l'écriture WebFormation : Initiation à l'écriture Web
Formation : Initiation à l'écriture WebFrance Lefebvre
 
Ecrire pour-le-web-isabelle-dutailly-v2013
Ecrire pour-le-web-isabelle-dutailly-v2013Ecrire pour-le-web-isabelle-dutailly-v2013
Ecrire pour-le-web-isabelle-dutailly-v2013vive les moocs
 
Comment réussir sa présentation PowerPoint ?
Comment réussir sa présentation PowerPoint ?Comment réussir sa présentation PowerPoint ?
Comment réussir sa présentation PowerPoint ?
Nouha Belaid
 
Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Gerard Zenoni
 
Ecrire pour le web: comment, pourquoi?
Ecrire pour le web: comment, pourquoi?Ecrire pour le web: comment, pourquoi?
Ecrire pour le web: comment, pourquoi?
Xavier Lambert
 
Stratégie digitale: écrire pour le web - Copywriting
Stratégie digitale: écrire pour le web - CopywritingStratégie digitale: écrire pour le web - Copywriting
Stratégie digitale: écrire pour le web - Copywriting
Xavier Lambert
 
LPWD ecriture web - grands principes tt techniques ecriture
LPWD ecriture web - grands principes tt techniques ecritureLPWD ecriture web - grands principes tt techniques ecriture
LPWD ecriture web - grands principes tt techniques ecriture
JCD srcmontbeliard
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son site
Semaweb
 
Reussir une pre_ao_v2011
Reussir une pre_ao_v2011Reussir une pre_ao_v2011
Reussir une pre_ao_v2011jyrtek
 
Hors série powerpoint hyperactif!
Hors série   powerpoint hyperactif!Hors série   powerpoint hyperactif!
Hors série powerpoint hyperactif!250664
 
comment éviter les pièges du powerpoint?
comment éviter les pièges du powerpoint?comment éviter les pièges du powerpoint?
comment éviter les pièges du powerpoint?
Elena Moltó
 
Fp dossier-presentation
Fp dossier-presentationFp dossier-presentation
Fp dossier-presentation
Mouna Lahlou
 

Similaire à Être lisible sur le web (20)

Rédaction web : écrire pour être lu
Rédaction web : écrire pour être luRédaction web : écrire pour être lu
Rédaction web : écrire pour être lu
 
Ardesi écriture Web
Ardesi écriture WebArdesi écriture Web
Ardesi écriture Web
 
Introduction au cours d'écriture numérique
Introduction au cours d'écriture numériqueIntroduction au cours d'écriture numérique
Introduction au cours d'écriture numérique
 
La communication orale
La communication oraleLa communication orale
La communication orale
 
Ecriture digitale: quoi, comment, pourquoi ?
Ecriture digitale: quoi, comment, pourquoi ?Ecriture digitale: quoi, comment, pourquoi ?
Ecriture digitale: quoi, comment, pourquoi ?
 
Organisation visuelle
Organisation visuelleOrganisation visuelle
Organisation visuelle
 
Ecrire pour internet et les blogs
Ecrire pour internet et les blogsEcrire pour internet et les blogs
Ecrire pour internet et les blogs
 
Guide auto-formation pour écrire pour le web~Learning Cube
Guide auto-formation pour écrire pour le web~Learning CubeGuide auto-formation pour écrire pour le web~Learning Cube
Guide auto-formation pour écrire pour le web~Learning Cube
 
Formation : Initiation à l'écriture Web
Formation : Initiation à l'écriture WebFormation : Initiation à l'écriture Web
Formation : Initiation à l'écriture Web
 
Ecrire pour-le-web-isabelle-dutailly-v2013
Ecrire pour-le-web-isabelle-dutailly-v2013Ecrire pour-le-web-isabelle-dutailly-v2013
Ecrire pour-le-web-isabelle-dutailly-v2013
 
Comment réussir sa présentation PowerPoint ?
Comment réussir sa présentation PowerPoint ?Comment réussir sa présentation PowerPoint ?
Comment réussir sa présentation PowerPoint ?
 
Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02Piegesppt 090510064258-phpapp02
Piegesppt 090510064258-phpapp02
 
Ecrire pour le web: comment, pourquoi?
Ecrire pour le web: comment, pourquoi?Ecrire pour le web: comment, pourquoi?
Ecrire pour le web: comment, pourquoi?
 
Stratégie digitale: écrire pour le web - Copywriting
Stratégie digitale: écrire pour le web - CopywritingStratégie digitale: écrire pour le web - Copywriting
Stratégie digitale: écrire pour le web - Copywriting
 
LPWD ecriture web - grands principes tt techniques ecriture
LPWD ecriture web - grands principes tt techniques ecritureLPWD ecriture web - grands principes tt techniques ecriture
LPWD ecriture web - grands principes tt techniques ecriture
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son site
 
Reussir une pre_ao_v2011
Reussir une pre_ao_v2011Reussir une pre_ao_v2011
Reussir une pre_ao_v2011
 
Hors série powerpoint hyperactif!
Hors série   powerpoint hyperactif!Hors série   powerpoint hyperactif!
Hors série powerpoint hyperactif!
 
comment éviter les pièges du powerpoint?
comment éviter les pièges du powerpoint?comment éviter les pièges du powerpoint?
comment éviter les pièges du powerpoint?
 
Fp dossier-presentation
Fp dossier-presentationFp dossier-presentation
Fp dossier-presentation
 

Plus de Yves Bonis

Que peut-on attendre de la com en temps de crise ?
Que peut-on attendre de la com en temps de crise ?Que peut-on attendre de la com en temps de crise ?
Que peut-on attendre de la com en temps de crise ?
Yves Bonis
 
16 stratégies naturelles pour inspirer les entreprises
16 stratégies naturelles pour inspirer les entreprises16 stratégies naturelles pour inspirer les entreprises
16 stratégies naturelles pour inspirer les entreprises
Yves Bonis
 
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
Yves Bonis
 
Préparer une prise de parole importante
Préparer une prise de parole importantePréparer une prise de parole importante
Préparer une prise de parole importante
Yves Bonis
 
Egal Plus
Egal PlusEgal Plus
Egal Plus
Yves Bonis
 
Apprendre ce qui fait une pub d'exception - Yves Bonis
Apprendre ce qui fait une pub d'exception - Yves Bonis Apprendre ce qui fait une pub d'exception - Yves Bonis
Apprendre ce qui fait une pub d'exception - Yves Bonis
Yves Bonis
 
Vos qualités ne sont pas "évidentes et banales"
Vos qualités ne sont pas "évidentes et banales"Vos qualités ne sont pas "évidentes et banales"
Vos qualités ne sont pas "évidentes et banales"
Yves Bonis
 
Présentation de l'Atelier Ciblage Paris Yves Bonis Conseil
Présentation de l'Atelier Ciblage Paris Yves Bonis ConseilPrésentation de l'Atelier Ciblage Paris Yves Bonis Conseil
Présentation de l'Atelier Ciblage Paris Yves Bonis Conseil
Yves Bonis
 
Pour arrêter de cibler comme des niais !
Pour arrêter de cibler comme des niais !Pour arrêter de cibler comme des niais !
Pour arrêter de cibler comme des niais !
Yves Bonis
 
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr..."Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
Yves Bonis
 
"Symbiose" - la relation commerciale volontaire
"Symbiose" - la relation commerciale volontaire"Symbiose" - la relation commerciale volontaire
"Symbiose" - la relation commerciale volontaire
Yves Bonis
 
Faire la différence sur le web : La base
Faire la différence sur le web : La baseFaire la différence sur le web : La base
Faire la différence sur le web : La base
Yves Bonis
 

Plus de Yves Bonis (12)

Que peut-on attendre de la com en temps de crise ?
Que peut-on attendre de la com en temps de crise ?Que peut-on attendre de la com en temps de crise ?
Que peut-on attendre de la com en temps de crise ?
 
16 stratégies naturelles pour inspirer les entreprises
16 stratégies naturelles pour inspirer les entreprises16 stratégies naturelles pour inspirer les entreprises
16 stratégies naturelles pour inspirer les entreprises
 
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
Acte d'achat avorté - qu'est-ce que le risque perçu à l'achat ?
 
Préparer une prise de parole importante
Préparer une prise de parole importantePréparer une prise de parole importante
Préparer une prise de parole importante
 
Egal Plus
Egal PlusEgal Plus
Egal Plus
 
Apprendre ce qui fait une pub d'exception - Yves Bonis
Apprendre ce qui fait une pub d'exception - Yves Bonis Apprendre ce qui fait une pub d'exception - Yves Bonis
Apprendre ce qui fait une pub d'exception - Yves Bonis
 
Vos qualités ne sont pas "évidentes et banales"
Vos qualités ne sont pas "évidentes et banales"Vos qualités ne sont pas "évidentes et banales"
Vos qualités ne sont pas "évidentes et banales"
 
Présentation de l'Atelier Ciblage Paris Yves Bonis Conseil
Présentation de l'Atelier Ciblage Paris Yves Bonis ConseilPrésentation de l'Atelier Ciblage Paris Yves Bonis Conseil
Présentation de l'Atelier Ciblage Paris Yves Bonis Conseil
 
Pour arrêter de cibler comme des niais !
Pour arrêter de cibler comme des niais !Pour arrêter de cibler comme des niais !
Pour arrêter de cibler comme des niais !
 
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr..."Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
"Créer sa marque et l'incarner - choisir et pas subir" au Printemps des mampr...
 
"Symbiose" - la relation commerciale volontaire
"Symbiose" - la relation commerciale volontaire"Symbiose" - la relation commerciale volontaire
"Symbiose" - la relation commerciale volontaire
 
Faire la différence sur le web : La base
Faire la différence sur le web : La baseFaire la différence sur le web : La base
Faire la différence sur le web : La base
 

Dernier

Cours_Evaluation_dEntreprise_HEM_2012_20.pptx
Cours_Evaluation_dEntreprise_HEM_2012_20.pptxCours_Evaluation_dEntreprise_HEM_2012_20.pptx
Cours_Evaluation_dEntreprise_HEM_2012_20.pptx
HervBriceKOYA
 
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptxFORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
HervBriceKOYA
 
Analyse résultats Luxembourg IMD 2024.pdf
Analyse résultats Luxembourg IMD 2024.pdfAnalyse résultats Luxembourg IMD 2024.pdf
Analyse résultats Luxembourg IMD 2024.pdf
Paperjam_redaction
 
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
Mohamed Bouanane
 
Éveil BM-Rapport d'activités 2023-2024.pdf
Éveil BM-Rapport d'activités 2023-2024.pdfÉveil BM-Rapport d'activités 2023-2024.pdf
Éveil BM-Rapport d'activités 2023-2024.pdf
megmedia
 
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
benj_2
 
Présentation Plaspack, l'entreprise derrière Soliday
Présentation Plaspack, l'entreprise derrière SolidayPrésentation Plaspack, l'entreprise derrière Soliday
Présentation Plaspack, l'entreprise derrière Soliday
Soliday das Sonnensegel
 

Dernier (7)

Cours_Evaluation_dEntreprise_HEM_2012_20.pptx
Cours_Evaluation_dEntreprise_HEM_2012_20.pptxCours_Evaluation_dEntreprise_HEM_2012_20.pptx
Cours_Evaluation_dEntreprise_HEM_2012_20.pptx
 
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptxFORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
FORMATIONS SUR LES TRANSFERTS A L'ETRANGER SD FINEX.pptx
 
Analyse résultats Luxembourg IMD 2024.pdf
Analyse résultats Luxembourg IMD 2024.pdfAnalyse résultats Luxembourg IMD 2024.pdf
Analyse résultats Luxembourg IMD 2024.pdf
 
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
Libérer le Potentiel à l'Ère de la Transformation Numérique pour des Organisa...
 
Éveil BM-Rapport d'activités 2023-2024.pdf
Éveil BM-Rapport d'activités 2023-2024.pdfÉveil BM-Rapport d'activités 2023-2024.pdf
Éveil BM-Rapport d'activités 2023-2024.pdf
 
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
Livre Blanc sur l'Intelligence économique, discipline endémique à la francoph...
 
Présentation Plaspack, l'entreprise derrière Soliday
Présentation Plaspack, l'entreprise derrière SolidayPrésentation Plaspack, l'entreprise derrière Soliday
Présentation Plaspack, l'entreprise derrière Soliday
 

Être lisible sur le web

  • 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 !
  • 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 ?!
  • 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
  • 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