Accueil > Ergonomie et accessibilité web > Des interfaces riches…trop riches ?

Des interfaces riches…trop riches ?

Depuis toujours, nous nous efforçons de rendre la navigation web toujours plus pratique et plus agréable aux utilisateurs de nos pages.

Cela n'est qu'amplifié avec l'avènement du Web dit "2.0" où l'on veut un maximum d'effets de style, des composants graphiques manipulables à souhait ... bref, tout pour rendre heureux notre cher visiteur.

Cela semble être une bonne direction mais à y regarder de plus près, on peut se demander si cette fenêtre de tir est vraiment la bonne.

Une réussite contestable

Je prendrai l'exemple du site http://www.voyages-sncf.com car en plus d'étayer mes propos, cet exemple permettra de mettre le doigt sur un problème de conception (on pourra donc espérer un correctif dans quelques temps) qui lui est propre.

Ce que je veux faire : Consulter les horaires des trains pour demain soir ayant pour départ Paris et pour destination Evreux.

Procédure avec la version normale
- Connexion au site
- La case train est cochée par défaut.
J'ai donc juste à saisir Paris en gare de départ et Evreux en destination.
On constate qu'après avoir saisi seulement 3 lettres de chaque ville, l'auto-complétion nous propose ces villes 🙂

- Choisir la date
- Choisir l'heure
- Cliquer sur "Horaires seuls"

Pan !!! "Votre trajet n'est pas vendu sur le site car il nécessite au moins 3 changements." ==> Il va falloir m'expliquer...

- Cliquer sur "Aide" en dessous de Paris => Liste de 24 gares, j'abandonne 🙁
- Cliquer sur "Aide" en dessous de Evreux => Liste de 2 gares : EVREUX (27) et EVREUX NORMANDIE (27)
Putôt bizarre car je n'ai jamais entendu parlé de deux gares pour cette ville...

- Choisir EVREUX (27)
- Lancer la recherche

Pan !!! "Votre trajet n'est pas vendu sur le site car il nécessite au moins 3 changements." ==> C'est bien la peine de me l'avoir proposé dans "Aide" dans ce cas...

- Choisir EVREUX NORMANDIE (27)
- Lancer la recherche

On a enfin les horaires...

Un peu long, non ?

Deux suggestions :
- Proposer pour la destination, une auto-complétion affichant les noms de gares possibles par rapport à la gare de départ.
- Sur la page intermédiaire contenant les boutons "aide", ne pas afficher 24 gares pour Paris sachant qu'une seule correspond à mes deux destinations potentielles (EVREUX(27) et EVREUX NORMANDIE (27)).

Procédure avec la version mobile

- Connexion au site
- Consulter les horaires de train
- Saisir la ville de départ : Paris
- Saisir la ville de destination : Evreux
- Cliquer sur "continuer"
- On choisit dans la liste déroulante de départ (9 gares) : PARIS
- On laisse dans la liste déroulante de destination EVREUX-EMBRANCHEMENT (seul choix)
- Choisir la date
- Choisir l'heure
- On clique sur "continuer"

Affichage des résultats.

Conclusion

On se casse parfois la tête à faire des interfaces de folie, pour se rendre compte qu'une interface épurée à l'extrême est bien plus pratique et rapide à utiliser.

S'il vous faut un autre exemple pour en être convaincu, pensez à Google...