Conception et rédaction de contenus pour le web - part 2

2,235 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,235
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
54
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Conception et rédaction de contenus pour le web - part 2

  1. 1. Confidentiel p. <ul><li>2 ème partie </li></ul><ul><li>Concevoir le versant éditorial de son site </li></ul><ul><li>Choisir ses contenus </li></ul><ul><li>Structurer son site </li></ul>
  2. 2. Comportement visuel de l’utilisateur Le parcours-type de l’œil s’effectue du coin supérieur gauche vers la zone centrale puis vers le bas . Importance de la hiérarchisation de l’information sur la page. Confidentiel p. Priorité 1 Priorité 3 Priorité 2
  3. 3. Soigner sa page d’accueil : les enjeux Confidentiel p. <ul><li>Porte d’entrée de votre site, la page d’accueil est celle qui demande le plus de travail : c’est elle qui invitera ou non l’internaute à poursuivre sa visite </li></ul><ul><li>En moyenne, il y passe à peine 30 secondes </li></ul><ul><li>En si peu de temps, elle doit être en mesure de répondre à 3 objectifs : </li></ul><ul><ul><li>INFORMER l’internaute </li></ul></ul><ul><ul><ul><li>Editeur du site, fonction, avantages concurrentiels </li></ul></ul></ul><ul><ul><ul><li>Types de contenus disponibles </li></ul></ul></ul><ul><ul><li>L’ORIENTER </li></ul></ul><ul><ul><ul><li>Principaux espaces / sections / rubriques du site </li></ul></ul></ul><ul><ul><ul><li>Moyens d’y accéder </li></ul></ul></ul><ul><ul><ul><li>Niveaux de lecture </li></ul></ul></ul><ul><ul><li>LE FAIRE AGIR </li></ul></ul><ul><ul><ul><li>Call-to-action </li></ul></ul></ul><ul><ul><ul><li>Moteur de recherche </li></ul></ul></ul>
  4. 4. Soigner sa page d’accueil : 3 objectifs à confronter Confidentiel p.
  5. 5. Soigner sa page d’accueil : du chaud au froid Confidentiel p. <ul><li>Pour une efficacité plus grande, la page d’accueil d’un site gagne à mettre en perspective, dans des espaces distincts : </li></ul><ul><ul><li>Des contenus chauds : actualités, événements… </li></ul></ul><ul><ul><li> Donner du dynamisme au site, la confirmation qu’il &quot; vit &quot;, inviter l’internaute à y revenir </li></ul></ul><ul><ul><li>Des contenus froids : présentation de la société, informations pérennes… </li></ul></ul><ul><ul><li> Permettre au néo-arrivant de connaître d’emblée la vocation du site/de la société, à l’internaute fidélisé de conserver ses repères, positionner durablement le site/la société </li></ul></ul>
  6. 6. Soigner sa page d’accueil : du chaud au froid Confidentiel p.
  7. 7. Soigner sa page d’accueil : vos avis Confidentiel p.
  8. 8. Soigner sa page d’accueil : vos avis Confidentiel p.
  9. 9. Concevoir son arborescence : les enjeux Confidentiel p. <ul><li>Trois grandes typologies de comportements dans le cadre d’une recherche d’information : </li></ul><ul><ul><li>L’utilisateur qui sait précisément ce qu’il est venu chercher (cas le plus rare) </li></ul></ul><ul><ul><ul><li>Recherche d’une information connue : known-item seeking </li></ul></ul></ul><ul><ul><li>L’utilisateur qui n’est pas très sûr de ce qu’il cherche et espère de fait apprendre quelque chose à partir du processus de navigation </li></ul></ul><ul><ul><ul><li>Recherche exploratoire : exploratory seeking </li></ul></ul></ul><ul><ul><li>L’utilisateur qui effectue une recherche approfondie sur un sujet précis </li></ul></ul><ul><ul><ul><li>Recherche exhaustive : exhaustive research </li></ul></ul></ul><ul><ul><li> Pour être qualifiée d’efficace, une arborescence doit être en mesure de satisfaire cette large palette de besoins </li></ul></ul>
  10. 10. Concevoir son arborescence : les enjeux (suite) Confidentiel p. <ul><li>2 grandes typologies de schémas d’organisation : </li></ul><ul><ul><li>Schémas exacts </li></ul></ul><ul><ul><ul><li>Alphabétique, chronologique, géographique </li></ul></ul></ul>
  11. 11. Concevoir son arborescence : les enjeux (suite) Confidentiel p. <ul><li>Deux grandes typologies de schémas d’organisation : </li></ul><ul><ul><li>Schémas ambigüs </li></ul></ul><ul><ul><ul><li>Plus subjectifs, défient toute définition exacte </li></ul></ul></ul><ul><ul><ul><li>Plus fréquents et plus utiles sur le Web </li></ul></ul></ul>
  12. 12. Quelques règles pour concevoir son arborescence Confidentiel p. <ul><li>Adopter une structure hiérarchique </li></ul><ul><ul><li>Type “parent-enfant“ ou approche &quot;top-down&quot; </li></ul></ul>Métiers Innovation Finance Ingénieur Chargé de veille Contôleur de gestion Auditeur
  13. 13. Quelques règles pour concevoir son arborescence (suite) Confidentiel p. <ul><li>Opter pour des catégories exclusives entre elles </li></ul><ul><ul><li>A un même niveau, en tous cas </li></ul></ul>Métiers Management Ressources Humaines Directeur Achats DRH DRH Gestionnaire paie
  14. 14. Quelques règles pour concevoir son arborescence (suite) Confidentiel p. <ul><li>Equilibrer l’arborescence en terme de largeur et profondeur </li></ul><ul><ul><li>Largeur : nombre d’options possibles à chaque niveau </li></ul></ul><ul><ul><li>Profondeur : nombre de niveaux </li></ul></ul><ul><ul><li> Si l’arborescence est étroite et profonde : </li></ul></ul><ul><ul><ul><li>L’utilisateur doit passer par un nombre incalculable de sous-niveaux </li></ul></ul></ul><ul><ul><li> Si l’arborescence est large et peu profonde : </li></ul></ul><ul><ul><ul><li>L’utilisateur doit choisir parmi une quantité colossale de niveaux alors que derrière, peu d’informations sont disponibles </li></ul></ul></ul><ul><li>Respecter la fameuse règle des 7 (+ ou – 2) éléments à un même niveau </li></ul><ul><ul><li>Théorisée par le psychologue G. Miller en 1956 </li></ul></ul>
  15. 15. 2 exemples d’arborescence : vos avis Confidentiel p.
  16. 16. Nommer ses rubriques avec soin Confidentiel p. <ul><li>Opter pour des intitulés précis et prédictifs </li></ul>
  17. 17. Nommer ses rubriques avec soin (suite) Confidentiel p. <ul><li>Développer des &quot; systèmes &quot; d’intitulés cohérents… </li></ul><ul><ul><li>Style </li></ul></ul><ul><ul><li>Syntaxe </li></ul></ul><ul><ul><li>Présentation </li></ul></ul><ul><ul><li>Granularité </li></ul></ul><ul><ul><li>Audiences </li></ul></ul>
  18. 18. Nommer ses rubriques avec soin (suite) Confidentiel p. <ul><li>Tout en adoptant des formulations discriminantes </li></ul>
  19. 19. Optimiser la navigation : les enjeux Confidentiel p. <ul><li>Rappel : sur Internet… </li></ul><ul><ul><li>Le lecteur est aux commandes : il a besoin de cliquer </li></ul></ul><ul><ul><li>L’information n’est pas organisée de manière linéaire </li></ul></ul><ul><ul><li> Pour ces 2 raisons, la navigation , via les liens hypertextes , est indispensable au Web, elle en est le poumon </li></ul></ul><ul><li>Un bon système de navigation permet à la fois : </li></ul><ul><ul><li>De disposer de possibilités variées , qu’il parcourt à sa guise </li></ul></ul><ul><ul><li>De toujours lui donner les moyens de se repérer dans ce foisonnement </li></ul></ul><ul><ul><li> Naviguer, oui, mais jamais à vue </li></ul></ul>
  20. 20. Optimiser la navigation : principes ergonomiques Confidentiel p. <ul><li>Quelques principes ergonomiques à garder en tête pour concevoir ses systèmes de navigation : </li></ul><ul><ul><li>Toujours indiquer à l’internaute où il se trouve … </li></ul></ul><ul><ul><li>… Et par où il est passé </li></ul></ul><ul><ul><li>Lui fournir une vue globale du site </li></ul></ul><ul><ul><li>Assurer plusieurs points d’entrée à une même information </li></ul></ul><ul><ul><li>Respecter la règle des 3 clics </li></ul></ul>
  21. 21. Optimiser la navigation : 3 systèmes à faire coïncider Confidentiel p. NAVIGATION GLOBALE NAVIGATION LOCALE NAVIGATION CONTEXTUELLE
  22. 22. Optimiser la navigation : focus sur le maxi meu Confidentiel p.
  23. 23. Optimiser la navigation : l’indispensable fil d’ariane Confidentiel p.

×