Rencontres du e-tourisme institutionnel 2008




 Expérience utilisateur
 & e-tourisme institutionnel




                ...
Au menu


.Une cuillère à soupe de définitions
.Un doigt de méthodo
.Une pincée de bonne humeur
.10 cl de best practices
....
Sous-sol

Introduction
1997 Création de l’agence

2007 Création du pôle ergonomie
      (anciennement Peoplesquare)

Aujourd’hui 1ère agence indé...
Rez de chaussée

Une approche centrée sur l’utilisateur.
       Oui, mais pourquoi ?
D’un coté il y a vos objectifs...
                                         Comité Départemental du Tourisme de la Vendée

...
Sylvie 34 ans
                                                              ... De l’autre ceux de vos internautes.
      ...
Vous ne pouvez réaliser vos objectifs
si l’utilisateur ne remplit pas les siens.




      Aidez-le donc à y voir plus cla...
Pour une expérience utilisateur réussie :


L’interface doit être capable de permettre
à l’utilisateur




Atteindre un ob...
Une palette d’outils :

.personas
.benchmark ergonomique
.audit
.tri de carte
.test utilisateurs
.spécifications fonctionn...
1er étage

4 concepts «utiles & utilisables»
Sur l’autoroute de l’information, c’est
l’internaute qui a le volant.

Nous disposons du levier de vitesse.
Votre site,
Vos internautes,
Vos concurrents,
Votre secteur


sont à observer et analyser




Capitaliser.
(Sur les bonnes...
Hiérarchiser,
Catégoriser,
Ranger


les contenus pour




Simplifier.
La structuration,
Les mots,
Les formes,
Les comportements
                           Ceci est un chat

doivent être pensés...
Les contenus,
Les fonctionnalités

doivent être choisis et valorisés
pour leur




Utilité.
2ème étage

Premiers pas sur le site...
Soignez votre accueil



L’internaute doit :
.savoir qui vous êtes et ce que
vous faites.
.savoir si vous pouvez lui être ...
Par l’exemple :
Comité Régional du Tourisme Midi-Pyrénées
                                                            Un «...
Par l’exemple
    Une image globale de modernisme
    véhiculée par :
    .La page aérée donc plus lisible ;
    .Le contr...
A la découverte des contenus


L’architecture du site doit permettre
une naviguabilité élevée.
Chacun des objets doivent r...
Par l’exemple

    Une navigation croisée qui a du
    sens : elle permet un effet entonnoir
    qui affine les informatio...
Par l’exemple :
Comité Régional du Tourisme Midi-Pyrénées
                                                          .Utili...
www.sweden.se
Tout est dans le détail !


L’ergonomie c’est souvent une
multitude de petits éléments
additionnés :
.les mots clés en têt...
www.lonelyplanet.com
3ème étage

 Stratégie fonctionnelle :
Adoptez les (R)évolutions
My interface is rich


.Simplification : on affiche les
informations nécessaires, les autres
apparaissent selon les besoin...
www.tripbase.com


www.nouveau-paris-ile-de-france.fr
Socialisez votre site


Utiliser le web social à bon escient
pour :
.Impliquer davantage l’internaute
.Enrichir l’expérien...
www.triporati.com
Cap sur la mobilité
Elle cristallise toutes les dimensions de
l’utilisabilité :
. Répondre à un besoin immédiat
J’utilise ...
www.rhonealpes-tourisme.fr
Dernier étage

Pour conclure
Respecter les règles de l’ergonomie
ce n’est pas se priver de créativité.




L’utilisabilité est un état d’esprit
qui acc...
Merci.
Upcoming SlideShare
Loading in …5
×

4emes Rencontres Nationales du etourisme institutionnel - Atelier 1 : Ergonomie

2,135
-1

Published on

Présentation de Delphine Ledue dans l'atelier n°1 consacré à l'ergonomie lors des 4èmes Rencontres Nationales du etourisme institutionnel le mardi 18/11/2008 à Toulouse.

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

No Downloads
Views
Total Views
2,135
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
149
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

4emes Rencontres Nationales du etourisme institutionnel - Atelier 1 : Ergonomie

  1. 1. Rencontres du e-tourisme institutionnel 2008 Expérience utilisateur & e-tourisme institutionnel Delphine Ledue Consultante en ergonomie
  2. 2. Au menu .Une cuillère à soupe de définitions .Un doigt de méthodo .Une pincée de bonne humeur .10 cl de best practices .Un zeste d’autopromo Contextualisez bien le tout... et servez zippé !
  3. 3. Sous-sol Introduction
  4. 4. 1997 Création de l’agence 2007 Création du pôle ergonomie (anciennement Peoplesquare) Aujourd’hui 1ère agence indépendante 120 collaborateurs
  5. 5. Rez de chaussée Une approche centrée sur l’utilisateur. Oui, mais pourquoi ?
  6. 6. D’un coté il y a vos objectifs... Comité Départemental du Tourisme de la Vendée 1 Favoriser l’accès des internautes à l’offre touristique. 2 Développer l’image d’un département dynamique. 3 Asseoir le statut de destination nautique. www.vendee-tourisme.com
  7. 7. Sylvie 34 ans ... De l’autre ceux de vos internautes. Attachée commerciale mariée 2 enfants vit à Bordeaux 1 S’informer sur les activités et Son projet Partir en Famille aux Sables événements culturels des Sables d’Olonne pour les vacances pour sa période de séjour. de Pâques. Expertise Internet 2 Trouver les horaires des navettes et Equipement l’adresse de l’embarquadère pour .PC, Windows Vista Familial .Ecran 22 Pouces résolution 1280 x 1024 passer une journée sur l’île d’Yeu. .ADSL Orange 10 mégas Usage 3 Réserver des places pour assister à Utilise Internet pour son travail ainsi qu’à la maison le week-end. En dehors de ses e-mails elle se sert la Cinéscénie du Puy du Fou. surtout du net pour consulter les actualités, il lui arrive de commander des tirages photos en ligne. Rapport au site Sylvie arrive sur le site par hasard, elle cherche à s’informer sur sa destination. Ne disposant pas de beaucoup de temps libre elle est dans une logique de consultation rapide des contenus.
  8. 8. Vous ne pouvez réaliser vos objectifs si l’utilisateur ne remplit pas les siens. Aidez-le donc à y voir plus clair.
  9. 9. Pour une expérience utilisateur réussie : L’interface doit être capable de permettre à l’utilisateur Atteindre un objectif. Rapidement & facilement. Avec un confort et une perception positive.
  10. 10. Une palette d’outils : .personas .benchmark ergonomique .audit .tri de carte .test utilisateurs .spécifications fonctionnelles .optimisation sur base des webanalytics ... au service de l’utilisateur
  11. 11. 1er étage 4 concepts «utiles & utilisables»
  12. 12. Sur l’autoroute de l’information, c’est l’internaute qui a le volant. Nous disposons du levier de vitesse.
  13. 13. Votre site, Vos internautes, Vos concurrents, Votre secteur sont à observer et analyser Capitaliser. (Sur les bonnes pratiques seulement...)
  14. 14. Hiérarchiser, Catégoriser, Ranger les contenus pour Simplifier.
  15. 15. La structuration, Les mots, Les formes, Les comportements Ceci est un chat doivent être pensés pour Guider.
  16. 16. Les contenus, Les fonctionnalités doivent être choisis et valorisés pour leur Utilité.
  17. 17. 2ème étage Premiers pas sur le site...
  18. 18. Soignez votre accueil L’internaute doit : .savoir qui vous êtes et ce que vous faites. .savoir si vous pouvez lui être utile. .avoir envie d’entrer dans le site.
  19. 19. Par l’exemple : Comité Régional du Tourisme Midi-Pyrénées Un «bienvenue» agréable accompagné d’un bandeau animé (peut être un peu trop) et la possibilité d’accéder aux lieux affichés; Une identification rapide de l’interlocuteur; Présence des actualités. Un espace mal utilisé : .peu de remontées textuelles .cannibalisation des images trop nombreuses .beaucoup de zones qui flottent : besoin d’optimisation du pixel 2 ; Pas d’entrées «pratiques» On enferme www.tourisme-midi-pyrenees.com l’internaute dans des univers et des «insights».
  20. 20. Par l’exemple Une image globale de modernisme véhiculée par : .La page aérée donc plus lisible ; .Le contrôle du bandeau visuel, pas de parasitage intempestif ; .Un véritable effort éditorial ; .Visibilité des contenus interactifs ; .Utilisation des tags comme navigation transversale. Navigation pauvre : j’ai du mal à aller droit au but. Utilisation de formats vidéos propriétaires. www.rhonealpes-tourisme.fr Problème dans l’utilisation de la carte sur le bloc de résa, lorsque l’utilisateur utilise l’outil il est focalisé sur la colonne et ne voit pas la carte au centre.
  21. 21. A la découverte des contenus L’architecture du site doit permettre une naviguabilité élevée. Chacun des objets doivent remplir leur rôle : .les menus, .les liens transversaux, .les mises en avant.
  22. 22. Par l’exemple Une navigation croisée qui a du sens : elle permet un effet entonnoir qui affine les informations selon les besoins de l’internaute. Le choix des intitulés de cette navigation n’est pas forcément légitime ; De trop nombreux blocs navigationnels ; Le coeur de page ne relaye pas de manière évidente la navigation secondaire.
  23. 23. Par l’exemple : Comité Régional du Tourisme Midi-Pyrénées .Utilisation d’un fil d’Ariane .L’utilisateur retrouve les mises en avant de la page d’accueil sur toutes les pages secondaires. Incohérence de l’apparence du fil d’ariane : .Seul le dernier item doit être non cliquable. .Rendondance du terme accueil. Le menu transversal a l’apparence d’une mise en avant : .L’internaute n’a pas la visibilité des possibilités qui lui sont offertes. .Si vous avez de la chance il survolera le bloc «Je rêve de l’hiver», pour celui qui aurait voulu cliquer sur les coups de www.tourisme-midi-pyrenees.com coeur, c’est moins évident. .
  24. 24. www.sweden.se
  25. 25. Tout est dans le détail ! L’ergonomie c’est souvent une multitude de petits éléments additionnés : .les mots clés en tête d’intitulé et éventuellement en gras ; .un contraste assez fort entre fond et intitulé ou objet ; .une ouverture de la navigation en fin de page ; ...
  26. 26. www.lonelyplanet.com
  27. 27. 3ème étage Stratégie fonctionnelle : Adoptez les (R)évolutions
  28. 28. My interface is rich .Simplification : on affiche les informations nécessaires, les autres apparaissent selon les besoins de l’internaute ; .Rapidité : les nouvelles technos permettent d’alléger les temps de charges, les pages sont découpées en blocs ; .Immersion : le rich média et les nouveaux modes de navigation pour sublimer les univers. Attention aux interactions !
  29. 29. www.tripbase.com www.nouveau-paris-ile-de-france.fr
  30. 30. Socialisez votre site Utiliser le web social à bon escient pour : .Impliquer davantage l’internaute .Enrichir l’expérience de navigation .Faciliter la diffusion des contenus Ne pas tomber dans le «poke me I’m famous»
  31. 31. www.triporati.com
  32. 32. Cap sur la mobilité Elle cristallise toutes les dimensions de l’utilisabilité : . Répondre à un besoin immédiat J’utilise mon téléphone parce que je n’ai pas d’autre accès à cet instant. . Vocation de service : être utile J’ai besoin d’une information précise et j’utilise mon terminal mobile car c’est important. Avec mon Iphone j’ai un petit écran et mes doigts sont boudinés...
  33. 33. www.rhonealpes-tourisme.fr
  34. 34. Dernier étage Pour conclure
  35. 35. Respecter les règles de l’ergonomie ce n’est pas se priver de créativité. L’utilisabilité est un état d’esprit qui accompagne et guide votre conception sans l’entraver.
  36. 36. Merci.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×