La question posée par Marina à la suite de mon billet précédent m'est régulièrement adressée en formation :

Est-ce que l'expérience utilisateur varie d'une langue à l'autre, d'une culture à l'autre ?

J'ai déjà lu un ou deux mémoires sur le sujet, mais n'y ai jamais vraiment puisé de données consistantes.

Certes, on peut trouver, ci et là, des recommandations sur la conception des sites web dans un environnement international. Mais ces recommandations portent davantage sur des conventions métriques et typographiques que sur des questions de mise en page.

Un coup d'oeil rapide sur les sites arabes, par exemple, permet de constater qu'ils affichent des standards d'ergonomie très semblables aux nôtres. Simplement, le site se construit en miroir, avec un sens de lecture de droite à gauche, et non de gauche à droite.

Source : http://www.aljazeera.net/Portal

J'ai découvert récemment (merci Katsoura) une collection de 30 systèmes de navigation attractifs.

Une tendance marquante et positive, selon moi, est que les interfaces se simplifient. Les portails, les puzzles à cent pièces, tendent à disparaître, au profit de mise en page plus contrastées, qui mettent beaucoup plus rapidement en avant les contenus clés.

Parmi ces 30 exemples, il y en a un qui a particulièrement attiré mon attention. C'est le CV de Sarah Longnecker, passionnée de production vidéo.

Source : http://sarahlongnecker.com.

Ce CV en ligne présente plusieurs qualités rares :

• Un copywriting tranchant, simple et puissant
• Une typographie esthétique, efficace, contrastée, aérée
• Des appels à l'action bien choisis ("Check out my portfolio", "Contact me", "Download resume")
• Une architecture de navigation épurée au maximum ("work", "blog", "about", "contact"... quoique ces deux dernières rubriques pourraient encore être fusionnées)

Pour dire les choses autrement, il n'est pas si fréquent de voir une telle bonne alchimie entre l'écriture, la structure, le graphisme et le fonctionnel. Cette demoiselle montre l'exemple dans un domaine où je peinais à identifier de bonnes pratiques.

Que pensez-vous de cette idée d'animer des boutons à l'aide d'éléments vidéos ?

Un exemple est accessible sur le site web de la société ACERTA, qui offre des services en création et gestion d'entreprise.

Source : www.prioritealhumain.be.

Outre leur mouvement, le fait que les personnages débordent du cadre strict du bouton attire évidemment l'attention.

Percutant ou perturbant ?

Futile gadget ou intéressante recette ?

Mon avis personnel : la formule se défend bien pour un choix simple (trois ou quatre options) et proéminent (choix de navigation centraux), comme c'est le cas ici. Les barres de menu permanentes (en haut ou à gauche) doivent rester sobres, je pense, pour ne pas perturber le contenu proprement dit. Le mouvement doit rester modéré, afin d'éviter une cacophonie nerveuse dans la page.

D'autres exemples dans la gamme ?

Cela fait un bon petit temps que j'apprécie les variations du logo Google. Et je ne vous apprends rien en les mentionnant.

Mais, celle-là, elle fait fort, non ?

Il faut une identité solide pour se permettre de telles fantaisies. Les vieilles entreprises, avec leurs chartes graphiques bétonnées et défensives, peuvent aller se rhabiller, non ?

Google continue de faire fort, je trouve, entre la simplicité fonctionnelle, rigoureusement préservée, et le clin d'oeil graphique, en pleine complicité avec la communauté des utilisateurs.

C'est pas moi qui pourrais me le permettre :

_ ... _ _ _ _ _ _ _ . _ .. _ . ... _ .. _ _ _ _ . ... . _ . _ . _ _ . . _

... n'est-ce pas ?

L’art du grand écran pourrait nous mener vers des sites web épurés, scénarisés, efficaces et de grande qualité esthétique. Il n’en est rien en ce qui concerne les sites web de nos principaux complexes cinématographiques. L’UGC vend ses films comme on vendrait des tickets de métro, et le Kinepolis se disperse.

Découvrez mon dernier dossier thématique : cinémas en ligne.

Et si vous désirez compléter l'analyse, comme d'habitude, vos commentaires m'intéressent.

10 ans après les premières expériences de vente en ligne, comment se comportent les caddies virtuels de nos grandes surfaces ?

Ce mois-ci, nous confrontons les services Collivery et Caddyhome, respectivement rattachés aux magasins Colruyt et Delhaize.

L’ergonomie s’améliore, avec une longueur d’avance pour Caddyhome. Mais des progrès demeurent possibles, de part et d’autre, à travers un enrichissement de l’environnement visuel et une interactivité renforcée.

A lire : Caddyhome contre Collivery.

Avez-vous déjà loué un motorhome ?

Si vous cherchez un peu, vous constaterez que la location et la vente de motorhomes reste un marché très spécifique. Elle n’est pas l’affaire des concessionnaires classiques. Elle n’est pas aux mains exclusives d’une grande marque. Elle demeure, la plupart du temps, une entreprise indépendante géographiquement décentrée (les show-rooms se situent souvent en dehors des grandes villes). Dans ce contexte, les sites web ont toute leur importance pour faire connaître l’entreprise et préparer les clients à l’achat ou à la location.

Voici mon dernier dossier comparatif : sites web de location et vente de motorhomes.

Il n'y a pas de vérité absolue dans l'analyse des sites web... Toutes vos réactions sont toujours bienvenues.

Pour des raisons techniques, il n'est pas rare de voir des informations rognées dans les pages web : champs trop courts pour accueillir le texte prévu, cadres aux dimensions insuffisantes,...

Dans le cas présent, cela en devient croustillant : les "secteurs" ayant été amputés, ce menu déroulant propose une recherche... par secte !

Capture d'écran réalisée sur le site Bilans gratuits, septembre 2008.

Merci à Delphyne pour l'exemple.

Je surfe en ce moment sur arte.tv pour m'imprégner de leurs contenus, en vue d'une prochaine formation.

Même si l'ambition des formations que je vais animer est de monter plus haut encore la barre de la qualité éditoriale de la chaîne Arte, disons d'emblée que, dès le départ, mon client se situe trois crans au-dessus des concurrents. Allez goûter à la soupe de France2 ou de TF1... vous comprendrez.

Parmi les innovations intéressantes sur le site arte.tv, des menus déroulants enrichis. Comme dans l'exemple ci-dessous, où chaque élément du menu est présenté par un texte en deux temps, avec un contraste de graisse, et accompagné d'un visuel (parfois perfectible quant à lui).

Si vous avez, en magasin, d'autres exemples de menus déroulants enrichis, ça m'intéresse !

Au hasard de mes recherches, je suis tombé sur une page dont la photo centrale mettait un temps anormalement long à se charger.

J'ai vérifié : cette photo pèse près de 1,4 Mo. Soit, à elle seule, 15 fois le poids maximal que je recommande pour une page web de ce type.

Source : Mutuelle Prévoyance Santé.

L'erreur est simple : L'éditeur du site a intégré une photographie haute résolution, en donnant pour instruction au navigateur de la redimensionner. En d'autres termes, le poids de cette photographie est démesuré par rapport à sa taille à l'écran.

Concrètement, il est fortement conseillé de retailler les photos et de les compresser AVANT de les intégrer dans les pages web.