De la conception, à la refonte d'un site WEB, les bonnes pratiques à mettre en œuvre.
Avant propos Présentation personnelle Sébastien Noguès, chef de projet Internet à DDB Travel & Tourism (sebastien.nogues@d...
Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internau...
Comportement des internautes <ul><ul><li>Public plus autonome, plus voyageur, plus décide (plus de 75% déjà fixé sur les d...
Comportement des internautes <ul><ul><li>90% cherchent de l'info  </li></ul></ul><ul><ul><li>La moitié se limite à cherche...
Nouvelles tendances touristiques <ul><ul><li>Des vacances qui se fractionnent et s'étalent  : multiplication les séjours c...
Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internau...
Que cherchent les internautes ? <ul><ul><li>Hébergement: 35 %  </li></ul></ul><ul><ul><li>Transport: 20 %  </li></ul></ul>...
Attentes qualitatives des internautes <ul><ul><li>Des infos  précises , opérationnelles, exhaustives (tarif, horaires, acc...
Bien comprendre les besoins des internautes
Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internau...
Défis pour les professionnels <ul><ul><li>Back-office, suivi gestion clients  </li></ul></ul><ul><ul><li>Gestion des inter...
Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internau...
Les facteurs de réussite <ul><ul><li>Comprendre les touristes-internautes (attentes, nouveaux comportements, etc.)  </li><...
Un contenu capital <ul><ul><li>Les visiteurs cherchent avant tout de l'information  </li></ul></ul><ul><ul><li>De l'inform...
Quel contenu ? <ul><ul><li>Imaginez ce que VOUS rechercheriez à sa place </li></ul></ul><ul><ul><li>Maison du Tourisme : <...
Quel contenu ? <ul><ul><li>Imaginez ce que VOUS rechercheriez à sa place </li></ul></ul><ul><ul><li>Activités / loisirs de...
Quel contenu ? <ul><ul><li>Valorisez vos produits, le terroir, l'unique.. </li></ul></ul><ul><ul><li>Spécialités locales :...
Le marketing du site <ul><ul><li>Pas de présence &quot;passive&quot; !  </li></ul></ul><ul><ul><li>Assurer la visibilité -...
Le marketing du site <ul><ul><li>Générer du trafic </li></ul></ul><ul><ul><li>Séduire & informer </li></ul></ul><ul><ul><l...
La réalisation du site : les grands principes  <ul><ul><li>Privilégiez le  contenu  (qualité, rédaction)  </li></ul></ul><...
Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels L...
Sites WEB : ce qui a changé… <ul><ul><li>Il y a encore 10 ans, le WEB passionnait les foules. Aujourd'hui, il fait partie ...
Sites WEB : ce qui a changé… <ul><ul><li>L'utilisabilité est une caractéristique de qualité liée à la  facilité à se servi...
Sites WEB : ce qui a changé… <ul><ul><li>La création sur Internet peut être attaché de  préceptes  qui peuvent être dépass...
Sites WEB : les préliminaires… <ul><ul><ul><li>Qu'avons-nous à vendre, à proposer ? </li></ul></ul></ul><ul><ul><ul><li>Qu...
Sites WEB : les préliminaires… <ul><ul><li>Qu ' a pporte Internet aux consommateurs ? </li></ul></ul><ul><ul><ul><li>Infos...
Sites WEB : l'enjeu d'un site 10 secondes ,  c’est le temps moyen dont un site  dispose pour convaincre les visiteurs de r...
Utilisabilité et graphisme WEB <ul><ul><li>Le choix du consommateur se porte vers le site le mieux adapté à son besoin et ...
Quelques points clefs <ul><ul><li>pouvant servir de guide à la conception </li></ul></ul><ul><li>Pour répondre à l'enjeu d...
Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels L...
Les pages épousent-elles bien les écrans ? <ul><li>L’affichage 800x600 pixels est le plus compatible (8%). 1024x728 est ma...
Les pages épousent-elles bien les écrans ? 1.  Les aspects techniques et fonctionnels
Les pages sont-elles adaptées aux navigateurs ? <ul><li>Un site web pourra se comporter différemment sur IE ou Firefox sur...
Les animations soutiennent-elles le contenu ? <ul><li>Les introductions FLASH provoquent l’irritation des utilisateurs dan...
Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels L...
La page d'accueil incite-t-elle à visiter le site ? <ul><li>Une bonne page d’accueil se doit de révéler d’un coup d’œil to...
L'interface soutient-elle la navigation ? <ul><li>Les lacunes dans la conception du système de navigation sont généralemen...
L'interface de navigation est-elle cohérente ? Typiquement positionnée en haut de page ou dans la colonne de gauche, la ba...
L'interface de navigation est-elle cohérente ? 2.  Navigation
L'organisation visuelle est-elle optimale ? <ul><li>Le système visuel humain perçoit le tout avant ses parties. À partir d...
L'équilibre largeur-profondeur est-il acceptable ? <ul><li>Notre mémoire à court terme est capable de prendre en compte, d...
L'équilibre largeur-profondeur est-il acceptable ? 2.  Navigation
Le recours aux images-liens est-il justifié ? <ul><li>Attention supérieure des liens hypertextes.  </li></ul><ul><li>Les i...
Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels L...
Quel est l'intér êt des visuels  ? <ul><li>Les images sur un site WEB jouent 4 rôles fondamentaux qui, par ordre d’efficac...
Le design est-il adapté à votre cible ? Il est important d’adapter le ton et l’interface aux publics cibles.  Plusieurs cr...
Le système typographique est-il cohérent ? <ul><li>Quelques règles sont à respecter  pour optimiser la lisibilité des page...
Le système typographique est-il cohérent ? 3.  Design graphique
L'agencement de l'écran est-il optimal ? <ul><li>On distingue deux stratégies d'exploration visuelle : </li></ul><ul><li>L...
L'agencement de l'écran est-il  optimal ? 3.  Design graphique
Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels L...
Quelle est la valeur d'usage du contenu ? <ul><li>S’efforcer à trouver 3 bonnes raisons de visiter régulièrement un site W...
Vos informations sont-elles crédibles ? Multipliez les signes qui renforcent la confiance :  -› Mettre ces raisons en avan...
L'écriture est-elle adaptée au WEB ? La lecture à l’écran est plus difficile : 25 à 30% plus lente  -›   être concis .  Ba...
L'écriture est-elle adaptée au WEB ? <ul><li>Quelques conseils :  </li></ul><ul><li>Privilégiez les titres courts , les ph...
Conclusion La clé de la réussite d'un site web n'est pas seulement technique ou graphique, c'est aussi la prise en compte,...
Prochain SlideShare
Chargement dans…5
×

Conception et refonte d'un site web : les bonnes pratiques

11 306 vues

Publié le

Publié dans : Business

Conception et refonte d'un site web : les bonnes pratiques

  1. 1. De la conception, à la refonte d'un site WEB, les bonnes pratiques à mettre en œuvre.
  2. 2. Avant propos Présentation personnelle Sébastien Noguès, chef de projet Internet à DDB Travel & Tourism (sebastien.nogues@ddb.fr) Présentation de l'intervention Il s'agit de donner quelques repères tant en termes d'attentes qualitatives des internautes en matière de tourisme que d'éléments ergonomiques pour créer ou refondre un site WEB.
  3. 3. Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Préceptes à la création / refonte d'un site WEB Les facteurs-clefs du succès
  4. 4. Comportement des internautes <ul><ul><li>Public plus autonome, plus voyageur, plus décide (plus de 75% déjà fixé sur les dates, le lieux, etc.) </li></ul></ul><ul><ul><li>Recherchent des prestations de qualité avant le prix (voyages d'agrément) </li></ul></ul><ul><ul><li>Amateurs d’aventure, découverte </li></ul></ul><ul><ul><li>Sont plus lent à réserver </li></ul></ul><ul><ul><li>Achètent en ligne des produits plus basiques (vol, location, packages standard) </li></ul></ul><ul><ul><li>55% fréquentent moins les agences, 24% ne les fréquentes plus </li></ul></ul><ul><ul><li>Satisfaits du mode de réservation (gai, rapide, efficace) </li></ul></ul>
  5. 5. Comportement des internautes <ul><ul><li>90% cherchent de l'info </li></ul></ul><ul><ul><li>La moitié se limite à chercher de l’info </li></ul></ul><ul><ul><li>10 à 15% ont acheté / louée en ligne </li></ul></ul><ul><ul><li>62% sont pr êts à acheter / louer en ligne </li></ul></ul><ul><ul><li>Principal frein au e-commerce: sécurité des transactions </li></ul></ul><ul><ul><li>61% qui désirent des infos veulent rester anonymes </li></ul></ul><ul><ul><li>Plus de la moitié souhaitent un contact immédiat suite à une demande </li></ul></ul><ul><ul><li>Cherchent les promos en grande majorité </li></ul></ul><ul><ul><li>Réservent plus tardivement (last minute) </li></ul></ul>
  6. 6. Nouvelles tendances touristiques <ul><ul><li>Des vacances qui se fractionnent et s'étalent : multiplication les séjours courts tout au long de l’année au détriment des temps forts des vacances </li></ul></ul><ul><ul><li>Des décisions tardives de départ : s’y prend de plus en plus tard pour choisir sa destination </li></ul></ul><ul><ul><li>Une plus grande autonomie des vacanciers dans l'organisation de leur voyage : réserve ses billets via le Net, 2 sur 3 ne fait pas appel à un professionnel pour l’organisation de son voyage </li></ul></ul><ul><ul><li>Augmentation des plus de 50 ans </li></ul></ul><ul><ul><li>Augmentation des circuits culturels </li></ul></ul>
  7. 7. Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Les facteurs-clefs du succès Préceptes à la création / refonte d'un site WEB
  8. 8. Que cherchent les internautes ? <ul><ul><li>Hébergement: 35 % </li></ul></ul><ul><ul><li>Transport: 20 % </li></ul></ul><ul><ul><li>Organismes, livres, référents : 17 % </li></ul></ul><ul><ul><li>Activités : 9 % </li></ul></ul><ul><ul><li>Opérateurs : 6 % </li></ul></ul><ul><ul><li>Loueurs: 6 % </li></ul></ul>
  9. 9. Attentes qualitatives des internautes <ul><ul><li>Des infos précises , opérationnelles, exhaustives (tarif, horaires, accès...) </li></ul></ul><ul><ul><li>Des infos fiables (à jour) </li></ul></ul><ul><ul><li>Des infos personnalisées (hyper segmentation) </li></ul></ul><ul><ul><li>Des &quot;marqueurs&quot; de confiance </li></ul></ul><ul><ul><li>Du service efficace </li></ul></ul><ul><ul><ul><li>Des réponses réactives (mails) </li></ul></ul></ul><ul><ul><ul><li>Passage aisé de l’info à la réservation </li></ul></ul></ul><ul><ul><ul><li>Réserver en 3 clics </li></ul></ul></ul>
  10. 10. Bien comprendre les besoins des internautes
  11. 11. Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Les facteurs-clefs du succès Préceptes à la création / refonte d'un site WEB
  12. 12. Défis pour les professionnels <ul><ul><li>Back-office, suivi gestion clients </li></ul></ul><ul><ul><li>Gestion des intermédiaires (vs. vente directe) </li></ul></ul><ul><ul><li>Confiance </li></ul></ul><ul><ul><li>Sur co û ts du média (p. ex. catalogues à expédier par la poste) </li></ul></ul><ul><ul><li>Avant réservation -› pull (moins agressif) </li></ul></ul><ul><ul><li>Mixer infos marchandes et non marchandes </li></ul></ul><ul><ul><li>Habitude à la variation de prix </li></ul></ul><ul><ul><li>Fondé sur l’expérience </li></ul></ul><ul><ul><li>Veille sur les tendances nouvelles (virale, mode, etc.) </li></ul></ul>
  13. 13. Création et refonte d'un site WEB Le marché du tourisme en ligne Comportement des internautes Que recherchent les internautes ? Défis pour les professionnels Les facteurs-clefs du succès Préceptes à la création / refonte d'un site WEB
  14. 14. Les facteurs de réussite <ul><ul><li>Comprendre les touristes-internautes (attentes, nouveaux comportements, etc.) </li></ul></ul><ul><ul><li>Savoir se différencier (Internet = milieu concurrentiel) </li></ul></ul><ul><ul><li>Savoir se valoriser (valoriser produits, savoir-faire, ses spécificités, etc.) </li></ul></ul><ul><ul><li>Etre actif (présence agressive -› promotion -› réactivité) </li></ul></ul><ul><ul><li>Faire vivre son site (mise à jour, évènementiel, etc.) </li></ul></ul><ul><ul><li>Soigner la relation client </li></ul></ul><ul><ul><li>Analyser le fonctionnement du site </li></ul></ul>
  15. 15. Un contenu capital <ul><ul><li>Les visiteurs cherchent avant tout de l'information </li></ul></ul><ul><ul><li>De l'information correspondant à leur profil -› identifier les attentes </li></ul></ul><ul><ul><li>De l'information directement exploitable -› simplicité ! </li></ul></ul><ul><ul><li>De l'information à forte valeur -› efficacité ! </li></ul></ul><ul><ul><li>De l'information d'accès facile -› ergonomie ! </li></ul></ul><ul><ul><li>De l'information complète -› exhaustivité ! </li></ul></ul><ul><ul><li>Complétée par de la documentation papier... </li></ul></ul><ul><ul><ul><li>Ils ne passeront à l'action (réservation) qu'une fois satisfaits... </li></ul></ul></ul>
  16. 16. Quel contenu ? <ul><ul><li>Imaginez ce que VOUS rechercheriez à sa place </li></ul></ul><ul><ul><li>Maison du Tourisme : </li></ul></ul><ul><ul><li>Quoi voir ? </li></ul></ul><ul><ul><li>Quoi faire ? </li></ul></ul><ul><ul><li>Evènements ? </li></ul></ul><ul><ul><li>Où se loger ? </li></ul></ul><ul><ul><li>Où se restaurer ? </li></ul></ul><ul><ul><li>Comment venir ? </li></ul></ul><ul><ul><li>Histoire locale... </li></ul></ul><ul><ul><li>Infos utiles... </li></ul></ul><ul><ul><li>H ôtel / restaurant : </li></ul></ul><ul><ul><li>Le site / environnement </li></ul></ul><ul><ul><li>Les chambres </li></ul></ul><ul><ul><li>La table (type cuisine, cave...) </li></ul></ul><ul><ul><li>Les services, les plus ... </li></ul></ul><ul><ul><li>Les activités alentours </li></ul></ul><ul><ul><li>Les tarifs </li></ul></ul><ul><ul><li>Comment réserver </li></ul></ul><ul><ul><li>Géolocalisation (cartes) </li></ul></ul>
  17. 17. Quel contenu ? <ul><ul><li>Imaginez ce que VOUS rechercheriez à sa place </li></ul></ul><ul><ul><li>Activités / loisirs de prestige : </li></ul></ul><ul><ul><li>L'exceptionnel ! </li></ul></ul><ul><ul><li>Une présentation sophistiquée </li></ul></ul><ul><ul><li>Des informations complètes </li></ul></ul><ul><ul><li>Un accueil hors normes </li></ul></ul><ul><ul><li>Des services plus </li></ul></ul><ul><ul><li>Réservation en ligne </li></ul></ul><ul><ul><li>Localisation </li></ul></ul><ul><ul><li>Activités / loisirs : </li></ul></ul><ul><ul><li>Activités proposées </li></ul></ul><ul><ul><li>Niveau de pratique </li></ul></ul><ul><ul><li>Matériels/ animaux </li></ul></ul><ul><ul><li>Stages, formation... </li></ul></ul><ul><ul><li>Saisons / dates d'ouverture </li></ul></ul><ul><ul><li>Tarifs </li></ul></ul><ul><ul><li>Offres groupe </li></ul></ul><ul><ul><li>Localisation </li></ul></ul>
  18. 18. Quel contenu ? <ul><ul><li>Valorisez vos produits, le terroir, l'unique.. </li></ul></ul><ul><ul><li>Spécialités locales : </li></ul></ul><ul><ul><li>Le lieu / terroir </li></ul></ul><ul><ul><li>L'histoire </li></ul></ul><ul><ul><li>La spécificité́, l'exception </li></ul></ul><ul><ul><li>Les produits </li></ul></ul><ul><ul><li>Les distributeurs </li></ul></ul><ul><ul><li>Commande en ligne </li></ul></ul><ul><ul><li>Localisation </li></ul></ul><ul><ul><li>Le site destiné a un public spécifique: </li></ul></ul><ul><ul><li>Recherche d'activités </li></ul></ul><ul><ul><li>Choix exhaustif </li></ul></ul><ul><ul><li>Respecter &quot;l'esprit&quot; </li></ul></ul><ul><ul><li>Thèmes associés </li></ul></ul><ul><ul><li>Fonction + pédagogique </li></ul></ul><ul><ul><li>Documents complémentaires </li></ul></ul><ul><ul><li>Utiliser les communautés </li></ul></ul><ul><ul><li>Géolocalisation (+) </li></ul></ul><ul><ul><li>Répondez parfaitement aux attentes spécifiques de la cible </li></ul></ul>
  19. 19. Le marketing du site <ul><ul><li>Pas de présence &quot;passive&quot; ! </li></ul></ul><ul><ul><li>Assurer la visibilité -› moteurs, annuaires, portails </li></ul></ul><ul><ul><li>Conquérir directement les internautes -› mailing </li></ul></ul><ul><ul><li>Fidéliser -› newsletters, forums, communautés </li></ul></ul><ul><ul><li>Ne pas attendre que les visiteurs arrivent ! </li></ul></ul>
  20. 20. Le marketing du site <ul><ul><li>Générer du trafic </li></ul></ul><ul><ul><li>Séduire & informer </li></ul></ul><ul><ul><li>Fournir & fidéliser </li></ul></ul>
  21. 21. La réalisation du site : les grands principes <ul><ul><li>Privilégiez le contenu (qualité, rédaction) </li></ul></ul><ul><ul><li>Le design sert a valoriser le contenu </li></ul></ul><ul><ul><li>Sachez séduire -› pénétration dans le site </li></ul></ul><ul><ul><li>Sachez intéresser -› parcours du site </li></ul></ul><ul><ul><li>Sachez générer une action -› mail, newsletter, contact, etc. </li></ul></ul><ul><ul><li>Sachez fidéliser -› évolution du contenu, mise à jour </li></ul></ul><ul><ul><li>Optimisez l'ergonomie -› vitesse, navigation instinctive </li></ul></ul><ul><ul><li>Proposez un site multilingue </li></ul></ul><ul><ul><ul><li>Respects de préceptes </li></ul></ul></ul>
  22. 22. Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne
  23. 23. Sites WEB : ce qui a changé… <ul><ul><li>Il y a encore 10 ans, le WEB passionnait les foules. Aujourd'hui, il fait partie de la vie de tous les jours. </li></ul></ul><ul><ul><li>Ce constat est d'autant plus valable pour le e-tourisme qui concrétise plus de la moitié des ventes de ce secteur. </li></ul></ul><ul><ul><li>Aujourd'hui, Internet fait partie de la vie de tous les jours. C'est un outil. On s’intéresse davantage aux fonctionnalités d’un site </li></ul></ul><ul><ul><ul><li>Pratique, il sera utilisé ; </li></ul></ul></ul><ul><ul><ul><li>Mal aisé, il n'aura aucun succès. </li></ul></ul></ul><ul><ul><li>Avec la multiplication des sites, les utilisateurs sont de moins en moins tolérants envers les sites difficiles à utiliser. </li></ul></ul><ul><ul><li>Chaque erreur de conception se traduit par une perte d'activité. </li></ul></ul><ul><ul><li>L'utilisabilité est donc plus importante que jamais. </li></ul></ul>
  24. 24. Sites WEB : ce qui a changé… <ul><ul><li>L'utilisabilité est une caractéristique de qualité liée à la facilité à se servir de quelques choses. Plus précisément, il s'agit de la rapidité avec laquelle des personnes peuvent apprendre à l'utiliser, de son efficacité, de sa rémanence, de son taux d'erreur et de sa facilité d'utilisation. Si le public n'utilise pas une fonction, elle n' aucun intérêt à exister. </li></ul></ul><ul><ul><li>Comment discerner les problèmes d'utilisabilité susceptibles d'avoir des conséquences sur un site WEB ? Quels sont ceux à résoudre et ceux à ignorer ? </li></ul></ul>
  25. 25. Sites WEB : ce qui a changé… <ul><ul><li>La création sur Internet peut être attaché de préceptes qui peuvent être dépassés, détournés ou ignorés. Cependant, la qualité et la praticité du site en dépendant. Suivant les profits d’internautes, ces préceptes se doivent d’être observés. </li></ul></ul><ul><ul><li>Dans tous les cas, il est nécessaire de connaître ces préceptes pour savoir ce que cela implique de les ignorés ; cela consiste également un cadre à la création d’une interface efficiente. </li></ul></ul>
  26. 26. Sites WEB : les préliminaires… <ul><ul><ul><li>Qu'avons-nous à vendre, à proposer ? </li></ul></ul></ul><ul><ul><ul><li>Quel est notre public ? </li></ul></ul></ul><ul><ul><ul><li>Qu'attendons nous de notre site (finalité) ? </li></ul></ul></ul><ul><ul><li>Répondre sans tricher à trois questions : </li></ul></ul><ul><ul><li>Ces réponses sont essentiels pour véhiculer un message et répondre aux enjeux d'un site WEB : </li></ul></ul><ul><ul><ul><li>Des internautes zappeurs et avides d'informations digestes </li></ul></ul></ul><ul><ul><ul><li>De l'interaction soutenant un contenu </li></ul></ul></ul>
  27. 27. Sites WEB : les préliminaires… <ul><ul><li>Qu ' a pporte Internet aux consommateurs ? </li></ul></ul><ul><ul><ul><li>Infos, services en avant-vente -› produits complexes </li></ul></ul></ul><ul><ul><ul><li>Personnalisation, individualisation </li></ul></ul></ul><ul><ul><ul><li>Disponibilit é de l' o ffre24h/24 </li></ul></ul></ul><ul><ul><ul><li>Bon rapport qualit é /prix -› transparence du marché </li></ul></ul></ul>
  28. 28. Sites WEB : l'enjeu d'un site 10 secondes , c’est le temps moyen dont un site dispose pour convaincre les visiteurs de rester. <ul><ul><li>Dans ce laps de temps, l'internaute doit comprendre : </li></ul></ul><ul><ul><ul><li>À qui il a à faire ; </li></ul></ul></ul><ul><ul><ul><li>L'objet du site ; </li></ul></ul></ul><ul><ul><ul><li>Le système de navigation . </li></ul></ul></ul>
  29. 29. Utilisabilité et graphisme WEB <ul><ul><li>Le choix du consommateur se porte vers le site le mieux adapté à son besoin et à ses compétences . </li></ul></ul><ul><ul><li>La notion d'utilisabilité est un critère de choix au moment de la consultation du site, au même titre que l'esthétique ou que la richesse du contenu. </li></ul></ul><ul><ul><li>Suivant les profits d’internautes, des préceptes peuvent êtres observés. Il est nécessaire de connaître ces préceptes pour savoir ce que cela implique de les ignorés ; cela consiste également un cadre à la création d’une interface efficiente. </li></ul></ul>
  30. 30. Quelques points clefs <ul><ul><li>pouvant servir de guide à la conception </li></ul></ul><ul><li>Pour répondre à l'enjeu de l'utilisabilité d'un site WEB lors de sa conception, des principes peuvent être établit pour valider les choix sous forme de check-list. </li></ul><ul><li>La check-list proposait ici comprend 4 éclairages complémentaires permettant de rendre objectivable la qualité des sites Internet. </li></ul><ul><ul><ul><li>Les aspects techniques et fonctionnels ; </li></ul></ul></ul><ul><ul><ul><li>La navigation ; </li></ul></ul></ul><ul><ul><ul><li>Le design graphique ; </li></ul></ul></ul><ul><ul><ul><li>Le contenu. </li></ul></ul></ul>
  31. 31. Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne
  32. 32. Les pages épousent-elles bien les écrans ? <ul><li>L’affichage 800x600 pixels est le plus compatible (8%). 1024x728 est maintenant la norme avec 56% de postes équipés. 1280x1024 ne concerne que 18% des postes. </li></ul><ul><li>La conception de page sur un largeur de 760 pixels est préférable (760x400). </li></ul><ul><li>On peut conseiller aussi de prévoir une interface extensible . Si ce n’est pas le cas, il faut réfléchir sur la gestion de l’espace lors de résolutions supérieures à 800x600. </li></ul><ul><li>De m ême il convient de prévoir l’environnement des pages . </li></ul>1. Les aspects techniques et fonctionnels
  33. 33. Les pages épousent-elles bien les écrans ? 1. Les aspects techniques et fonctionnels
  34. 34. Les pages sont-elles adaptées aux navigateurs ? <ul><li>Un site web pourra se comporter différemment sur IE ou Firefox sur PC ou sur Mac. Cela va de petites variations visuelles à de réels dysfonctionnements. </li></ul><ul><li>Il faut donc tester et corriger toutes les pages sur différentes combinaisons de navigateurs et de plate-formes. </li></ul>1. Les aspects techniques et fonctionnels
  35. 35. Les animations soutiennent-elles le contenu ? <ul><li>Les introductions FLASH provoquent l’irritation des utilisateurs dans leur grosse majorité </li></ul><ul><li>-› à utiliser avec parcimonie et uniquement s’il est impossible de développer la fonctionnalité avec les formats standard. </li></ul><ul><li>Le recours au multimédia est loin d’être nécessaire dans tous les cas. </li></ul><ul><li>Le recours aux applications multimédia pose une série de problèmes (la compatibilité, l’ergonomie, le temps de chargement, les coûts de production et le référencement). </li></ul>1. Les aspects techniques et fonctionnels
  36. 36. Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne
  37. 37. La page d'accueil incite-t-elle à visiter le site ? <ul><li>Une bonne page d’accueil se doit de révéler d’un coup d’œil toute la richesse du site. </li></ul><ul><li>Une Home Page se doit de répondre </li></ul><ul><li>aux questions suivantes : </li></ul><ul><li>Où je suis ? </li></ul><ul><li>Qu’est-ce que ce site peut m’offrir ? </li></ul><ul><li>Qu’y a-t-il de neuf ? </li></ul><ul><li>Quels chemins puis-je emprunter ? </li></ul>2. Navigation
  38. 38. L'interface soutient-elle la navigation ? <ul><li>Les lacunes dans la conception du système de navigation sont généralement à l'origine de deux désagréments fréquents sur le web : se perdre et attendre . </li></ul><ul><li>Chaque page du site devrait fournir des réponses aux trois questions de base que se posent les internautes : </li></ul><ul><li>Où suis-je ? </li></ul><ul><li>Où puis-je aller ? </li></ul><ul><li>Comment puis-je revenir en arrière ? </li></ul><ul><li>Des outils de contextualisation sont possibles : </li></ul><ul><li>titres de section, </li></ul><ul><li>fil d'Ariane (ou chemin de navigation), </li></ul><ul><li>bouton de rubrique en surbrillance identifiant la rubrique active, etc. </li></ul>2. Navigation
  39. 39. L'interface de navigation est-elle cohérente ? Typiquement positionnée en haut de page ou dans la colonne de gauche, la barre de navigation est une fonction à laquelle s’attendent les utilisateurs. 2. Navigation
  40. 40. L'interface de navigation est-elle cohérente ? 2. Navigation
  41. 41. L'organisation visuelle est-elle optimale ? <ul><li>Le système visuel humain perçoit le tout avant ses parties. À partir de ce fonctionnement perceptif chez l'être humain, 3 principales lois sont à retenir : </li></ul><ul><li>La loi de proximité, </li></ul><ul><li>La loi de similitude </li></ul><ul><li>La loi de bonne continuité </li></ul>2. Navigation La loi de proximité conduit la vision à regrouper les objets qui sont proches les uns des autres. La loi de similitude incite l'œil à réunir des entités qui se ressemblent par la forme, la couleur ou la taille. La loi de bonne continuité conduit la vision à rassembler des éléments qui partagent le même alignement. Ce qui se ressemble, fonctionne de la même manière. Selon la loi de similitude, l'œil attribue une même signification aux données présentées de la même manière. Second principe de regroupement, la loi de proximité consiste à rassembler les objets semblables sur les mêmes secteurs.
  42. 42. L'équilibre largeur-profondeur est-il acceptable ? <ul><li>Notre mémoire à court terme est capable de prendre en compte, d’un seul coup, plus ou moins 7 rubriques . </li></ul><ul><li>De m ême, a u-delà de 3 clics , on considère généralement que l’information est trop enfouie. </li></ul><ul><li>En revanche, n site trop horizontal, qui place tout au même niveau, perd son relief et sa lisibilité. </li></ul>2. Navigation
  43. 43. L'équilibre largeur-profondeur est-il acceptable ? 2. Navigation
  44. 44. Le recours aux images-liens est-il justifié ? <ul><li>Attention supérieure des liens hypertextes. </li></ul><ul><li>Les images-liens ont plusieurs désavantages : </li></ul><ul><li>elles se chargent plus lentement que le texte </li></ul><ul><li>on ne sait pas si elles sont interactives </li></ul><ul><li>n’indiquent pas si elles ont déjà été activées. </li></ul><ul><li>En revanche, ce qui est intéressant c’est l’association d’un lien hypertexte avec une icône visuelle. </li></ul><ul><li>La navigation par l’image peut être pertinente dans certains cas particuliers : cartes géographiques ou photo de groupe interactives, etc. </li></ul>2. Navigation
  45. 45. Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne
  46. 46. Quel est l'intér êt des visuels ? <ul><li>Les images sur un site WEB jouent 4 rôles fondamentaux qui, par ordre d’efficacité, sont : </li></ul><ul><li>L’image comme élément d’information : photo de produit, infographie, etc. </li></ul><ul><li>L’image comme élément de navigation : cartes géographiques, organigrammes interactifs, etc. </li></ul><ul><li>L’image comme élément de mise en page : séparateurs graphiques, îcones, arrondis, etc. </li></ul><ul><li>L’image comme élément d’ornementation : à utiliser avec précaution. </li></ul>3. Design graphique
  47. 47. Le design est-il adapté à votre cible ? Il est important d’adapter le ton et l’interface aux publics cibles. Plusieurs critères sont applicables : le sexe, l’âge, le niveau d’instruction, l’origine géographique et culturelle, l’expérience du média, le degré de fidélisation, l'équipement informatique, etc. Idéalement, le fait de tester le site auprès des véritables utilisateurs caractérisant le cœur de la cible est un plus (5x3) De m ême, l e site intervient comme un prolongement de la relation client. Il importe de ne pas décevoir le cœur de cible en respectant le positionnement marketing de l’éditeur 3. Design graphique
  48. 48. Le système typographique est-il cohérent ? <ul><li>Quelques règles sont à respecter pour optimiser la lisibilité des pages web : </li></ul><ul><li>L’image comme élément d’information : photo de produit, infographie, etc. </li></ul><ul><li>Ne pas utiliser plus de 3 polices de caractères </li></ul><ul><li>Seuls les titres peuvent êtres affichés en majuscule </li></ul><ul><li>Associer une police de caractères à chaque type d'objet de l'interface </li></ul><ul><li>Les polices sans empattement conviennent bien à la lecture à l’écran </li></ul><ul><li>Corps de polices minimum de 11px </li></ul><ul><li>Mieux vaut quelques lignes longues que plusieurs lignes courtes </li></ul><ul><li>Aérer le texte </li></ul><ul><li>Choisir ces polices parmi les suivantes : Arial, Arial Black, Comic Sans MS, Courrier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana </li></ul>3. Design graphique
  49. 49. Le système typographique est-il cohérent ? 3. Design graphique
  50. 50. L'agencement de l'écran est-il optimal ? <ul><li>On distingue deux stratégies d'exploration visuelle : </li></ul><ul><li>Lorsque l'utilisateur découvre pour la 1er fois une page WEB, il explore l'écran : l'usager adopte une stratégie en Z . </li></ul><ul><li>Lorsque l'utilisateur connaît l'image, il effectue une recherche sélective, c'est-à-dire qu'il cherche une information qu'il pense être à une certaine place : il adopte une stratégie de fixation sélective sur les points qui lui semblent pertinents. </li></ul><ul><li>Le positionnement des éléments est un des moyens les plus efficaces pour mettre en évidence une information. </li></ul><ul><li>Pour organiser l'écran, il convient de prendre en compte la visibilité des différents composants et leur accessibilité à l'aide de la souris </li></ul>3. Design graphique
  51. 51. L'agencement de l'écran est-il optimal ? 3. Design graphique
  52. 52. Création et refonte d'un site WEB Préceptes à la création / refonte d'un site WEB Les aspects techniques et fonctionnels La navigation Le design graphique Le contenu Le marché du tourisme en ligne
  53. 53. Quelle est la valeur d'usage du contenu ? <ul><li>S’efforcer à trouver 3 bonnes raisons de visiter régulièrement un site WEB : </li></ul><ul><li>présentation de l’éditeur, </li></ul><ul><li>références, </li></ul><ul><li>témoignages, </li></ul><ul><li>couverture presse, </li></ul><ul><li>garanties diverses, </li></ul><ul><li>possession d’un nom de domaine propre et clairement identifiable, </li></ul><ul><li>existence d’un comité éditorial, </li></ul><ul><li>copyright, </li></ul><ul><li>certification, </li></ul><ul><li>sources d’information. </li></ul>4. Contenu
  54. 54. Vos informations sont-elles crédibles ? Multipliez les signes qui renforcent la confiance : -› Mettre ces raisons en avant tant au niveau de la communication qu’au niveau de l’architecture de navigation du site. 4. Contenu
  55. 55. L'écriture est-elle adaptée au WEB ? La lecture à l’écran est plus difficile : 25 à 30% plus lente -› être concis . Baignés dans un environnement hypertexte, les internautes balayent majoritairement les pages avant de les lire mot à mot -› accrocher l’œil . L’internaute fuient aisément ce qui s’apparente trop à de la publicité et s’orientent tout droit vers les informations qui leur sont utiles -› éviter un ton trop promotionnel. 4. Contenu
  56. 56. L'écriture est-elle adaptée au WEB ? <ul><li>Quelques conseils : </li></ul><ul><li>Privilégiez les titres courts , les phrases courtes et les tournures simple et directes. Veillez à ce que chaque paragraphe contienne une seule idée maîtresse. Style utilisé en radio. </li></ul><ul><li>Donnez du relief à l’information : soignez les micro-contenus, utilisez des titres et intertitres (5 fois plus lus que les textes), utilisez des listes à puces, découpez votre information en plusieurs paragraphes, découpez votre page en plusieurs encarts d’information, intégrez étroitement les visuels au contenu (en y associant des légendes). </li></ul><ul><li>Prévoyez des hyperliens suffisamment explicites et privilégiez une écriture concrète et factuelle. </li></ul><ul><li>Une page devrait contenir entre 500 signes (pas assez consistante) et 4000 signes (lecture à l’écran pénible). </li></ul>4. Contenu
  57. 57. Conclusion La clé de la réussite d'un site web n'est pas seulement technique ou graphique, c'est aussi la prise en compte, tout au long du développement, de l'utilisabilité. La qualité d’un site née quelque part à l’intersection entre ergonomie et graphisme .

×