28
Atelier 12 Améliorer et personnaliser lergonomie de mon site internet Eric NOTIN - L’ECHANGEUR MP Mathieu Vadot Consultant indépendant Marketing & Tourisme Yoann Vastra Chef de projet Web Agence Canopée

Compil Atelier 12 - Ergonomie VEM 2009.ppt

Embed Size (px)

Citation preview

Page 1: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Atelier 12 Améliorer et personnaliser

l’ergonomie de mon site internet

Eric NOTIN - L’ECHANGEUR MP

Mathieu Vadot Consultant indépendant

Marketing & Tourisme

Yoann Vastra Chef de projet Web

Agence Canopée

Page 2: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Quel est le rôle de l’ergonomie ?

Page 3: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Définition

Sens général : “ Étude scientifique de la relation entre l'homme et la machine. ”

Appliquée au web : “ Capacité à répondre efficacement aux attentes des internautes et à leur fournir un confort de navigation. ”

Page 4: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Critères à analyser• Attentes de l’utilisateur, habitudes, âge,

équipements, niveaux de connaissance.

Objectifs

• Retenir l’internaute, faciliter la navigation

et l’accès aux informations, vendre, fidéliser.

Page 5: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Quels sont les « principes de base » ?

Page 6: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Sobriété / Lisibilité

• Graphisme épuréExemples : 1 - 2

• Animations modéréesExemples : 1 - 2

• Textes aérés, structurés, organisésArborescence claire, niveaux de titres et paragraphes,principes d’écriture web.

Page 7: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Utilisabilité

• Règle des 3 clicsMenus et sous-menus, blocs, liens internes >

• RapiditéTemps d’affichage, images optimisées >

• Habitudes / conventions à respecter Outils de repérage, liberté de navigation

Page 9: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Accessibilité

• Respect des standards : W3C, WAI …

• Site multilingue

• Equipements

Page 10: Compil Atelier 12 - Ergonomie VEM 2009.ppt
Page 11: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Comment organiser le contenu de son site ?

Page 12: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Pour une organisation des contenus claire, logique et bien rangée :

• Regrouper les contenus qu’il est logique d’associer.

• Mettre les contenus les plus recherchés en évidence.

• Soigner les intitulés de vos rubriques et vérifier leur cohérence :

• Court et ultra explicite• Exclusif

Page 13: Compil Atelier 12 - Ergonomie VEM 2009.ppt
Page 14: Compil Atelier 12 - Ergonomie VEM 2009.ppt

• La home page ne propose pas forcement

un accès à toutes les pages du site !

Page 15: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

• Etudier la pertinence de chaque phrase. • Est-elle indispensable ?

• Diviser la quantité des mots par 2. • Uniquement sur vos « pages navigantes ».

Ecrire spécifiquement pour le web :

• Utiliser des titres, des sous-titres, des mots clés en gras et des images/photos pour illustrer vos propos.

• Découper en paragraphes.

• Ecrire concis et pragmatique.

Page 16: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Page 17: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

• Fiche « Produit » de l’hôtel Santa Lucia à St Raphaël.

Page 18: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Page 19: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

Respecter les habitudes & Conventions :

1/3 des internautes français consultent au moins une fois par mois un des 5 premiers sites marchands de

voyage(Source : FEVAD).

Soit plus de 10 millions de visiteurs uniques chaque mois !

Ces sites formatent les habitudes de consommation et les attentes des internautes. (Ex : Expédia)

Page 20: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Comment s’assurer de l’efficacité des choix réalisés?

Interrogez vos clients.

Etudiez les statistiques de votre site.

Page 21: Compil Atelier 12 - Ergonomie VEM 2009.ppt

• Pour identifier ce que recherche vos internautes.

Indicateurs clés :

• Pages les plus consultés.

• Principales pages de destination.

• Mots clés utilisés (page d’entrée).• Recherche sur site.

Utiliser les statistiques de votre sites web !

• Utilisez aussi le Générateur de mot clés de Google.

Page 22: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Indicateurs clés :

• Temps moyen passé sur la page.

• Taux de rebond.

• Principales pages de sorties.

• Pour identifier les pages qui posent problème ou qui sont très peu consultées, la qualité de vos liens.

Utiliser les statistiques de votre sites web !

Page 23: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Utiliser les statistiques de votre sites web !

• Pour vérifier que vos internautes suivent le chemin que vous voulez qu’ils suivent.

Indicateurs clés :

• Création d’objectifs.

• Entonnoirs de conversion.

Page 24: Compil Atelier 12 - Ergonomie VEM 2009.ppt

• Pour mesurer l’impact de vos modifications… et

faire de nouvelles adaptations…

Indicateurs clés :

• Evolution du temps moyen passé sur la page.

• Evolution du taux de rebond.

• Evolutions des objectifs.

• Evolutions des entonnoirs de conversion.

• …

Utiliser les statistiques de votre sites web !

Page 25: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Questions ?

Marketing & TourismeMathieu Vadot Consultant indépendant

Agence CanopéeYoann Vastra Chef de projet Web

Page 26: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Ressources utiles sur le web :

• http://www.ergolab.net/ : site ressource de référence sur l’ergonomie.

• http://www.hiseo.fr/ : conseils pour l’écriture web.

• http://www.60questions.net/fichesdepros/index.htm : fiche pratique

« Que faire pour que vos pages ressorte bien sur Google » (Titres,

balises …).

• http://www.redaction.be/contenu.htm : site de ressource de référence

pour l’écriture web.

• http://forum.webrankinfo.com/ : Forum de référence pour toutes les

questions liées au référencement à Google Analytics, etc.

http://analyseweb.fr/ : Forum spécialisé dans l’analyse statistique de

site web.

Page 27: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Les clefs de la réussite

• Organiser vos blocs avec des titres, des sous-titres (Balises <H1>, <H2> …)

• Intégrer des images pour illustrer le sens des différents blocs et harmoniser l’organisation visuelle (attribut ALT de la balise <IMG>)

Ecrire aussi pour les robots de Google :• Prévoir un titre pour chaque page (Balise <TITLE>).• Associer une intro, une accroche (Balise Meta

<Description>)

• Une seul idée par paragraphe !• Les mots clés en gras (Balise <strong>).• Les liens hypertexte clairement exprimés.

Page 28: Compil Atelier 12 - Ergonomie VEM 2009.ppt

Retrouvez-le sur le showroom