Delphine Ledue Consultante en ergonomie

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

.Un zeste d’autopromo

Contextualisez bien le tout...

et servez zippé !

Sous-sol

Introduction

1997 Création de l’agence

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

Aujourd’hui 1ère agence indépendante 120 collaborateurs

Rez de chaussée

Une approche centrée sur l’utilisateur.Oui, mais pourquoi ?

D’un coté il y a vos objectifs...

www.vendee-tourisme.com

1

2

3

Favoriser l’accès des internautes à l’offre touristique.

Développer l’image d’un département dynamique.

Asseoir le statut de destination nautique.

Comité Départemental du Tourisme de la Vendée

Sylvie 34 ansAttachée commerciale mariée 2 enfants vit à Bordeaux

Expertise Internet

Equipement.PC, Windows Vista Familial .Ecran 22 Pouces résolution 1280 x 1024.ADSL Orange 10 mégas

Usage Utilise Internet pour son travail ainsi qu’à la maison le week-end. En dehors de ses e-mails elle se sert surtout du net pour consulter les actualités, il lui arrive de commander des tirages photos en ligne.

Rapport au siteSylvie 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.

... De l’autre ceux de vos internautes.

1

2

3

S’informer sur les activités et événements culturels des Sables pour sa période de séjour.

Trouver les horaires des navettes et l’adresse de l’embarquadère pour passer une journée sur l’île d’Yeu.

Réserver des places pour assister à la Cinéscénie du Puy du Fou.

Son projet Partir en Famille aux Sables d’Olonne pour les vacances de Pâques.

Vous ne pouvez réaliser vos objectifs si l’utilisateur ne remplit pas les siens.

Aidez-le donc à y voir plus clair.

Avec un confort et une perception positive.

Rapidement & facilement.

Atteindre un objectif.

Pour une expérience utilisateur réussie :

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

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

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 pratiques seulement...)

Simplifier.

Hiérarchiser,

Catégoriser,

Ranger

les contenus pour

Ceci est un chat

Guider.

La structuration,

Les mots,

Les formes,

Les comportements

doivent être pensés pour

Utilité.

Les contenus,

Les fonctionnalités

doivent être choisis et valorisés pour leur

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

.avoir envie d’entrer dans le site.

www.tourisme-midi-pyrenees.com

Comité Régional du Tourisme Midi-PyrénéesPar l’exemple :

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 ;

Pas d’entrées «pratiques» On enferme l’internaute dans des univers et des «insights».

2

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.

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.

www.rhonealpes-tourisme.fr

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.

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.

www.tourisme-midi-pyrenees.com

Comité Régional du Tourisme Midi-PyrénéesPar l’exemple :

.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 coeur, c’est moins évident.

.

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ê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 ;

...

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 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 !

www.nouveau-paris-ile-de-france.fr

www.tripbase.com

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»

www.triporati.com

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

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 accompagne et guide votre conception sans l’entraver.

Merci.