Prototype et tests utilisateur Janvier 2009 Institut Ingémédia
<ul><li>Marché virtuel sur Internet spécialisé dans les produits régionaux et artisanaux français </li></ul><ul><li>Associ...
<ul><li>Production par l’équipe, en PHP avec base MySQL </li></ul><ul><li>5 pages clés </li></ul><ul><li>Intégration des é...
<ul><li>Triple démarche  </li></ul>Les tests <ul><li>Visualisation et analyse des clics </li></ul><ul><li>Enquête auprès d...
<ul><li>Utilisation de  ClickHeat  :  générateur de cartes de température, représentant l'emplacement des clics des visite...
 
 
 
 
 
<ul><li>Conclusions globales : </li></ul>1. Visualisation et analyse des clics <ul><li>Barre de navigation latérale bien r...
<ul><li>Echantillon de  42 testeurs  (hors Ingémédia) </li></ul><ul><li>Visite libre  sur le prototype </li></ul><ul><li>Q...
<ul><li>Nature de l’échantillon : âge </li></ul>2. Enquête auprès d’un échantillon Sur 42 répondants :  0 à 20 ans    8 p...
<ul><li>Nature de l’échantillon : sexe </li></ul>2. Enquête auprès d’un échantillon
<ul><li>Nature de l’échantillon : système d’exploitation </li></ul>2. Enquête auprès d’un échantillon
<ul><li>Nature de l’échantillon : régions d’origine </li></ul><ul><li>11 régions différentes </li></ul><ul><li>PACA    15...
<ul><li>Nature de l’échantillon :  Êtes-vous un internautes expérimenté ? </li></ul>2. Enquête auprès d’un échantillon
<ul><li>Nature de l’échantillon :  Avez-vous l’habitude de fréquenter les marchés de votre région ? </li></ul>2. Enquête a...
<ul><li>Avis sur le prototype :  La navigation du site est-elle aisée ?  (note sur 5) </li></ul>2. Enquête auprès d’un éch...
<ul><li>Avis sur le prototype :  L’aspect visuel du site vous paraît-il agréable ?  (note sur 5) </li></ul>2. Enquête aupr...
<ul><li>Avis sur le prototype :  Le graphisme général du site est-il en adéquation avec l'idée de commerce de proximité ? ...
<ul><li>Avis sur le prototype :  Le contenu informationnel du site (articles et textes) vous a-t-il paru compréhensible ? ...
<ul><li>Avis sur le prototype :  Le thème de commerce de proximité est-il bien représenté ?   </li></ul>2. Enquête auprès ...
<ul><li>Avis sur le prototype :  Le menu principal est-il visible et compréhensible ?   (note sur 5) </li></ul>2. Enquête ...
<ul><li>Avis sur le prototype :  Suite à ce test, seriez-vous prêts à faire confiance et à utiliser Place des Lices  ? </l...
<ul><li>Avis sur le prototype :  Ce site vous a-t-il paru adapté au grand public et à un usage familial ?   (note sur 5) <...
<ul><li>Avis sur le prototype :  Conseilleriez-vous ce site à des amis ? </li></ul>2. Enquête auprès d’un échantillon
<ul><li>Avis sur le prototype :  Votre appréciation globale du site ?   (note sur 5) </li></ul>2. Enquête auprès d’un écha...
<ul><li>Les difficultés rencontrées lors du test : </li></ul>2. Enquête auprès d’un échantillon <ul><li>Analyser un site  ...
<ul><li>Place des Lices présente-il des atouts, des intérêts absents sur d’autres sites  ? </li></ul>2. Enquête auprès d’u...
<ul><li>Avez-vous une ou plusieurs suggestions d’ordre visuel ou fonctionnel que vous aimeriez voir paraître sur Place des...
<ul><li>Commentaires divers </li></ul>2. Enquête auprès d’un échantillon <ul><li>Bien fait graphiquement, mais il manque d...
<ul><li>Tournage  dans les rues de Toulon </li></ul><ul><li>Mise à disposition du  prototype sur ordinateur </li></ul><ul>...
<ul><li>Prise en compte nécessaire des remarques </li></ul><ul><li>Croisement  des données </li></ul><ul><li>Pondération  ...
<ul><li>Ajout de  contenu explicite  sur l’objet du site </li></ul><ul><li>Colorisation  de la carte d’accueil   </li></ul...
Prototypes et tests utilisateurs Janvier 2009 Institut Ingémédia
Prochain SlideShare
Chargement dans…5
×

Place des Lices - Prototype et tests utilisateurs

1 028 vues

Publié le

http://www.placedeslices.fr

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 028
Sur SlideShare
0
Issues des intégrations
0
Intégrations
124
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Place des Lices - Prototype et tests utilisateurs

  1. 1. Prototype et tests utilisateur Janvier 2009 Institut Ingémédia
  2. 2. <ul><li>Marché virtuel sur Internet spécialisé dans les produits régionaux et artisanaux français </li></ul><ul><li>Association d’un espace de vente et d’un espace d’expression social et communautaire </li></ul><ul><li>Sélection de petits commerçants indépendants </li></ul><ul><li>Acheteurs attachés aux cultures régionales et aux savoir-faire artisanaux </li></ul><ul><li>Recréer un climat de proximité et susciter la flânerie </li></ul>Le projet , en quelques mots…
  3. 3. <ul><li>Production par l’équipe, en PHP avec base MySQL </li></ul><ul><li>5 pages clés </li></ul><ul><li>Intégration des éléments graphiques </li></ul><ul><li>Inscription et identification activée </li></ul><ul><li>Ajouts de liens à titre indicatifs </li></ul>Le prototype
  4. 4. <ul><li>Triple démarche </li></ul>Les tests <ul><li>Visualisation et analyse des clics </li></ul><ul><li>Enquête auprès d’un échantillon d’internautes </li></ul><ul><li>Tests « web-trottoir » en vidéo </li></ul>
  5. 5. <ul><li>Utilisation de ClickHeat : générateur de cartes de température, représentant l'emplacement des clics des visiteurs </li></ul><ul><li>Intégration discrète dans les pages du prototype </li></ul><ul><li>Capture de tous les clics des visiteurs par pages </li></ul>1. Visualisation et analyse des clics
  6. 11. <ul><li>Conclusions globales : </li></ul>1. Visualisation et analyse des clics <ul><li>Barre de navigation latérale bien repérée et utilisée </li></ul><ul><li>Bouton inscription peu cliqué, page correspondante peu visitée </li></ul><ul><li>Liens de bas de page non-cliqué </li></ul><ul><li>Intérêt pour le blog </li></ul><ul><li>Navigation entre les boutiques bien perçue (utilisation des boutons) </li></ul><ul><li>Boutons stratégiques exploitées : entrée boutique, accès rapide… </li></ul>
  7. 12. <ul><li>Echantillon de 42 testeurs (hors Ingémédia) </li></ul><ul><li>Visite libre sur le prototype </li></ul><ul><li>Questionnaire de 23 questions , ouvertes et fermées </li></ul><ul><li>Mesures quantitatives et qualitatives </li></ul><ul><li>Prise en compte du profil des répondants </li></ul><ul><li>Questionnaire en ligne du 14 au 17 janvier 2009 </li></ul>2. Enquête auprès d’un échantillon
  8. 13. <ul><li>Nature de l’échantillon : âge </li></ul>2. Enquête auprès d’un échantillon Sur 42 répondants : 0 à 20 ans  8 personnes 21 à 30 ans  26 personnes 31 à 40 ans  2 personnes 41 à 50 ans  6 personnes
  9. 14. <ul><li>Nature de l’échantillon : sexe </li></ul>2. Enquête auprès d’un échantillon
  10. 15. <ul><li>Nature de l’échantillon : système d’exploitation </li></ul>2. Enquête auprès d’un échantillon
  11. 16. <ul><li>Nature de l’échantillon : régions d’origine </li></ul><ul><li>11 régions différentes </li></ul><ul><li>PACA  15 </li></ul><ul><li>Île-de-France  6 </li></ul><ul><li>Alsace  4 </li></ul><ul><li>Bretagne  4 </li></ul><ul><li>Nord-Pas de Calais  3 </li></ul><ul><li>Midi-Pyrénées  3 </li></ul><ul><li>Auvergne  2 </li></ul><ul><li>Languedoc-Roussillon  2 </li></ul><ul><li>Pays de la Loire  1 </li></ul><ul><li>Aquitaine  1 </li></ul><ul><li>Franche Comté  1 </li></ul>2. Enquête auprès d’un échantillon
  12. 17. <ul><li>Nature de l’échantillon : Êtes-vous un internautes expérimenté ? </li></ul>2. Enquête auprès d’un échantillon
  13. 18. <ul><li>Nature de l’échantillon : Avez-vous l’habitude de fréquenter les marchés de votre région ? </li></ul>2. Enquête auprès d’un échantillon
  14. 19. <ul><li>Avis sur le prototype : La navigation du site est-elle aisée ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  15. 20. <ul><li>Avis sur le prototype : L’aspect visuel du site vous paraît-il agréable ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  16. 21. <ul><li>Avis sur le prototype : Le graphisme général du site est-il en adéquation avec l'idée de commerce de proximité ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  17. 22. <ul><li>Avis sur le prototype : Le contenu informationnel du site (articles et textes) vous a-t-il paru compréhensible ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  18. 23. <ul><li>Avis sur le prototype : Le thème de commerce de proximité est-il bien représenté ? </li></ul>2. Enquête auprès d’un échantillon <ul><li>Justifications </li></ul><ul><li>Approfondir la navigation pour comprendre les fondements du service </li></ul><ul><li>Accroche plus explicite </li></ul><ul><li>Idée commerciale pas clairement exprimée </li></ul><ul><li>Les régions ne ressortent pas assez </li></ul><ul><li>Le logo est trop moderne </li></ul><ul><li>Certains icônes font trop &quot;multimédia&quot; et pas assez commerce de proximité </li></ul>
  19. 24. <ul><li>Avis sur le prototype : Le menu principal est-il visible et compréhensible ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  20. 25. <ul><li>Avis sur le prototype : Suite à ce test, seriez-vous prêts à faire confiance et à utiliser Place des Lices  ? </li></ul>2. Enquête auprès d’un échantillon <ul><li>Justifications </li></ul><ul><li>Oui mais suite à des améliorations conséquentes </li></ul><ul><li>Ce n'est pas en adéquation avec mon secteur d'activité </li></ul><ul><li>Il manque une présentation du concept sur la page d'accueil </li></ul>
  21. 26. <ul><li>Avis sur le prototype : Ce site vous a-t-il paru adapté au grand public et à un usage familial ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  22. 27. <ul><li>Avis sur le prototype : Conseilleriez-vous ce site à des amis ? </li></ul>2. Enquête auprès d’un échantillon
  23. 28. <ul><li>Avis sur le prototype : Votre appréciation globale du site ? (note sur 5) </li></ul>2. Enquête auprès d’un échantillon
  24. 29. <ul><li>Les difficultés rencontrées lors du test : </li></ul>2. Enquête auprès d’un échantillon <ul><li>Analyser un site non-fonctionnel est difficile </li></ul><ul><li>Problème de repérage dans le site, je ne savais pas toujours où aller </li></ul><ul><li>Le nombre de liens pas encore actifs m'a posé un problème </li></ul><ul><li>Le texte devrait être écrit en plus gros pour les personnes âgées </li></ul><ul><li>Les accents ne sont pas pris en charge dans mon profil </li></ul><ul><li>Quand on va sur le blog on ne peut revenir au site, c'est dommage ! </li></ul><ul><li>Sans pouvoir regarder la vidéo, ça manque d'explications. </li></ul>
  25. 30. <ul><li>Place des Lices présente-il des atouts, des intérêts absents sur d’autres sites  ? </li></ul>2. Enquête auprès d’un échantillon <ul><li>Une large gamme de produits </li></ul><ul><li>Ergonomie facile </li></ul><ul><li>Avoir n’importe quel commerce de proximité à trois clics de chez soi </li></ul><ul><li>Représentation des commerces de proximité </li></ul><ul><li>Design intéressant, soigné, plus convivial que sur les autres sites </li></ul><ul><li>Caractère spécialisé : produits ciblés </li></ul>
  26. 31. <ul><li>Avez-vous une ou plusieurs suggestions d’ordre visuel ou fonctionnel que vous aimeriez voir paraître sur Place des Lices ? </li></ul>2. Enquête auprès d’un échantillon <ul><li>Premier abord plus explicite </li></ul><ul><li>Couleurs plus chaudes </li></ul><ul><li>Garder le côté traditionnel et graphique en évitant le côté institutionnel </li></ul><ul><li>Expliquer davantage le menu des rubriques </li></ul><ul><li>Mieux mettre en avant l’outil « recherche » </li></ul><ul><li>Une carte d'accueil plus colorisée, avec des symboles des régions </li></ul>
  27. 32. <ul><li>Commentaires divers </li></ul>2. Enquête auprès d’un échantillon <ul><li>Bien fait graphiquement, mais il manque des explications </li></ul><ul><li>Centrer la recherche par ville </li></ul><ul><li>Se positionner plus proche des régions </li></ul><ul><li>Les commerçants accepteront-ils des commentaires négatifs sur eux ? </li></ul><ul><li>Difficulté à coïncider les intérêts des commerçants (vendre) et ceux des internautes-consommateurs (critiquer, comparer…) </li></ul>
  28. 33. <ul><li>Tournage dans les rues de Toulon </li></ul><ul><li>Mise à disposition du prototype sur ordinateur </li></ul><ul><li>Questionnaire sous forme d’ interview-vidéo </li></ul><ul><li>Capture des réactions en direct devant l’écran </li></ul>3. Tests web-trottoir
  29. 34. <ul><li>Prise en compte nécessaire des remarques </li></ul><ul><li>Croisement des données </li></ul><ul><li>Pondération entre les mesures quantitatives des clics et les remarques qualitatives des testeurs </li></ul><ul><li>Ajustements des modalités de production </li></ul>Conclusion
  30. 35. <ul><li>Ajout de contenu explicite sur l’objet du site </li></ul><ul><li>Colorisation de la carte d’accueil </li></ul><ul><li>Incitation plus forte à l’inscription </li></ul><ul><li>Liens réciproques avec le blog du projet </li></ul><ul><li>Assurer l’ accessibilité des contenus </li></ul>Principaux ajustements
  31. 36. Prototypes et tests utilisateurs Janvier 2009 Institut Ingémédia

×