Que voyez-vous? Systèmes d’Information: Systèmes d’Information: Utilisabilité
Que voyez-vous?
Systèmes d’Information: Systèmes d’Information: Utilisabilité
Les défisProgrammation complexe
Diversité D’objectives (site et utilisateurs)
Equipment et systèmes NavigateursVitesses de connectionExpériences http://www.idboox.com/ebook/infos-
ebooks/un-ipad-une-wii-une-web-cam-et-des-seniors/
Examples• http://shihtzu.free.fr/index.htm• http://www.seloger.com • http://www.conforama.fr/
Norauto & Google Maps
Heures d’ouverture
Visas pour la France
Les étapes typiques
1. Analyse des besoins (discutez et recherchez)
2. Recherche et créeation des « personas »
3. Architecture de l'information (testez)
4. Maquettage low-fidelity (testez)
5. Design graphique (testez)
6. Implémentation
7. Tests utilisateurs
8. Ajustements suite aux tests
9. Lancement
10. Publicité
Analyse des besoins
• Le but du site de notre point de vue• Les utilisateurs probable/desirés• Cherchez l’intersection le plus simple de ceux que vous
voulez et ceux que vos utilisateurs voudront
• E.g. http://www.seloger.com/ - qui veut quoi du site?
Création des « personas »
specifiqspecifiqueue
Architecture de l'information • Card sorting – ouvert v. fermé
Maquettage low-fidelity (wireframe)
Design graphique• Utilizer un professionel• Erreurs typiques:
• Trop d’information / de messages sur la page• Information important sous la première vue (below the fold)• Trop de mouvement / d’animation• Manque d’images / mauvais images / images trop utilisés• Manque de contraste de couleurs• Photos ou videos non-optimisés
Les testes d’utilisateurs
Methodes de controle
Focus groups (face-à-face ou en ligne)LaboratoireSondage au site webAnalyse des statistiques d’utilisationCommentaires des consumateursTestes d’utilisation à distance
Focus Groups 6 – 12 personnesLes examplaires des pages, le card-sort, etcClient derrière un mirroirBesoin d’un bon moderateur Assurez que les participants sont vraiment
comme vos clients desirés
Focus Groups – utile quand:
Très totReactions emotional aux couleurs, images
Une idée général du contenu desiré
Focus Groups - RisquesLes utilisateurs ne font pas
tousjours ce qu’il anticipésInutile pour la navigation“Groupthink”; faible moderationLimitation de geographie,
geography, et la disponabilité - Bias
Les Prototypes & Card Sorts
• http://www.youtube.com/watch?v=L7oPR2aTGlM
• Pas cher• Pas compliqué
• Mais pas assez toute seul
Controles au laboratoire
Une à la fois; vocaliser leurs pensées Moderator peut etre présentSouvent videographiéClient peut regarder derríère un mirrorMinimum 5 - 6 utilisateurs; plus est mieux, mais chèr
Laboratoire - Avantages
On peut demander des questions pendant que le testeur utilise le site
On peut voir leur visage, leurs hesitations Pas necessaire de coordiner toute une groupe en meme
tempsPeut mesurer le temps que ca prend pour completer les
taches.
Laboratoire - negatives
Stressante; impact sur leur performance
Des ordinateurs étrange
Les testeurs doivent avoir le temps et la capacité de venir au labo
Limitation geographiques
Très peu de testeurs
Peut etre très cher
Laboratoire est utile quand:
On veut voir / percevoir les subtiltés
On a déjà une site disponible sur l’ordinateur pour tester
Eye Trackinghttp://www.youtube.com/watch?
v=xKdOMgu0C5Q&feature=related
• Gauche à droite• Visages / photos• Placements “traditionel”
Accessibilité• http://youtu.be/cWetc7AS37A
• Noms des liens (links)• Alt tags• http://www.w3.org/ (traductions francais à
http://www.yoyodesign.org/doc/w3c/index.php)
Sondages sur le site
Sondage apparait soit pour chaque visiteur, soit chaque certain nombre, soit quand ils quittent une certain page
Avantages des sondages webFacile à implementerOn peut obtenir beaucuoup de reponses très vite
Des vrai visiteursFacile à faire et d’obtenir grandes nombres vite
Pas chèrFacile à changer les questions
Désavantages des sondages
Les utilisateurs ont vu trop
Bias
Intrusive
Très peu de questions
Indique pas les défis de navigation
Utilize les sondages quand:
Le site existe déjà Le site a beaucoup de traffic Veut simplement des réactions genérales Rapidité est plus important que la profondeur
Statistiques / metriques
On peut analyzer les trajectoires pris par des visiteurs; on les perd ou?
Quels pages sont populaires?Utile comme suplément, mais on doit
déduire les motivations
0102030405060708090
100
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
Commentaires spontanées des clients
Plusieurs sourcesAvantages:
Pas chèreDes vrais clientsOpportunité de régler le problème
Désavantages Bias Ne trouve pas toutes les problèmes Ca peut etre cher (grandes entreprises) Il faut répondre vite et bien
(NB: Dangers des auto-répondeurs) Souvent pas assez de détail
Utilise quand:
Faire des petites ajustementsAide a verifier que les employées sont en accord avec les promesses du site
Des idées quand on veut refaire le site
Testes d’usabilité à distance
• Differentes types• En direct; partage l’ecran• Video (e.g. Morae http://www.techsmith.com/morae.asp)
• Grandes échantillons (e.g. Loop 11 http://www.loop11.com/)
AvantagesAucun limitation de géographie ni (selon la méthode)
d’heures Beaucoup de détail Qualitative et quantitativeEndroit normal pour l’utilisateurValidité statistique
Désavantages
Ne peut pas voir les visages
Pour certains systèmes les testeurs doit etre capable de suivre les instructions écrits et d’expliquer leurs actions en écrivant
Peut seulement le faire si le site est déjà montée
Quoi faire quand1. Dévelopement de Concept: focus groups, et
commentaires des clients existantes2. Une fois en ligne: Laboratoire si on doit voire les
visages. Si non, considère les utils à distance3. Continuelle: Sondages parfois;
statistiques/metriques, commentaires des clients; peut utiliser des techniques a distance pour étudier la concurrance
4. Révision du site: Techniques à distance avec des grandes nombres d’utilisateurs, plus autre information de l’étape continuelle.
1. Dévelopement de Concept:1. Dévelopement de Concept: focus groups, et commentaires focus groups, et commentaires
des clients existantesdes clients existantes
2. Une fois en ligne2. Une fois en ligne:: Laboratoire si on doit Laboratoire si on doit voire les visages. Si voire les visages. Si non, considère les non, considère les
utils à distanceutils à distance
3. Continuelle:3. Continuelle: Sondages Sondages parfois; parfois;
statistiques/metriques, statistiques/metriques, commentaires des clients; commentaires des clients;
peut utiliser des techniques a peut utiliser des techniques a distance pour étudier la distance pour étudier la
concurranceconcurrance
4. Révision du site:4. Révision du site: Techniques à distance Techniques à distance
avec des grandes avec des grandes nombres d’utilisateurs, nombres d’utilisateurs, plus autre information plus autre information de l’étape continuellede l’étape continuelle
Révision du site
Don’t throw out the baby with the bathwater!!
Today’s typical shopper
• Que veut-tu?• Recherche• Trouve les vendeurs• Opinions des autres• Décision• Achète en ligne ou au magasin