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

La section moto du manufacturier italien Dainese comporte un bel exemple de bon usage des icônes, c.-à-d. pour représenter des objets.

En cliquant sur le type de moto (course, tourisme, hors route, ville) puis sur la catégorie (casques, gants, vestes, protections, bottes, etc.), l’internaute peut filtrer la liste des produits offerts.

10/10 pour le concept et l’esthétique.
5/10 pour le code qui n’est pas exempt de bogues (!) ainsi que la piètre performance de certaines requêtes.

Serez-vous des nôtres au Web à Québec ?
Inscrivez-vous dès maintenant !

J’avoue, c’est moi qui ai réalisé les 45 entrevues auprès du personnel du Ministère afin de connaître ses clientèles et de créer un site web qui répond aux objectifs de ces dernières. J’ai aussi animé les ateliers d’architecture et de conception avec une des meilleures équipes web du Québec. Les gens de Zengo ont assisté le MDEIE pour la rédaction web.

L’architecture du site est on ne peut plus simple : 6 objectifs chapeautent un ensemble de sujets. Au clic sur un sujet, une fiche synthèse présente les services, les programmes, les formulaires et autres liens pertinents au-dit sujet. Une architecture organique à base de tags supporte le tout.

Les avantages de cette approche? 1. L’offre du Ministère est clairement exposée. 2. L’information présentée est toujours en contexte, donc pertinente. 3. On n’a pas à connaître la structure du Ministère ni ses programmes pour en bénéficier – tout est conçu en fonction du vocabulaire et des objectifs des internautes.

En complément, une bibliothèque permet aux internautes qui savent précisément ce qu’ils recherchent de consulter les documents de façon non assistée.

Bravo à toute l’équipe!