Je souhaitais ainsi partager avec vous aujourd’hui la très bonne présentation « The Ten Commandments Of User Experience » présentée lors du SXSW Interactive de 2010 par Nick Finck et Raina Van Cleave. Cette conférence en anglais résume bien ce qui pourrait constituer les 10 piliers de l’UX :

1. L’Utilisateur a toujours raison (The User is always Right) : se remettre en perspective par rapport à ce que l’Utilisateur, le vrai, adopte comme usage ; être capable de changer son propre prisme de perception d’une interface.
2. Comprendre l’Utilisateur (Understand the User) : tout doit partir de l’Utilisateur final, de ces attentes, du contexte dans lequel il est et dans lequel on le demande de se projeter.
3. Eviter les solutions toutes faites (Avoid Solutioneering) : chaque cas est et doit être unique ; analyser une situation, la comprendre et ensuite y répondre avec une solution conçue pour.
4. La forme découle du fond (Form follows Function) : l’interface doit être le moyen, l’objet qui permet de comprendre le message ; une ergonomie doit être pensée en fonction du besoin, du vrai besoin.
5. Le contenu est roi (Content is King) : avant de penser ou de remettre en cause une interface, il est essentiel de penser avant tout au contenu.
6. Innover et ne pas imiter (Innovate, do not Imitate) : innover fait parti de l’ADN du UX, créer pour se différencier.
7. Une interface accessible par tous et pour tout (Access is for Everyone) : ne jamais oublier la pluralité des utilisateurs, de leur devices et de leurs comportements.
8. Imaginer avant de créer (Plan before you Design) : une bonne réflexion en amont de tout projet est essentielle.
9. Comprendre l’objectif (Understand the Goal) : garder en tête la finalité, le but ; comprendre les enjeux pour mieux les servir.
10. Apprendre de ses erreurs (Learn from Failure) : on apprend en marchant… n’hésitez pas à courir !

Vous l’aurez sans doute remarqué : on voit de plus en plus de carrousels sur les sites Internet ou les applications de nos ordinateurs. Ces petits composants qui permettent de naviguer de manière originale et visuelle dans les médias comme les photos apportent une expérience différente aux utilisateurs et repoussent un peu plus loin les limites de l’interaction avec les interfaces.

J’ai trouvé une très très bonne vidéo de SmartExperience qui retrace l’histoire du carrousel (créé par Apple si on en croit leur sources). Vous le découvrirez dans cette vidéo en anglais d’un peu plus de 5 minutes, il existe des dizaines et des dizaines de carrousels différents plus ou moins bien pensés et réalisés.

Le narrateur de la vidéo va plus loin que de simplement présenter divers exemples, il montre aussi ce qu’apporte fonctionnement ce genre de composants et les possibilités qu’ils offrent pour enrichir nos interfaces.

Personnellement, j’ai un avis mitigé sur l’utilisation de ces composants. On peut distinguer deux principales raisons à mettre en place un carrousel sur son site : l’enrichir graphiquement ou fonctionnellement. Graphiquement, le gain est immédiat et très visible. Fonctionnement, c’est plus difficile d’allier l’utile à l’agréable. Tous les sites ou services n’y parviennent pas. Si je ne devais citer qu’un exemple d’une mise en place réussie, je parlerais évidemment de Cooliris qui a très certainement contribué à l’évangelisation de ces tels modules.. En proposant une interface magnifique (et vraiment très fluide) et une utilisation simplifée et intuive, ce carousel reste un des meilleurs exemples.

Et vous, vous les aimez ces fameux carrousels ?

Une page d’accueil riche

A peine arrivé sur le site, j’ai vite compris la démarche entreprise par Axa : proposer à ses visiteurs une ergonomie et une interactivité innovantes sous la forme d’une interface riche.
La prise de parti est importante pour un acteur d’ordinaire non-web : menu en 3D, effet de transparence, recherche prédictive à la Google (en même plus intelligent !),
carrousels d’images, des champs de recherche prédictifs, etc. Le plus marquant est certainement la page d’accueil où la mise en oeuvre de ces changements donne de la profondeur au site.

Des pages intérieures plus classiques

Au fil des pages, je découvre la baseline de l’assureur : «réinventons notre métier» qui je trouve colle plutôt bien avec cette nouvelle interface (si ce n’est pas l’inverse ).
Les pages intérieures sont plus classiques, l’information est plutôt bien structurée et le contenu est proposé de manière organisée.
Pour palier au grand nombre de pages de contenus existantes, les concepteurs du site ont choisi de mettre en place un menu qui s’affiche au survol et qui prend une place énorme sur le site (ce que l’on voit de plus en plus sur le web en ce moment et que je n’aime pas du tout !). Cela apporte une bonne visibilité de toutes les entrées disponibles pour le sous-menu mais occupe une place quasiment aussi grande que le site en lui-même. Dommage je trouve.

Des services encore limités

Mis à part les contenus froids (texte de fiches produits, contenu légaux, etc.), le site propose quelques services comme l’adhésion en ligne ou la génération d’attestation d’assurance en ligne. Une gestion de l’espace client est également présente mais je n’ai pu la tester n’étant pas client personnellement. On trouve donc les services de bases que l’on attend de ce genre de site. Il est regrettable qu’Axa n’ait pas poussé l’innovation plus loin en proposant par exemple un comparateur riche (flash ou autre). De même, certains problèmes persistent comme les résultats de recherche qui s’affichent avec des problèmes d’encodage de caractères, etc.

Une démarche au final innovante mais sans excès

Quid d’un tel changement sur un site à l’origine ciblant des internautes classiques et donc peu expérimentés ? Je dois dire que même si le changement est marqué et que l’interface riche apporte beaucoup (plus d’un point de vue graphique que fonctionnel), cette mise en oeuvre se fait sans excès : avec la retenue nécessaire pour ne pas perdre les internautes classiques et l’innovation suffisante pour se démarquer.
J’en retiens toutefois un beau pas avant pour un acteur dont le coeur de métier n’est pas le web mais qui considère visiblement ce canal avec de plus en plus d’attention…

article rédigé à la demande de Blogrider

Même si les écrans tactiles existent déjà depuis plusieurs années et que de nombreuses interfaces ont déjà été conçues pour ce type d’écran, on voit de plus en plus de nouveaux essais et d’innovations sur les interfaces tactiles. Est-ce la conséquence de Minority Report, de l’iPhone ou d’une simple évolution logique de la technologie ? Difficile à dire mais c’est toujours un plaisir de découvrir de nouveaux essais pour bousculer les habitudes et changer nos usages des interfaces…

Exemple en date que je viens de croiser, le jeu Crayon Physics qui a reçu de nombreux prix pour son innovation ainsi que pour sa réalisation. Je vous laisse découvrir le jeu, je pense que vous allez vite comprendre :

Plutôt original, non ? Un mélange subtile de bon usage du tactile avec une gestion poussée de la gravité sur un écran… Pas de version Mac, malheureusement (en même temps, il n’existe pas encore de Mac à écran tactile ou presque) mais je vous invite à tester sur PC…

A quand des concept tactiles originaux comme ça sur le web ? ou même des sites Internet dédiés aux interfaces tactiles ? demain j’espère…

Avec l’arrivée de l’Ajax ou plutôt la généralisation de son utilisation dans les sites Internet d’aujourd’hui, il devient facile de charger ou de vérifier du contenu à la volée et donc sans rafraîchissement de page. On peut mettre à jour du contenu à la volée, envoyer les données d’un formulaire directement sans changer de page, etc.

Il y a pourtant un composant des interfaces web qui n’évolue pas beaucoup avec les années je trouve : le formulaire d’authentification. Point d’entrée principal à un compte sur un site, ce formulaire est très souvent en haut à droite, très souvent composé d’un champ login/pseudo/email, d’un champ password et d’un bouton OK/Se connecter… Amis webdevelopper ne serait-ce t-il pas temps de penser aussi à faire évoluer ce composant ? à innover aussi un peu de ce côté là ?

Faut-il par exemple toujours rafraîchir la page pour indiquer que le mot de passe est mauvais ? ne peut-on pas l’indiquer immédiatement à l’utilisateur, gagner ainsi quelques clics et rendre la navigation toujours plus simple et intuitive ?

Je pense par exemple au formulaire d’authentification présente sur Mac OS X Leopard. Certes ce n’est pas du web mais pourquoi ne pas s’en inspirer :

Au lieu de mettre un message d’erreur, Apple se contente de faire « secouer » la fenêtre ! simple, intuitif et immédiat…

Certains me répondront que les interfaces riches (Flex ou Silverlight) permettent de se libérer des contraintes du web classique (xHTML) et c’est bien vrai… Mais pourquoi ne pas chercher non plus un peu à innover sur ce composant là en xHTML ?

 

Des ergonomies impossibles autrement

Les efforts de nouvelles ergonomies qui sont fait par les créateurs sont certainement ce qui me plait le plus dans ces sites. Avec la puissance de Flash (qui ne cesse de s’améliorer au fil de ses versions) et l’inventivité des « flasheurs », de nouvelles ergonomies parfois osées et souvent pertinentes apparaissent tous les mois… En effet, l’un des gros avantages du Flash par rapport au DHTML classique est sans contexte sa capacité à s’affranchir des limites structurelles de l’HTML et de pouvoir laisse pleine liberté à la conception de sites tout à fait originaux.
 

Une expérience utilisateur unique

Un autre point fort du Flash est sa capacité à immerger l’utilisateur dans un univers complet. Ayant la maîtrise de tout les éléments de la page (cinématique, vidéos, sons/musiques, etc.), l’expérience utilisateur créée alors est très loin de ce que l’on peut produire avec un site classique. Dès lors il serait plus logique de parler de « créateur Flash» que de « développeurs Flash » tant la frontière entre code (ActionScript) et graphisme (Vectorielle) est de plus en plus fine.
 

Des interfaces en 3D qui en mettent plein la vue

La 3D est de plus en plus exploitée par les développeurs Flash afin de réaliser des sites ultra dynamique, dans l’idée permanente de marquer le plus le visiteur, de lui en mettre « plein la vue ». Bien que cela ne soit pas toujours réalisé de manière pertinente, souvent le résultat est à couper le souffle à tel point qu’on se souvient plus du site pour sa réalisation ou ses « effets spéciaux » que pour le produit qu’il présente en lui-même…La rançon du succès…
 

Le Flash n’est plus ce qu’il était

Les vieux clichés associés aux sites en Flash n’ont pour la plupart lieu d’être. Les temps de chargement trop long sont une idée bien révolue depuis l’avènement de l’ADSL. Le Flash est maintenant exploité intelligemment et pleinement du fait de l’excellente connaissance des développeurs Flash et de la communauté qui s’est créée autour. Le référencement de son côté reste surement le point faible du Flash malgré les efforts des moteurs de recherche qui commencent petit à petit à mieux les référencés ou les possibilités de faire de l’url rewriting.
 

Pour découvrir les meilleurs exemples, un seul site : TheFWA.com

TheFWA.com est très connu des amateurs de sites Flash parce qu’il regroupe les meilleurs réalisations du genre. Chaque site présenté (double cliquez sur une preview pour lancer le site) est à chaque fois une petite merveille à découvrir. Mélange des genres et des domaines, on trouve beaucoup de choses sur ce site mais on peut facilement y passer des heures…

 

En conclusion

Fan de webdesign en général et de nouvelles interfaces/ergonomie en particulier, j’aime beaucoup les sites en full-flash, je les découvre avec engouement tous les jours et vous en propose quelque uns sur Webilus.com. Je ne dis pas que tous les sites devraient être ou sauront un jour en full-flash, loin de là, mais je pense qu’il représente un domaine bien particulier qui ne cesse de progresser, d’évoluer peut être même plus vite que les sites plus classiques… sans parler des Rich Internet Application qui arrivent sont déjà là !