20 juillet 2008

C'est fait!

Ah les vacances... quel beau moment pour s'acheter de nouveaux jouets ;-)

Commentaires (3) |

1 juillet 2008

En vacances!

Je suis en vacances et serai de retour le 4 août.

Bon été et bon 400e à Québec.

Commentaires (0) |

12 juin 2008

Pour tout savoir sur Philippe Starck

La revue française IDEAT consacre son édition du mois de mai 2008 (encore en kiosque) au célèbre designer Philippe Starck.

À lire absolument pour en savoir plus sur ce fascinant personnage.

Commentaires (0) | Lu, vu, entendu, vécu

3 juin 2008

Expérience utilisateur : une définition

Sur ma carte de visite, il est écrit « conseiller en expérience utililisateur Â». Pour plusieurs, je suis « ergonome Â», ce qui est le cas. Cela dit, l'expérience utilisateur est un domaine beaucoup plus vaste que l'ergonomie ou l'utilisabilité. Mais qu'est-ce que l'expérience utilisateur au juste?

Il y a quelques semaines, Kim Auclair publiait un billet définissant l'expérience utilisateur comme étant « le terme désigné lorsqu’on donne le goût à l’utilisateur de revenir sur une interface numérique Â». J'aime bien cette définition toute simple puisqu'une expérience utilisateur agréable incite à la répétition, que ce soit sur un site Web ou dans une boutique, un restaurant, etc.

Pour moi, l'expérience utilisateur, c'est l'émotion ressentie par un utilisateur lorsqu'il utilise un service (Web ou humain) dans l'atteinte d'un objectif. Se procurer un iPod et avoir l'air « cool Â», obtenir la meilleure paire de billets disponibles pour le spectacle de Louis-José Houde, impressionner un client important en l'emmenant manger dans un bon restaurant sont autant d'exemples d'objectifs.

L'expérience utilisateur n'est pas limitée au Web. Bien entendu, ce volet est important. Il donne souvent le ton à l'expérience utilisateur d'ensemble, mais il n'est pas seul. Par exemple, un produit acheté en ligne qui arrive endommagé à domicile gâche tout, même si ça s'est bien déroulé sur le Web. C'est comme un mauvais café qui sabote un excellent repas. Tout, je dis bien, tout est important dans l'expérience utilisateur.

L'expérience utilisateur d'ensemble est un savant assemblage de l'expérience :

• d'accueil,
• de sélection,
• d'achat,
• d'environnement,
• de livraison,
• de découverte,
• et bien entendu d'utilisation (ou de consommation).

Voyons comment cela se concrétise à l'aide des deux exemples suivants.

Exemple 1 : Je veux un iPod!

Michael (toute ressemblance est fortuite) voit une publicité d'Apple à la télévision lui vantant l'iPod et iTunes. Répondant émotivement au design attrayant et « cool Â», Michael ne cesse de penser au iPod.

Afin d'en savoir plus, il visite le site Web d'Apple. La page d'accueil est simple. Le lien le menant aux iPods est bien en évidence.

Michael peut comparer les iPods et choisir celui qui répond le plus à ses besoins. L'ambiance du site est à l'image d'Apple, c'est-à-dire épurée. On y parle un langage compréhensible. Par exemple, lorsqu'on parle de la capacité d'un iPod, on indique non seulement l'espace en giga-octets mais aussi en nombre de chansons.

Le prix du iPod que Michael a choisi est clairement affiché. Il en est de même des frais de livraison (c'est gratuit!). Le délai d'expédition est aussi indiqué. Pour commander, Michael n'a qu'à cliquer sur le bouton « Acheter Â»... ce qu'il fait sans hésitation!

Une fois la commande passée, Michael reçoit un courriel de confirmation de la part d'Apple afin de l'informer que sa commande a bien été reçue. Au moment où la commande quitte l'entrepôt, Apple informe une fois de plus Michael par courriel que son iPod est en route et qu'il peut le suivre d'étape en étape.

Quelques jours plus tard, Michael reçoit son iPod en parfait état. L'ouverture de la boîte contenant le iPod est une expérience en soi (NDLA : il y a des gens qui prennent en photo l'événement que représente le déballage de leur iPod).

La pile étant chargée et l'interface étant d'une renversante simplicité, Michael peut utiliser son iPod immédiatement. Heureux voire fier de son baladeur, il n'hésite pas à le montrer à tous ses amis.

Exemple 2 : Je veux payer un bon repas à un bon client!

Pierre désire remercier un bon client en l'emmenant manger dans un bon restaurant de Québec. Il a beaucoup entendu parler (en bien il va sans dire) du Clocher Penché et désire en faire l'expérience.

À leur arrivée, Pierre et son invité sont accueillis par du personnel attentionné et sympathique. Ils sont invités à prendre place à une table tout près d'une fenêtre. Le restaurant est éclairé et aéré (on n'y est pas cordé comme des sardines). Une musique agréable joue en sourdine, ce qui fait qu'on peut tenir une conversation sans avoir à hausser la voix.

Le menu est simple, ce qui ravit Pierre et son invité. Enfin un endroit où on n'a pas à choisir son repas dans un menu qui en comporte des dizaines, sans compter les options! Pierre choisit donc le tartare de saumon et demande à Rémi, le serveur, de lui trouver un vin qui accompagnerait adéquatement son mets. L'nvité de Pierre décide lui aussi de tenter l'expérience « tartare Â».

Dans les minutes qui suivent, Rémi apporte un Sémillon-Chardonnay australien qui est un pur délice. Le tartare qui suit est frais, délicat et juste assez relevé. La présentation est soignée et rend le tout fort apétissant. Chaque bouchée est un pur délice. Le service de Rémi est discret et efficace, ce qui fait que Pierre et son client ne sont pas constamment interrompus par un « Tout va à votre goût? Â».

Pour terminer le tout, Pierre commande un allongé et la crème du café (crema) est parfaite. Qui plus est, le lait qui l'accompage a été moussé à la vapeur. Tout a été fait pour que ce repas soit agréable et mémorable.

L'addition ne comporte pas d'erreur et le paiement s'effectue en quelques minutes (il n'y a rien de pire que d'attendre 15 minutes pour payer quand on a terminé un repas).

À son départ du restaurant, Pierre et son client sont salués et remerciés de leur visite par le personnel du restaurant. Satisfait de son expérience (son client a a-do-ré!), Pierre va sûrement retourner au Clocher Penché pour partager une nouvelle expérience gastronomique avec sa bien-aimée samedi prochain.

Comme on peut le constater, l'expérience utilisateur est partout. L'émotion qui en résulte est ce qui permet d'en mesurer la qualité, tout comme le degré de répétition.

Ma recommandation : connaissez votre clientèle, répondez à ses besoins (et non les vôtres!) et ayez une vue d'ensemble de l'expérience utilisateur. N'oubliez pas, le Web n'est que le commencement. Certes, il faut y porter une grande attention mais il faut aussi voir plus loin que le bout de son fureteur!

Commentaires (4) | Méthodologie

27 mai 2008

Le bureau, version BumpTop

Anand Agarawala a présenté lors du TED 2007 une nouvelle interprétation du bureau électronique qui est fort intéressante et qui se rapproche plus de sa contrepartie dans le monde réel.

À quand un tel bureau sur Mac OS?

Commentaires (0) | Interaction novatrice

4 mai 2008

L'imitation est la meilleure forme de flatterie?

En regardant mon rapport des sites référents dans Google Analytics, il y a en a un qui a attiré mon attention. Il s'agit de Réso Condo.

À ma grande surprise, ce site est pratiquement une reproduction de mon site. Certes, en tant que concepteur, le Web et les magazines de design sont des sources d'inspiration inestimables mais de là à les reproduire presqu'intégralement...

Bref, je ne sais trop comment réagir. Je suis certes flatté que le design de mon site ait pu inspirer quelqu'un mais d'un autre côté, il y a comme un étrange malaise. Aussi, je me demande bien comment il a pu se retrouver parmi mes sites référents.

Amusant et bizarre à la fois.

Commentaires (19) | Lu, vu, entendu, vécu

27 avril 2008

Six principes de conception d'interfaces mobiles

Ben Bederson de l'Université du Maryland et co-fondateur de Zumobi a présenté six principes de conception d'interfaces mobiles lors du Web 2.0 Expo. Les voici :

1. Réponse immédiate. Pas de sablier, ni de ballon de plage (!). Les utilisateurs d'interfaces mobiles ne veulent pas attendre. Le résultat d'une action doit être instantané, immédiat.

2. Adaptabilité. Cessez de penser « clavier QWERTY Â» et « flèches haut-bas-gauche-droite Â». Imaginez d'autres mécanismes de saisie et de navigation plus adaptés au produit et à la tâche.

3. Utilisation à une main. Les gens utilisent leurs deux mains lorsqu'ils produisent du contenu mais une seule main lorsqu'ils le consultent. Or, les utilisateurs d'interfaces mobiles passent plus de temps à consulter qu'à produire. Il faut donc soutenir parfaitement la tâche de consultation et les autres tâches... correctement. (mon Blackberry Pearl soutient parfaitement la consultation grâce à sa bille de pointage intégrée)

4. Esthétique. Ne négligez pas l'apparence visuelle. Portez une attention particulière aux transitions entre les écrans et les applications. Elles doivent être visuellement agréables. Le iPhone et la Nintendo DS sont des exemples à suivre.

5. L'utilisateur doit être en contrôle. Il ne doit jamais se sentir « piégé Â» dans une application. Il doit aussi pouvoir personnaliser certaines parties de l'interface utilisateur (faites attention de ne pas sombrer dans la personnalisation à outrance)

6. Utilisation « aussitôt arrivé, aussitôt parti Â». Les utilisateurs ne passent pas beaucoup de temps dans les applications mobiles : ils y entrent, consultent de l'information, puis en ressortent aussitôt. Ce modèle d'interaction est bien différent de celui qu'on emploie généralement pour les applications bureautiques ou Web.

Fort intéressant!

Commentaires (0) | Interfaces mobiles

11 avril 2008

Analyse d'un site à une page : IconWerk

Lors de ma présentation du 28 mars dernier, j'ai analysé le site à une page de IconWerk. Je reprends ici mon propos.

La première chose qu'on constate lorsqu'on arrive sur ce site, c'est que la page est longue, même très longue. Eh alors? Pour un site à une page, la longueur de ladite page n'est pas un problème.

J'offre les services suivants. La première partie visible du site exprime clairement que vous êtes chez IconWerk et que le service offert consiste en la conception de pictogrammes et d'icônes sur mesure, le tout bien entendu agrémenté d'exemples.

J'effectue du vrai travail chez de vrais clients. Un peu plus loin sur le site, on peut voir ce que IconWerk a fait pour ESPN Magazine et que plus de 40 pictogrammes ont été réalisés pour ce client. Le fait de montrer un cas réel ajoute à la crédibilité.

Je peux vous aider. Cette autre section de la page présente les avantages des personnages illustrés pour représenter quelqu'un ou pour transmettre une émotion. C'est d'ailleurs en voyant ces exemples que j'ai demandé à IconWerk de faire mon personnage qui est devenu depuis février le logo de mon entreprise.

Je suis un professionnel. La dernière partie de la page nous montre que IconWerk, c'est Stefan Dziallas, qu'il est diplômé en arts et qu'il conçoit des icônes et des pictogrammes. Bien! Ça me dit que ce n'est pas un designer de sous-sol. Je sais aussi comment le joindre. La liste de ses clients est un élément essentiel pour me rassurer. Cela me dit que Stefan est un professionnel. Je crois que c'est le bon message à transmettre n'est-ce pas?

Vous voyez, ce n'est pas si compliqué que ça. Certes, cela prend du temps mais quel bon investissement en bout de ligne!

Commentaires (2) | Étude de cas

28 mars 2008

Comment concevoir un site Web... même pour les petits budgets

Voici l'essentiel de mon propos présenté au Réseau META* de Québec-Lévis ce vendredi 28 mars
© 2008 - Daniel Lafrenière - Tous droits réservés.

Créer un site Web, c'est long, difficile et coûteux... faux! On n'a pas besoin d'être sur le Web... faux! Si vous n'êtes pas sur le Web, vous n'existez pas! Si on ne vous trouve pas dans Google, vous n'existez pas! Point!

Il faut donc être présent sur le Web. Comment faire? En ayant un blogue et/ou en ayant un site à une page.

Pour ce qui est des blogues, il existe des sites gratuits comme Blogger et WordPress qui vous permettent non seulement de créer et de gérer un blogue, mais aussi de vous héberger gratuitement.

Quant aux sites à une page, si vous avez un Mac, vous pouvez créer à l'aide de iWeb un site d'allure professionnelle et être hébergé sur .Mac pour un coût annuel d'une centaine de dollars. Pas trop cher pour s'afficher avec élégance sur le Web.

Tout site devrait dire et montrer :

1. Qui vous êtes (nom, titre, photo).
2. Ce que vous faites (votre offre de services).
3. Ce que vous avez fait (vos réalisations, vos clients).
4. Comment vous contacter (no de téléphone, courriel).
5. Quelles sont vos heures d'ouverture (s'il y a lieu).
6. Où vous êtes situés (itinéraire Google Maps, stationnement à proximité).
7. Ce que les autres ont dit de vous (témoignages de clients, médias).

Voici d'ailleurs un gabarit que vous pourriez utiliser dès maintenant pour votre futur site :

Le site d'IconWerk est un bel exemple de site à une page. Même si cette dernière est un peu longue, ce n'est pas un défaut pour ce genre de site.

Il est important de soigner l'image de votre site Web puisque les gens vont vous juger d'après son apparence. Et ça se fait rapidement, généralement en moins de 50 millisecondes. En un mot, si c'est beau chez vous, les gens vont vouloir faire affaire avec vous.

Donc :

1. Pensez à vos qui, quoi, comment, quand et où.
2. Pensez esthétique et simplicité.
3. Go! Allez-y! Faites votre page Web! Qu'est-ce que vous attendez?

META : micro-entreprises et travailleurs autonomes

Commentaires (3) | Conférence

27 mars 2008

Ce que vous devez savoir pour réaliser une enquête utilisateurs express

Boxes and Arrows a publié aujourd'hui mon article sur la réalisation d'enquêtes utilisateurs express.

La version française suivra sous peu...

Commentaires (2) | Enquête utilisateurs + Personnages