Le 5 avril dernier avait lieu à Québec le lancement du Petit traité de rédaction et de stratégie de contenu pour le Web de mon ami Michael Carpentier.

J’ai humblement contribué à cet ouvrage en rédigeant un chapitre sur la visualisation des informations intitulé Quand les mots ne suffisent pas.

Vous pourrez vous procurer la version papier et électronique sous peu sur zeebooq.com.

This is how design works

Government Digital Service Design Principles.

D’une durée de 5 minutes, elle est un résumé de mon exposé du 22 septembre dernier.

Bon visionnement !

Bon été à tous et au plaisir !

L’autre semaine, je me suis arrêté faire le plein chez Shell où j’ai vu probablement la pire interface pour une pompe à essence :

Il y a surabondance de messages, tous aussi inutiles les uns que les autres.
En plus, pour mettre en marche la foutue pompe, il faut peser sur le bouton vert… qui n’a pas l’air d’un bouton.

Je ne dois pas être le seul à avoir éprouvé des difficultés d’utilisation puisque ce pseudo-bouton est annoncé à l’aide de 7 flèches … pas 1, pas 2, 7 flèches !!!

Ma cote : 1/10 … et encore, je suis généreux !

1. Débutez par une diapo qui vous présente (nom, réalisations et années d’expérience). Cela dit que vous connaissez votre domaine et que vous n’êtes pas un « imposteur ».

2. Expliquez votre démarche et votre recherche (entrevues, lectures, analyse, etc). Cela démontre que vous ne faites pas dans l’artisanat.

3. Présentez les principes qui sous-tendent votre conception. Expliquez le pourquoi de votre design. Justifiez-le à partir des meilleures pratiques et des résultats de votre recherche. Évitez les opinions personnelles.

4. Regardez chaque personne de l’auditoire dans les yeux pour s’assurer d’avoir toute leur attention et leur adhésion… ou pour vous enquérir d’une interrogation.

5. Faites votre présentation debout (vous pouvez ainsi voir tout le monde) et n’oubliez-pas de sourire.

Voici les éléments clés à retenir :

1. Faire du mobile, c’est pareil comme faire du web parce qu’il faut :
- réfléchir avant de débuter
- connaître ses clients
- connaître le contexte
- identifier la valeur ajoutée pour le client… et non pas pour le président/ministre

2. Faire du mobile, ce n’est pas pareil comme faire du web parce que :
- les tailles d’écran diffèrent
- le mécanisme de pointage diffère : souris vs doigt
- mode d’utilisation est aussitôt arrivé / aussitôt parti
- la situation est changeante : suivi d’une demande, attente d’un résultat médical, maladie d’un proche, accident, etc.
- a lieu dans un environnement bruyant : rue, café, restaurant, bar, etc.

3. À faire lorsqu’on fait du mobile
- modélisez l’expérience utilisateur d’ensemble et positionnez le mobile au bon endroit
- soyez pertinent : bon contenu, bon moment, bon endroit, bonne personne
- connaissez le client sous 4 dimensions : physique, rationnelle, émotive, relationnelle
- pensez à l’écosystème du téléphone : liens agenda, téléphone, courriel, web, SMS
- simplifiez
- offrez un lien vers le site standard
- adaptez l’interface au mobile : gros boutons, beaucoup d’espace, sélection plutôt que saisie, pas de pop-up, pas de Flash
- affichez le clavier en contexte

4. Web mobile ou app ?
web mobile
- intégration partielle
- IU limitée
- l’utilisateur doit taper un URL
- aucun téléchargement
- aucune mise à jour
- fonctionne sur tous les téléphones intelligents
- contenu indexé par les moteurs de recherche

app
- intégration totale
- IU riche
- plus d’implication utilisateur
- l’accès à l’app en 1 clic
- téléchargement de l’app
- mise(s) à jour
- fonctionne sur 1 type de téléphone
- contenu non indexé par les moteurs de recherche

En résumé
1. modélisez l’UX d’ensemble avant de débuter
2. soyez pertinent
3. simplifiez