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.

1. Rencontres du e-tourisme institutionnel 2008
Expérience utilisateur
& e-tourisme institutionnel
Delphine Ledue
Consultante en ergonomie

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. Sous-sol
Introduction

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. Rez de chaussée
Une approche centrée sur l’utilisateur.
Oui, mais pourquoi ?

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. 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. Vous ne pouvez réaliser vos objectifs
si l’utilisateur ne remplit pas les siens.
Aidez-le donc à y voir plus clair.

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. 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. 1er étage
4 concepts «utiles & utilisables»

12. Sur l’autoroute de l’information, c’est
l’internaute qui a le volant.
Nous disposons du levier de vitesse.

13. Votre site,
Vos internautes,
Vos concurrents,
Votre secteur
sont à observer et analyser
Capitaliser.
(Sur les bonnes pratiques seulement...)

14. Hiérarchiser,
Catégoriser,
Ranger
les contenus pour
Simplifier.

15. La structuration,
Les mots,
Les formes,
Les comportements
Ceci est un chat
doivent être pensés pour
Guider.

16. Les contenus,
Les fonctionnalités
doivent être choisis et valorisés
pour leur
Utilité.

17. 2ème étage
Premiers pas sur le site...

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. 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. 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. 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. 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. 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. www.sweden.se

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. www.lonelyplanet.com

27. 3ème étage
Stratégie fonctionnelle :
Adoptez les (R)évolutions

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. www.tripbase.com
www.nouveau-paris-ile-de-france.fr

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. www.triporati.com

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. www.rhonealpes-tourisme.fr

34. Dernier étage
Pour conclure

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. Merci.