Archives par mot-clé : Ergonomie

Fred vous en avait parlé ici.

La Fnac préparait la sortie d’une application, appelée « guide d’achat interactif« . Et bien elle est sortie, et vous pouvez la trouver là.

Bon, pour démarrer, il faut être 100% Microsoft : avoir Internet Explorer à jour, et surtout, avoir XP (ou Vista bien sûr) et la dernière version du framework .NET installé (plus de 80 Mo !).

Une fois qu’on a montré « pate blanche », on peut installer et lancer l’application.

On arrive devant un carrousel, qui permet de choisir le type de produit que l’on souhaite acheter :

Pour cette première version, seul le rayon des ordinateur est actif.

Première démarche, il faut synchroniser les contenus. Cette application permet d’expérimenter une utilisation mixte, on-line / off-line.

Une fois cette synchronisation effectuée, on peut cliquer sur l’ordinateur portable, et entrer dans le rayon proprement dit, ou l’on peut consulter les différents modèles proposés :

On peut raffiner les recherches, en cliquant sur l’un des boutons vert du haut (type d’usage, OS, marque, ….) :

Enfin, en cliquant sur une fiche, on arrive sur une fenêtre qui détaille le produit :

On peut acheter, mais on est alors redirigé vers une page web, dans notre bon vieux navigateur préféré.

En synthèse…

Bon, il faut prendre cette application pour ce qu’elle est : une simple expérimentation.

Cette application est incomplète mais permet d’explorer de nouveaux usages :

• Une interface plus riche, avec des effets 3D et autres fondus enchaînés.
• Une application qui permet une navigation on-line / off-line.
• Une application hors du navigateur : c’est le rêve du marchand, que d’être directement sur le bureau de l’ordinateur. Est-ce le rêve du client ? qu’est-ce que cela va lui apporter ?
• L’ergonomie d’une telle application est très délicate à définir et mettre au point, et dans ce genre d’environnement, il faut tout faire, tout définir (exemple : l’action quand on clique sur une flèche n’est pas forcément intuitive…).

Bien entendu, avant de se lancer réellement dans le développement d’une telle application, il faudra bien mesurer les différents paramètres (coût, délais, cible de clients, …).

Il me semble certains que ce genre d’initiative va se généraliser, et qu’un client, habitué à un marchand, pourra trouver son intérêt à ce type d’application, pour peu que celle-ci soit bien faite, et lui apporte donc un vrai service.

L’ergonomie du site marchand : c’est évidement tout à fait fondamental.

Dans la panoplie des points importants, il y a les formulaires. Si l’utilisateur ne sait pas comment le renseigner, où cliquer, où il s’est trompé, … Il peut bien vite se décourager, et « aller voir ailleur ».

Le service Eyojot propose un formulaire d’inscription intéressant :

Vous avez vu : le petit icône apparait au cour de la saisie dans le champ ou juste après avoir changé de champ.

Voila le formulaire complètement rempli :
Tous les champs sont correctement renseignés, et à ce moment là, le bouton pour valider le formulaire devient actif.

On a donc un traitement des erreurs en temps réel, et on ne laisse pas l’utilisateur valider un formulaire qui n’est pas correctement renseigné.

Si en cour de saisie la valeur est incorrecte, la zone est entourée en rouge :

Si l’utilisateur sort du champ de saisie malgrés l’erreur, un popup indique quelle est l’erreur :

Le bonheur s’arrête là ! le formulaire n’est pas parfait, et voici par exemple la situation dans laquelle je me suis retrouvé :

Les zones erronées n’apparaissent pas en rouge (en l’occurence, erreur entre les deux valeurs de l’adresse mail), et le bouton pour valider est innactif…

Dommage, c’était pourtant bien parti !

Le mélange d’Ajax et de Javascript permet d’améliorer l’expérience de l’utilisateur et de l’informer, en temps réel, sur la validité ou non d’une saisie.

C‘est à mon sens une vrai amélioration pour l’utilisateur, et ça doit permettre d’augmenter les ventes.

Reste à faire ça de manière plus professionnelle, avec des tests plus poussés, pour atteindre l’excellence logicielle.

Un des axes du « Web 2.0 », c’est la co-création : le produit n’est pas complètement fini : c’est le client qui dit ce qu’il veut. A l’entreprise de le faire ensuite !

Il y a déjà pas mal d’exemples : LaFraise et ses tee shirts, les chaussures Nike, …

Je n’avais pas encore vu ça pour les voitures !

Tout commence par une pub interactive :

Quand on clique sur la pub, on arrive sur un site qui effectivement, propose de complètement dessiner l’extérieur de la voiture :

On peut :

• Choisir la couleur ;
• Choisir les motifs à poser sur la voiture ;
• Pour chaque motif, on peut les faire tourner,changer leur couleur et leur taille ;

Il faut faire ça pour tous les côtés de la voiture.

Ensuite, Renault nous propose de faire voter ses amis. Celui qui aura le plus de vote gagnera un iPod, puis de voter pour les voitures faites par d’autres :

Je ne sais pas si Renault est le premier, mais je trouve ça vraiment intéressant, de voir que les idées de co-créations sont reprises par des grosses boites.

Naturellement, on aimerait pousser l’idée un brin plus loin : dessiner l’intérieur par exemple…

Allez, « just for fun » : pouvoir complètement dessiner la forme de sa voiture ! Qui se fera faire la voiture de Batman ?

Côté technique, tout celà est réalisé en Flash / Flex. Les temps de chargement sont raisonnables, mais les formulaires, en Flash, n’ont pas (encore ?) la qualité d’ergonomie de ceux en Ajax / javascript (pour peu qu’ils soient bien faits, ce qui n’est pas souvent le cas).