Plus d’excuses pour ne pas ranger son bureau ?

Que vous soyez ordonné ou que vous préfériez un désordre chronique sur votre bureau, retrouvez vos bonnes vieilles habitudes sur le bureau de votre PC !

J’ai découvert en effet sur le blog de Daniel Lafrenière une application promettant de gérer son bureau d’ordinateur de manière souple et …fun. C’est à tester bien entendu (l’auteur du logiciel semble maitriser sa démonstration…est-ce aussi intuitif et aisé dans une utilisation novice ?) mais le concept est séduisant !

Je vous laisse le découvrir (la vidéo est en anglais) :

Pour aller plus loin :

Consultez le site de l’application :http://bumptop.com/

Celui de son co-auteur à cette adresse-là : http://honeybrown.ca/

Et comme tout est prévu, un béta testeur donne ses premières impressions sur un blog, à cette adresse : http://www.ctoverdrive.ca/article/516/bumptop-love

Effet de zoom !

Une nouvelle tendance sur les sites e-commerce français : un zoom par survol du produit particulièrement parlant. La technologie utilisée, alliée à une prise de vue des objets optimale, permet un effet de zoom réel qui change véritablement l’expérience utilisateur du cyber-acheteur.

A vous de juger !
Exemple présent sur : www.cdiscount.fr

De l’usabilité de certaines messageries en ligne…

Quelles sont les actions prioritaires d’une messagerie en ligne ? Spontanément, je pense que vous me répondrez : lire ses messages ET écrire un message. Lorsque j’utilise deux de mes messageries, je vous assure qu’il me semble que cette idée simple a, soit été oubliée en route, soit délaissée au profit d’une autre qui m’échappe.

Dans l’interface de Gmail et de laposte.net, repérer la fonctionnalité “Ecrire un courrier” demande les mêmes compétences que de “trouver Charlie”.

Dans le cas de Gmail, la messagerie offerte par Google, certes Béta mais en ligne depuis avril 2004 quand même, il nous est proposé un lien dans la partie gauche de l’écran (je vous aide) :

(cliquer sur l’image pour agrandir)

-au niveau du format : il est traité comme un lien (texte souligné) et non comme un bouton d’action (exemple : bouton archiver)

- au niveau de sa situation dans la page : il est au niveau de liens qui permettent de naviguer dans les différentes composantes de la messagerie, ce qui n’est pas la même logique que de créer un message.

Un travail de hiérarchisation des contenus est sans aucun doute à effectuer. L’interface cherche pour le moment à “tout” proposer plutôt que de hiérarchiser les actions et fonctionnalités.

Dans le cas de Laposte.net, le problème est un peu similaire. Le bouton est situé entre “actualiser” et “sms”…où est la logique ? Pourquoi ne pas faciliter la vie de l’internaute en détachant de manière plus visible cette fonction essentielle ?

Je serais curieuse d’effectuer des tests utilisateurs sur ces deux interfaces…

Et dans vos messageries, qu’en est-il ?

Ma mère ne cliquerait pas là-dessus (chap2 : qu’en sais-tu ?)

Je reviens sur un de mes thèmes favoris, abordé dans un de mes précédents posts, concernant la vérité que pensent détenir beaucoup d’acteurs de la chaîne de création d’un site web, d’une bannière ou autre objet web identifié.

Cette vérité leur vient de leur expérience personnelle ou familiale, amicale etc., ce qui peut être intéressant lorsque ce cercle de connaissances correspond à la cible des futurs visiteurs du site. Quand ce n’est pas le cas…cela peut donner des contresens de conception. A mon sens tout travail de conception doit donner place au doute et à l’humilité : nous aurons beau essayer de nous mettre à la place de l’utilisateur, au plus prés, il nous étonnera toujours !

C’était un des propos de Anders Hjorth, Président de Relevant Traffic, lors d’une présentation express à l’Ad :Tech. Il décrivait un travail de mise en place de pages d’atterrissage pour Microsoft. Il détaillait ainsi la mise au point de différentes créations, composées de différents visuels, messages. Il s’agissait ensuite de les tester en ligne pour déterminer quelle était celle qui provoquait un clic et surtout la mise en relation avec Microsoft. [Cette étude de cas est disponible sur leur site ou Téléchargez-la en PDF ici].

Sa conclusion ? Rien n’est prévisible au niveau des tests. Un grand bouton au milieu d’une page et la couleur orange pour attirer l’attention ne suffisent pas. C’est en répétant des tests que l’on arrive à trouver la meilleure formule (dans son exemple, la présence de trois offres comparées était ainsi beaucoup plus garante de succès).

Prendre en compte l’utilisateur dés la conception puis tester, tester, tester. « Expériences utilisateur » ou « marketing direct », quelles que soient leurs noms « universitaires », c’est à mon sens la manière la plus intéressante de concevoir.

Liligo, un moteur de voyages personnalisable

Je ne sais pas si vous connaissiez Liligo. C’est un des nombreux moteurs de recherche de vols et voyages sur le net. Celui-ci a cela de particulier qu’il permet de personnaliser sa page d’accueil afin de suivre, par exemple, des itinéraires préférés et capter ainsi la meilleure offre. Je trouve le concept intéressant. La page d’accueil est un peu surchargée à mon goût mais le service est assez clair.

monnuage est également un nouveau moteur de recherche de voyages, au graphisme et à la technologie 2.0. La manière de présenter la recherche en temps réel comble les plus pressés (stressés?) d’entre nous, avides de connaître rapidement les résultats plutôt que d’avoir sur leur écran un message d’attente (voire de la pub !). Je vous laisse tester !

Tour d’horizon des menus de navigation à la mode

Ce post pour vous diriger vers un article du magazine en ligne “smashing magazine” qui fait un état général des tendances actuelles en matière de menu de navigation.

L’article est intéressant à la fois d’un point de vue graphique et fonctionnel. Parmi les nouvelles tendances, le menu “parlant”, et, toujours présents, les menus “style Mac”.

Une bonne référence !

Besoin d’opinions utilisateur ? Zoomerang vous aide

Soyons francs et réalistes. Sur certains projets web, il n’est pas possible financièrement d’impliquer à tous les stades de la réflexion conceptuelle ergonomique et fonctionnelle des tests utilisateurs.

Depuis la semaine dernière, je travaille sur la définition de critères de sélection d’une voiture d’occasion. Comme toute conception d’interface, il y a plusieurs sources d’inspiration, et plusieurs sources de validation.

L’inspiration :
- aller voir ce que les autres font (un benchmark),
- consulter les avis d’experts (consulter les divers sites que je cite en référence),
- des sources documentaires du secteur sur la cible (études sur les acheteurs de voitures d’occasion).

Toutes ces sources d’information permettent de constituer “un avis d’expert“, de poser des premiers éléments de conception. Dans le cas présent, il s’agissait de définir quels critères selectionner en majeur pour le moteur de recherche sur le site : le modèle ? la marque ? le kilométrage ? autre ?

Une fois cet avis d’expert constitué, comment le valider ?

La version “top” : avoir un budget provisionné permettant de lancer une étude auprés d’un pannel représentatif et valider cette conception experte.

La version “budget limité, planning serré” ? Un questionnaire en ligne envoyé à un maximum de personnes autour de vous à l’aide d’un outil très pratique : zoomerang.

Tenez, le questionnaire n’est pas encore terminé. Je vous invite à y répondre à votre tour et à vous faire une idée.

Je vous donnerai quelques éléments de résultats de questionnaire lors d’un prochain post. Je vous assure que ce questionnaire, sans être l’excellence, j’en conviens, en termes méthodologiques, permet de corriger certains points de conception rapidement et facilement. Testez !

Top 10 des sites d’expérience utilisateur, d’ergonomie, d’information sur le web 1.0, 2.0 et plus

Pour ne pas vous noyer avec une liste plus ou moins exhaustive de mes sites référents, voici mon top 10 des sites d’information sur le web, autour notamment des problématiques de design fonctionnel, expérience utilisateur, et d’ergonomie.Je mettrai à jour cette liste au gré de mes « trouvailles », de ma subjectivité, ou de vos suggestions…et elle sera disponible dans la rubrique blogroll en permanence.

A partir de ces blogs ou sites web, l’idéal est ensuite de se laisser aller à la serendipité et de faire d’autres sites vos favoris.

Infos généralistes web 1.0 ou 2.0

1. Original Signal, diffuse le web 2.0. C’est en français et il permet de recevoir un concentré de blogs d’information sur le web 2.0…Efficace.
http://www.originalsignal.fr/

2. Le journal du net, l’info du web en français. Complet, diversifié et sérieux déjà du temps du web 1.0. http://www.journaldunet.com/

3. Le site Ecrans de Libération et sa rubrique « vu sur le www ». Un zapping du net enrichissant et divertissant.
http://www.ecrans.fr

Infos spécialisées

4. Le site d’henrik olsen, the interaction designer’s coffee break. Incontournable pour le design fonctionnel.
http://www.guuui.com/

5. Infodesign, understanding by design. Design fonctionnel. Incontournable également. http://www.informationdesign.org/

6. User Interface Engineering, pointu. http://www.uie.com/

7. Un site francophone véritable mine d’or et point de départ. Ils ont publié un univers netvibes ergonomique. A suivre. http://www.ergonomia.ca/

8. A la fois généraliste et orienté expérience utilisateur, il y a toujours une info à glaner du côté de Fred Cavazza…et c’est en français. http://www.fredcavazza.net/

9. Un site sur l’e-mailing, en anglais, dont une galerie d’e-mailings réussie. http://www.campaignmonitor.com/gallery/

10. Signal vs Noise. Un weblog par 37 signals (les services de cette entreprise sont eux même à découvrir), autour du business, du design et de l’expérience sur le web. http://blogcabin.37signals.com/posts

Le nouveau web ? Simple, social, et doté d’une navigation alternative

Une fois n’est pas coutume, je relaie un article plutôt intéressant d’Ellyssa Kroski, visible sur le site master new media.

Il fait un état des lieux plutôt bien fait de ce qu’implique en termes de graphisme, de fonctionnalités et surtout de philosophie le “nouveau web”. Une bonne synthèse pour commencer 2008.

Pour l’auteure, les principes clés au niveau design web pour un site 2.0 sont :

- rester simple : cela signifie d’inclure uniquement les fonctionnalités nécessaires et de fournir un design clair et efficace.

- le rendre communautaire : répondre aux attentes des utilisateurs par le biais d’outils communautaires (ie: outils d’échanges entre utilisateurs)

- Offrir une navigation alternative : mettre à disposition différents chemins de navigation vers l’information, notamment visuels.

Et en ce qui concerne les nouveaux concepts philosophiques du web, elle en établit également trois :

- Evolutif : Les nouveaux créateurs de sites n’ont pas peur d’essayer de nouvelles choses.

- Agile : Savoir répondre aux avancées technologiques et aux changements sur le marché des besoins. Savoir abandonner les mauvaises idées.

- Ouvert : fournir des API, des widgets autres applicatifs ouverts aux utilisateurs. Ou d’autres le feront pour vous.

Certains de ces points vous sont obscurs ? Consultez l’article, il regorge d’exemples qui vous rendront concrets les termes de widget et d’API…sinon, faites moi signe !

Une expérience professionnelle récente illustre parfaitement les principes énoncés dans cet article sur ce que l’on peut attendre du web 2.0 (et, par ailleurs, ce que l’on attendait aussi du web 1.0, avec des moyens et des technologies différents de mon point de vue).

Travaillant actuellement sur un site internet à destination des jeunes, s’est effectivement vu posée la question du concept et des fonctionnalités à développer, avec, pour ambition, de ne pas être traités de ring ou de has been par nos futurs visiteurs, ayant grandis la souris à la main à la place du hochet.

Je ne peux évidemment pas détailler ici les deux idées créatives présentées mais les résultats du test ont été sans équivoque : loin de choisir le site fun et délire, avec notamment beaucoup de vidéo, ils ont plebiscité l’idée d’un site simple, claire, intuitif, sans fioriture. Sisi. Même eux.

Ce type de tests sous forme de maquettes auprès du public cible est toujours d’un grand intérêt dans la mise en place d’un site internet. Il permet de valider des premières idées, imaginées à la suite d’études sur la cible et ses attentes. Et d’abandonner les mauvaises…

L’expérience utilisateur…in-di-spen-sable.

Les doigts dans le nez ?

Finger in the nose, c’est le nom d’une marque de fringues de luxe pour enfants. On pourrait penser que consulter leur site soit, du coup, un jeu d’enfant. Boum, badaboum. Deux petites erreurs d’entrée sur le site provoquent assez rapidement énervement, frustration ou tout simplement invitent à repartir direct vers d’autres destinations virtuelles.

La page d’accueil propose, dans une configuration d’écran standard aujourd’hui*, l’écran suivant :

Je n’ai aucune indication de clic, d’entrée. J’ai personnellement pensé, dans un premier temps, que ce n’était qu’une page décorative et non un site internet. Mais en cherchant bien, et donc en « scrollant » (descendre dans la page à l’aide de l’ascenseur de droite), les boutons d’action apparaissent. C’est un premier frein dans la navigation.

Seconde étape : un clic sur « products ». Là, plutôt que d’ouvrir une page en tant que tel, c’est un pop up (une petite fenêtre supposée s’ouvrir en surimpression sur votre écran) qui…se trouve bloqué par mon navigateur (là encore, une configuration de navigateur très courante, tant chez Internet explorer que chez Firefox pour interdire la publicité intempestive).

Cette expérience se prolonge par la diffusion dans le pop up d’une animation de produits, qui ne me donne aucun moyen d’agir sur la vidéo pour visualiser avec attention un produit plus qu’un autre. Frustrant !

Allez, c’est dommage, la collection est plutôt chic, les visuels élégants mais l’expérience virtuelle plutôt frustrante pour une majorité d’internautes… non ? Essayez et dites moi tout…

*un écran standard ? C’est la configuration utilisée par une majorité d’internautes et, pour faire simple, c’est la taille en pixels de ce que vous pouvez visualiser dans votre navigateur sans scroller (pour faire très simple). Vous pouvez le configurer vous-même en effectuant un clic droit sur le bureau de votre ordinateur et en changeant le curseur de configuration d’écran dans propriétés (sur un PC). Il y a quelques années, il fallait ainsi créer des sites internet qui soient visibles dans le format 800pixelsx600pixels. Aujourd’hui une majorité d’internautes a un ordinateur configuré sur un format 1024. En bref, on peut exprimer plus de choses en largeur et en hauteur qui soit visible pour l’internaute sans scroller. Ouf.

Cette donnée est très importante en ergonomie. Il faut mettre les boutons d’action essentiels dans cette partie visible de l’écran de l’internaute car…nous sommes tous feignants.