SOMMAIRE        2Présentation                         3	   Pour qui ?                       4	   Comment ?                ...
2                                        PRÉSENTATION                                 3    	La boîte à binocles permet de ...
POUR QUI ?                                           4	La boîte à binocles s’adresse en priorité aux futurs porteursde lun...
4                    COMMENT ?                                             5    	La boîte à binocles est prévue pour être ...
AVEC QUI ?                                                  6	La boîte à binocles est une application collaborative. Chaqu...
6                           DESCRIPTION DE                                                            7                   ...
DESCRIPTION DE                                                                 8                              LA NAVIGATIO...
9
DESCRIPTION DE                                               10          LA NAVIGATION	     L’expert permet à l’utilisateu...
11
DESCRIPTION DE                                                             12                                LA NAVIGATION...
13
ARBORESCENCE   14
CARTE DES CONCEPTS   15
TABLE DES COMMANDES    Voici la table des commandes imaginée pour le développement de l’application La Boite à Binocles.  ...
TABLE DES COMMANDES                                                                             17                        ...
TABLE DES COMMANDES                                                                 18                       BOUTON       ...
TABLE DES COMMANDES                                                                  19     BOUTON                DÉFINITI...
TABLE DES COMMANDES                                                                20                      BOUTON         ...
TABLE DES COMMANDES                                                                   21                         BOUTON   ...
TABLE DES COMMANDES                                                                         22                       BOUTO...
TABLE DES COMMANDES                                                                23                            BOUTON   ...
TABLE DES COMMANDES                                                                      24                            BOU...
TABLE DES COMMANDES                                                                25                       BOUTON        ...
TABLE DES COMMANDES                                                                  26     BOUTON                  DÉFINI...
MAQUETTE Écran d’accueil                   27
MAQUETTEÉcran de choix du genre                          28
MAQUETTEÉcran d’activation de la webcam                                  29
MAQUETTEÉcran de choix d’entrée dans l’application                                             30
MAQUETTE Écran Magazines                   31
MAQUETTEÉcran Magazines - Fiches                           32
MAQUETTE  Écran Expert                 33
MAQUETTEÉcran Essayage - sans l’expert                                 34
MAQUETTEÉcran Essayage - avec l’expert                                 35
MAQUETTEÉcran Essayage - historique                              36
MAQUETTEÉcran Essayage - dessiner ses lunettes                                         37
MAQUETTEÉcran Essayage - enregistrer sa photo ou partager                                                    38
MAQUETTEÉcran Essayage - Fiche célébrité                                   39
MAQUETTEÉcran Essayage - ajouter une célébrité                                         40
TESTS UTILISATEURS                                                     41	L’intégralité        de     cette    s’attendre ...
TESTS UTILISATEURS                                                        42petit, son premier commentaire          bouton...
TESTS UTILISATEURS                                                  43                                       Écran Magazin...
TESTS UTILISATEURS                                                      44facebook ou encore la partager,    cam, voir que...
TESTS UTILISATEURS                            45nous ou la modification du dessin      ces boutons (liste de lunettesde lu...
TESTS UTILISATEURS                                                      46                                      départ je ...
TESTS UTILISATEURS                                                    47                                      réalisable e...
TESTS UTILISATEURS                                                       48avec une durée d’une minute environ.        	  ...
49
Manon Maza - Matthieu Boirie - Marion Juillet - Jules Monjarret   Master 1 - Création, Production, Écriture Audiovisuelle ...
Boite a binocles
Prochain SlideShare
Chargement dans…5
×

Boite a binocles

462 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Boite a binocles

  1. 1. SOMMAIRE 2Présentation 3 Pour qui ? 4 Comment ? 5 Avec qui ? 6Description de la navigation 7 Magazines 8 L’expert 10 L’essayage 12 Arborescence 14 Carte des concepts 15 Table des commandes 16Maquette 27Tests utilisateurs 41 Olivier 41 Ambre 43 Nathaël 43 Justine 47
  2. 2. 2 PRÉSENTATION 3 La boîte à binocles permet de guider un utilisateur dans le choix de ses lunettes. La finalité de l’application est de rendre les lunettes attrayantes et le choix de celles ci plus ludique. Elle doit, pour cela, répondre aux quatre objectifs suivants : • Apporter une dimension historique • Apporter une dimension culturelle • Offrir un nouveau critère pour le choix de lunettes • Rendre ce choix plus amusant via les options sociales Pour cela, l’application propose à l’utilisateur l’essayage de lunettes, l’avis d’un expert mais également une approche historique et culturelle de l’objet en présentant successivement les tendances et styles selon les époques et les célébrités ayant portées un certain modèle de lunettes.
  3. 3. POUR QUI ? 4 La boîte à binocles s’adresse en priorité aux futurs porteursde lunettes mais également aux personnes qui en portent déjà.L’application, traitant de lunettes de vue et de solaires peuttout de même être utile à un large public. L’utilisateur ciblé estune personne ayant un niveau d’expertise du domaine faibleou moyen mais pas expert car l’application n’aura pas d’intérêtpour un opticien, par exemple. Il devra également disposer d’uncertain niveau de maîtrise de l’outil. Notre application s’adresseaux personnes expérimentées ou expertes mais les novicesn’auront pas les connaissances informatiques nécessaires pourl’utiliser. En effet, cela demande de connaître certaines basesbureautique (pour l’ajout d’une célébrité par exemple) ou desoutils internet (pour le côté social).
  4. 4. 4 COMMENT ? 5 La boîte à binocles est prévue pour être utilisée uniquement sur un ordinateur avec une connexion Internet, ainsi que le module Flash mis à jour. L’utilisateur doit disposer d’une webcam et se trouver dans un endroit suffisamment éclairé ou, le cas contraire, avoir un portait de lui, de face, seul et correctement éclairé. L’application s’utilise généralement seul puisqu’il faut de toutes façons une seule personne face à la webcam pour faciliter la reconnaissance faciale.
  5. 5. AVEC QUI ? 6 La boîte à binocles est une application collaborative. Chaqueutilisateur peut s’il le souhaite ajouter du contenu en créant lui même unefiche célébrité ou personnage historique pour une paire de lunettes. Pourcela, il lui suffit simplement de se connecter avec son compte Facebook. Ilpourra ainsi aimer une fiche lunettes ou même la partager. En se connectantavec son compte Twitter, il pourra également tweeter un fiche lunettesmais pas ajouter de contenu sur l’application. Les fiches célébrités etpersonnages historiques ont pour but d’apporter une dimension culturelleet plus amusante dans le choix de lunettes mais elles permettent égalementde fournir un nouveau critère à l’utilisateur, différent de ce qu’il peut trouverhabituellement. Selon l’utilisateur, cela peut-être un critère de mode oud’appartenance. Les fiches nécessitent cependant une validation par unadministrateur (ou modérateur selon la taille de la communauté) avantd’être publiée, afin d’éviter les doublons comme les facéties.
  6. 6. 6 DESCRIPTION DE 7 LA NAVIGATION La boîte à binocles vise à proposer à ses utilisateurs des lunettes en adéquation avec leurs attentes. La navigation doit pour cela être personnalisable et offrir plusieurs possibilités. Après avoir demander à l’utilisateur son sexe, l’application lui offre donc trois points d’entrée : les magazines, les conseils de l’expert ou l’essayage.
  7. 7. DESCRIPTION DE 8 LA NAVIGATION Les magazines ont pour but de présenter des lunettes portées par des personnages historiquesou des célébrités. C’est un catalogue de références qui permet d’aider un utilisateur - peu sûr de luiou curieux des tendances - à se décider. On trouve 6 magazines : 5 d’entre eux représentent différentes époques et s’étendent des années20 à nos jours et le dernier regroupe toutes époques confondues. Les époques correspondent à lapersonnalité et non aux lunettes. En effet, il n’est pas rare de voir un modèle de lunettes ré-éditerdes années plus tard et il serait donc difficile de trancher sur la date de fabrication à donner à ceslunettes. Il est donc apparu évident que nous devions trier par date d’apparition des modèles sur lespersonnalités. Sur chaque magazine, les personnages historiques et célébrités sont classés par popularité(calculé grâce au nombre de likes des utilisateurs). En survolant l’une de ces fiches, l’utilisateur peutaccéder à du contenu supplémentaire concernant la célébrité ou le personnage historique, commeune anecdote à propos de ses lunettes par exemple. Au clic, l’utilisateur est renvoyé sur la paged’essayage pour se voir portant la paire de lunette voulue.
  8. 8. 9
  9. 9. DESCRIPTION DE 10 LA NAVIGATION L’expert permet à l’utilisateur d’être conseillé dansson choix. Après avoir répondu à une série de questionsconcernant la forme de son visage, de son nez, de ses yeux etde ses sourcils, l’utilisateur se voit proposer un certain nombrede lunettes correspondant le mieux à ces caractéristiquesphysiques. L’expert pourra ensuite intervenir pour donner sonavis (si l’utilisateur le souhaite) lors de l’essayage de lunettes.
  10. 10. 11
  11. 11. DESCRIPTION DE 12 LA NAVIGATION L’utilisateur peut, s’il connaît déjà l’application ou s’il ne veut pas être guidé dans son choix, passerdirectement à l’essayage. Qu’il choisisse d’utiliser sa webcam ou un portrait de lui, l’utilisateur se verraproposer plusieurs filtres  : couleur des montures, forme et teinte des verres. Il pourra égalementdessiner lui même une forme de lunettes pour s’en voir ensuite proposer des similaires. Une fois les filtres sélectionnés, plusieurs paires de lunettes correspondantes sont proposées àl’utilisateur en dessous de l’encart essayage. Il peut, à tout moment, prendre une photo de lui portantune paire de lunettes et l’enregistrer sous ou la partager directement sur son profil Facebook. Pendant l’essayage, l’utilisateur peut toujours faire appel à l’expert sur la droite de l’écran. S’ilest déjà allé le consulter au préalable, l’expert lui conseillera des lunettes adaptées à la forme de sonvisage, sinon il aura toujours la possibilité d’aller répondre à ses questions. Il pourra également allerparcourir les magazines grâce à une icône à gauche ou afficher l’historique des lunettes précédemmentconsultées. Lors de l’essai d’une paire de lunettes, les fiches célébrités et personnages historiquescorrespondantes apparaissent en bas de l’écran (encore une fois, triées par popularités). L’utilisateurpeut s’il le souhaite en ajouter une qui sera modérée avant d’être publiée dans l’application.
  12. 12. 13
  13. 13. ARBORESCENCE 14
  14. 14. CARTE DES CONCEPTS 15
  15. 15. TABLE DES COMMANDES Voici la table des commandes imaginée pour le développement de l’application La Boite à Binocles. 16 BOUTON DÉFINITION CONDITION RÉACTION À l’ouverture de Écran d’accueil Entrer Entrer dans l’application Passe à l’écran suivant l’application Une fois le genre choisi, l’application le prend en compte pour l’accord du genre mais également pour restreindre le Permet à l’utilisateur de Homme/femme Après l’écran Entrer choix de lunettes en choisir son genre définissant le premier filtre par défaut : celui du genre. Le conseiller s’adressera à l’utilisateur de la manière adéquate. L’application garde les préférences flash Après le choix homme/ Permet à l’application de l’utilisateur, ce qui femme, avoir une Activer la webcam de se connecter avec la permettra par la suite à webcam connectée et webcam via flash l’application d’afficher FLASH à jour la webcam pour l’essayage des lunettes
  16. 16. TABLE DES COMMANDES 17 BOUTON DÉFINITION CONDITION RÉACTION (Avoir une photo du visage bien éclairée, L’application met en Permet à l’utilisateur de de face, les yeux cache la photo et Charger une photo charger une photo pour découverts) Si pas de l’utilisera par la suite essayer les lunettes webcam connectée, lors de l’essayage des après le choix homme lunettes femme Lien hypertexte vers S’affiche si l’utilisateur Télécharger la dernière Ouvre une nouvelle le téléchargement de n’a pas la dernière version du player fenêtre du navigateur la dernière version du version du player FLASH vers le site d’Adobe player FLASH FLASH Permet de faire défiler les lunettes portées par les célébrités les plus “liké” par la communauté parAnimation, écran de époque (20s à 50s, Ouvre l’écran Magazines / choix d’entrée 60s à 70s, 80s, 90s et magazines depuis 2000) mais aussi un magazine “all stars” avec les 20 préférés toutes époques confondues
  17. 17. TABLE DES COMMANDES 18 BOUTON DÉFINITION CONDITION RÉACTION Permet de remplir les filtres d’essayage de manière plus interactive grâce a des questions sur la forme, la teinte ou la couleur des Conseiller / Ouvre l’écran conseiller lunettes mais également avec des petits conseils (comment choisir sa forme de lunettes selon la forme de visage, des yeux ou des sourcils) Permet de sauter les étapes du conseiller ou du magazine si / Ouvre l’écran Passer à l’essayage l’on est déjà venu d’essayage sur l’application afin d’éviter la redondance Permettent de faire défiler le slider vers une autre page du Disponible seulement à Fait défiler le slide surÉcran magazine Flèches de défilement magazine, affichant les l’écran magazine une page du magazine lunettes portées par les célébrités selon le magazine
  18. 18. TABLE DES COMMANDES 19 BOUTON DÉFINITION CONDITION RÉACTION Ajoute un like au Se connecter avec Permet d’ajouter un like compteur pour les Facebook, disponible Bouton like aux lunettes portée par lunettes portées, seulement à l’écran la célébrité favorite indique cette activité magazine sur facebook Se connecter avec Partage un lien vers Permet de partager aux Facebook, disponible les lunettes depuis Bouton partage lunettes portée par une seulement à l’écran facebook vers célébrité magazine l’application Permet de changer de Disponible seulement à Change le magazine enChangement magazine magazine l’écran magazine cours de visualisation Toutes les lunettes portées par les Amène l’utilisateur à célébrités sont Disponible seulement à l’essayage des lunettes Lunettes cliquables, cela permet l’écran magazine via sa photo ou la d’aller directement webcam l’essayer grâce à sa webcam ou a une photo Quitte l’écran magazine Permet de quitter Disponible seulement à Quitter et revient à l’écran l’écran magazine l’écran magazine précédent
  19. 19. TABLE DES COMMANDES 20 BOUTON DÉFINITION CONDITION RÉACTION La réponse à la Disponible à la suite question renseigne Permet de répondre de la question duÉcran conseiller un filtre qui restreint Choix de réponse à la question du conseiller, puis disparaît la liste des lunettes conseiller pour laisser place à la proposées par le question suivante conseiller Quitte l’écran conseiller permet de quitter disponible seulement à Quitter et revient à l’écran l’écran conseiller l’écran conseiller précédent Disponible dès la Permet d’accéder à la Revient à la question Flèches gauche deuxième question de question précédente précédente l’écran conseiller Disponible dès la Va à la question première question de suivante et enregistre Permet d’accéder à la Flèches droite l’écran conseiller, une le choix de réponse question suivante fois qu’un choix de à la question pour réponse est sélectionné renseigner un filtre Toutes les lunettes Amène l’utilisateur à proposés par le l’essayage des lunettes conseiller sont Disponible seulement à via sa photo ou la Lunettes cliquables, cela permet la fin des questions du webcam avec les filtres d’aller directement conseiller pré remplis par le l’essayer grâce à sa conseiller webcam ou a une photo
  20. 20. TABLE DES COMMANDES 21 BOUTON DÉFINITION CONDITION RÉACTION L’application lit la forme Permet de dessiner Uniquement accessible et la rapproche à celles Écran dessiner Dessin de la forme la forme des lunettes à l’écran dessiner existantes pour remplir voulues un filtre de forme Renvoie l’utilisateur vers l’écran d’essayage Permet de valider son Uniquement accessible avec les filtres Valider dessin à l’écran dessiner correspondant à la couleur et à la forme des lunettes Quitte l’écran dessiner Permet de quitter Disponible seulement à Quitter et revient à l’écran l’écran dessiner l’écran dessiner précédent Permet de visionner Le clic sur des lunettes Historique L’historique des l’historique des lunettes Uniquement accessible déjà visitées renvoie à lunettes essayés essayés pour revenir à l’écran historique l’essayage de celle-ci facilement en arrière Quitte l’écran Permet de quitter Disponible seulement à Quitter historique et revient à l’écran historique l’écran historique l’écran précédent Écran essayage Change les lunettes Uniquement disponibleBarre latérale des Permet de sélectionner disponibles à l’essayage Filtre couleur à l’écran essayage sur la filtres un filtre pour la couleur en fonction du filtre barre latérale des filtres sélectionné
  21. 21. TABLE DES COMMANDES 22 BOUTON DÉFINITION CONDITION RÉACTION Change les lunettes Uniquement disponible Permet de sélectionner disponibles à l’essayage Filtre forme à l’écran essayage sur la un filtre pour la forme en fonction du filtre barre latérale des filtres sélectionné Change les lunettes Uniquement disponible Filtre teinte Permet de sélectionner disponibles à l’essayage à l’écran essayage sur la un filtre pour la teinte en fonction du filtre barre latérale des filtres sélectionné Permet d’ouvrir un Ouvre l’écran de écran afin de dessiner Icône disponible depuis Icône dessin dessin de la forme des la forme des lunettes l’écran d’essayage lunettes vouluesÉcran essayage Permet d’aller à l’écran Icône disponible depuis Icône magazine Ouvre l’écran magazine Icônes magazine l’écran d’essayage Permet d’aller à l’écran Icône disponible depuis Retourne à l’écran de Icône accueil - Le logo de choix d’entrée l’écran d’essayage choix d’entrée Permet d’aller à l’écran Icône disponible depuis Icône conseiller Ouvre l’écran conseiller conseiller l’écran d’essayage Au clic affiche Affiche l’historique des Icône disponible depuis Icône historique l’historique des lunettes lunettes essayé l’écran d’essayage précédemment essayés
  22. 22. TABLE DES COMMANDES 23 BOUTON DÉFINITION CONDITION RÉACTION Ajoute un like au Se connecter avec Permet d’ajouter un like compteur pour les Écran essayage Facebook, disponible Bouton like aux lunettes portée par lunettes portées, Bandeau célébrités seulement à l’écran la célébrité favorite indique cette activité essayage sur facebook Se connecter avec Permet de partager les twitter, disponible Partage un lien vers les Bouton Tweeter célébrités ayant portés seulement à l’écran lunettes depuis twitter la lunette favorite d’essayage dans la vers l’application partie célébrité Permet d’accéder Sisponible seulement à Ouvre l’écran ajout de Bouton ajouter à l’écran d’ajout de l’écran essayage contenu contenu Disponible au clic d’une célébrité dans le Permet d’accéder à Célébrité bandeau des célébrités Ouvre l’écran de fiche l’écran fiche (en relation avec la lunette essayée) Quitte l’écran fiche Permet de quitter Disponible seulement à Écran fiche Quitter et revient à l’écran l’écran fiche l’écran fiche précédent Permet de charger une Disponible seulement photo de célébrité à l’écran ajout de Charge la photo choisieÉcran ajout de contenu Bouton parcourir portant les lunettes contenu, (avoir une dans l’explorer sélectionnées photo de la célébrité)
  23. 23. TABLE DES COMMANDES 24 BOUTON DÉFINITION CONDITION RÉACTION Permet de renseigner Renseigne les les informations sur la Disponible seulement à informations sur la Champs d’information célébrité ayant porté l’écran ajout de contenu célébrités qui porte les ces lunettes (film/ lunettes sélectionnées époque/etc) Envoie la proposition d’ajout à un Permet de finaliser Disponible seulement à Bouton valider administrateur ou l’ajout de contenu l’écran ajout de contenu modérateur qui devra valider la fiche Quitte l’écran ajout de Permet de quitter Disponible seulement à Quitter contenu et revient à l’écran ajout de contenu l’écran ajout de contenu l’écran précédent Au clic, la lunette est affichée sur les yeux de l’utilisateur via sa webcam ou la photo Affiche les lunettes préchargée, cela disponibles à l’essayageÉcran d’essayage des Disponible seulement à charge également le Bandeau des lunettes après application des lunettes l’écran essayage bandeau célébrités filtres. Chaque lunette correspondant à la est cliquable lunettes Dans un second temps, la lunette est également ajoutée à l’historique”
  24. 24. TABLE DES COMMANDES 25 BOUTON DÉFINITION CONDITION RÉACTION Permet de prendre une photo de la webcam Prend une capture Icône photo et de l’enregistrer sur Disponible seulement si d’écran du lecteur l’ordinateur ou de la la webcam est activée flash et ouvre l’écran partager directement enregistrer sur facebook Affiche les lunettes conseillées par le Lorsqu’une lunette conseiller (grâce à des conseillée est lunettes similaires mais sélectionnée, la lunette ne correspondant pas est essayée et se Disponible seulement à Conseiller strictement aux filtres charge dans l’historique l’écran essayage sélectionnés) mais sans pour autant également ses conseils changer le bandeau des de filtres vis à vis de la lunettes disponibles à forme du visage, des l’essayage yeux et des sourcils Permet d’enregistrer Disponible seulement Enregistre la la photographie prise à l’écran enregistrerÉcran enregistrer Enregistrer sous photographie sur depuis la webcam sur lorsque l’utilisateur à l’ordinateur, ouvre l’ordinateur pris une capture d’écran l’explorer en ce sens du lecteur flash
  25. 25. TABLE DES COMMANDES 26 BOUTON DÉFINITION CONDITION RÉACTION Disponible seulement Permet de partager à l’écran enregistrer Ouvre facebook la photographie prisePartager sur Facebook lorsque l’utilisateur à pour partager la depuis la webcam sur pris une capture d’écran photographie Facebook du lecteur flash Quitte l’écran Permet de quitter Disponible seulement à d’enregistrement Quitter l’écran d’enregistrement l’écran d’enregistrement et revient à l’écran précédent
  26. 26. MAQUETTE Écran d’accueil 27
  27. 27. MAQUETTEÉcran de choix du genre 28
  28. 28. MAQUETTEÉcran d’activation de la webcam 29
  29. 29. MAQUETTEÉcran de choix d’entrée dans l’application 30
  30. 30. MAQUETTE Écran Magazines 31
  31. 31. MAQUETTEÉcran Magazines - Fiches 32
  32. 32. MAQUETTE Écran Expert 33
  33. 33. MAQUETTEÉcran Essayage - sans l’expert 34
  34. 34. MAQUETTEÉcran Essayage - avec l’expert 35
  35. 35. MAQUETTEÉcran Essayage - historique 36
  36. 36. MAQUETTEÉcran Essayage - dessiner ses lunettes 37
  37. 37. MAQUETTEÉcran Essayage - enregistrer sa photo ou partager 38
  38. 38. MAQUETTEÉcran Essayage - Fiche célébrité 39
  39. 39. MAQUETTEÉcran Essayage - ajouter une célébrité 40
  40. 40. TESTS UTILISATEURS 41 L’intégralité de cette s’attendre et comment utiliser au en fait des catalogues de lunettesbatterie de tests utilisateurs ont mieux l’application. tels qu’on peux en trouver chezété réalisés avec une maquette Il n’a pas compris non plus les opticiens, mais a ensuiteHTML à partir des écrans beta de comment revenir à la page d’accueil compris que la page « Magazines »ceux présentés précédemment. et a longtemps cherché s’il y avait servait à choisir des montures de un bouton «  Retour  » ou «  Page lunettes par rapports aux acteurs • Olivier d’accueil  ». Il ne savait pas que et actrices les ayant porté. Il • 52 ans l’en tête du titre de l’application n’a vu nul part de bouton pour • Militaire était un lien hypertexte, il a donc «  essayer  » les lunettes face à la • Novice quitté et relancé plusieurs fois webcam. l’application. Olivier espère que les Olivier n’a pas immédi- Au niveau esthétique, Olivier acteurs présentés sont différentsatement saisi le but et l’utilité s’attendait à des couleurs plus en fonction du sexe de l’utilisateur,de l’application. Il n’a pas com- chaudes, mais mis à part ce détail tel que Brigitte Bardot pour lespris l’intérêt d’avoir 3 modes de chromatique il a jugé l’application femmes et Johnny Depp pour lesnavigations. très agréable à regarder. hommes par exemple. Les pages d’accueilmanquent d’explications, il aurait • Page Magazines • Page Expertpréféré avoir un petit texte Au premier abord, Olivier En plus de trouver leintroductif pour savoir à quoi pensait que les magazines étaient texte explicatif de l’expert trop
  41. 41. TESTS UTILISATEURS 42petit, son premier commentaire bouton pour sauvegarder sa photo • Conclusionfut que cela manquait un peu n’était pas explicite pour lui. Olivier a bien aiméd’explications. Mise à part ces Olivier n’a pas trouvé la l’application, autant au niveaudétails, Olivier a compris l’intérêt possibilité de dessiner soi même du but que de l’ergonomie.de la page et comment l’utiliser. ses lunettes intéressante, il ne Cependant, il manque pour luiEn outre il se demande s’il est pense pas s’en servir souvent, voir quelques boutons («  Retour  »,possible de modifier les lunettes jamais. Il ne pensait même pas que «  Page d’accueil  »…) et surtoutproposées par l’expert où s’il s’agit la zone «  Dessinez ses lunettes  » des explications dès le début dede modèles fixes et immuables. était cliquable, pour lui il s’agissait l’application pour comprendre du texte explicatif accompagnant rapidement ce qu’il faut faire.• Page Essayage les filtres. Olivier n’a pas très bien Après avoir cliquer surcompris le but de la page au l’expert à droite de la page, ilpremier abord, il a demandé à quoi m’a demandé quel était l’intérêtla page servait. Après explications, d’avoir l’essayage direct sansil a mieux identifié les différents passer par l’expert.éléments et fonctionnalités decette page. Il a parfaitementcompris comment utiliser lesfiltres de modifications, mais le
  42. 42. TESTS UTILISATEURS 43 Écran Magazines 2) Quelles actions pensez-vous • Ambre Images de star et j’aime, et enclencher ? • 19 ans partager sur facebook, la croix • Écran d’accueil • Étudiante • Écran Expert Je peux rentrer dans l’application, • Intérmédiaire Les visages, la croix dans la boite à binocles. • Écran Essayage • Écran de choix du genre Filtres, dessiner les lunettes, le Je choisis mon sexe et je peux1) Ou pouvez-vous cliquer ? rond au milieu avec l’appareil continuer dans ma démarche.• Écran d’accueil photo, parcourir les magazines, • Écran d’activation de la webcamEntrer afficher l’historique, ajouter une Autoriser la connection avec ma• Écran de choix du genre célébrité, facebook, tweeter, webcam ou charger une photo deUn homme – une femme les photos prises (en bas de la mon visage depuis mon ordinateur.• Écran d’activation de la webcam webcam), + les photos de stars qui • Écran de choix d’entréeSur le “ici” de télécharger, sur défilent en bas. Je peux entrer dans des catégories“autoriser” ou “refuser” et sur • Écran enregistrement photo différentes : magazines, avis, ou“charger une photo depuis votre “Enregistrer sous”, “partager sur passer cette étape pour allerordinateur” facebook”, croix directement à la suite.• Écran de choix d’entrée • Écran ajout de contenu • Écran MagazinesLes magazines, “je connais...” Parcourir, valider, croix Voir quelle star porte tel type“l’avis de l’expert” de lunette, aimer la photo sur
  43. 43. TESTS UTILISATEURS 44facebook ou encore la partager, cam, voir quelle star porte telle ou 4) A quoi sert cette application ?fermer la page avec la croix. telle lunette, peut être en rapport À essayer des lunettes en fonction• Écran Expert avec celles qu’on essaye. de la morphologie de mon visage,Choisir la forme de mon visage, • Écran enregistrement photo tout en ayant des conseils et enfermer la fenetre. Visualiser la photo prise de nous, pouvant comparer les lunettes• Écran Essayage l’enregistrer sur notre ordinateur essayées avec celles portés parModifier la photographie prise ou la partager sur facebook, les stars.par la webcam, dessiner soi même fermer la page.la forme des lunettes que l’on • Écran ajout de contenu 5) Quel est son but ?souhaite, activer la webcam ou Remplir les champs, ajouter la Que je puisse faire un choixprendre une photo, retourner photo de la célébrité et valider sa concernant la forme, la couleursur la page magazine du début, publication sur le site. des lunettes que je souhaite toutvoir mon historique de lunettes en pouvant les essayer en ligne etessayées, ajouter la photo d’une 3) Lister les boutons non reconnus pourquoi pas les acheter en ligne.célébrité portant un certain au testeur et lui demander cetype de lunette, liker la photo qu’ils pourraient déclencher. 6) Qu’est ce que vous ned’une célébrité sur facebook, comprenez pas ? Ou qui vousou tweeter, voir les photos que • Boutons choix magazine : semble étrange/inconnu ?l’on a pris de nous portant les Classent le style des lunettes On ne sait pas si les filtres serventdifférentes lunettes avec notre portés par les stars par année. pour la photo qu’on prend de
  44. 44. TESTS UTILISATEURS 45nous ou la modification du dessin ces boutons (liste de lunettesde lunette que l’on peut faire, essayables et bandeau célébrités)les boutons facebook de la page que cela aurait été pluscentrale, comment revenir au compréhensible avec l’applicationdébut (pas de croix comme sur en état de fonctionnement et queles autres pages). “c’est en cliquant partout qu’on comprend mieux, par l’expérience”Conclusion :Lorsque l’utilisatrice n’a pascompris (deux fonctionnalités),cela est essentiellement dû aumanque d’images (la webcamn’est pas active, puisque c’est unemaquette html+image et les imagesde lunettes et de celebrités nesont pas présentes, les filtres sontdonc inutilisables).Après explication, elle a ellemême avouée après explicationde la véritable fonctionnalité de
  45. 45. TESTS UTILISATEURS 46 départ je ne vois pas de rapport. de célébrités portant les lunettes • Nathaël En plus on me demande ma que l’on souhaiterai essayer. • 22 ans webcam sans que je sache à quoi • Développeur cela va servir” Ce test nous a permis de • Expert La partie webcam est ce qui valider en majorité la partie l’a rendu un peu plus rétissent, fonctionnalités et nous avons aussi n’étant pas informé de l’utilité de eu les conseils d’un utilisateur Nathaël a su reconnaitre la ce site et de ce qu’il allait pouvoir qui est lui même développeurtotalité des zones cliquable. faire, il nous a donc suggéré une ce qui permet d’avoir un avis Du point de vue de autre organisation des pages assez expert en la matière. Pourl’utilisation de la plateforme, avant l’écran d’essayage. la partie compréhension duNathaël n’a eu aucun problème. Nathaël, une fois arrivé domaine des lunettes, là aussi, il a Il a bien compris qu’il sur la page d’essayage à très rapidement su comprendre le buty’avait trois accès principaux à rapidement compris l’utilité du de l’application et comment fairel’application (Magazine, Essayage, site et m’a confié qu’il serait pour atteindre son but. Il nous aAvis de l’expert). Cependant, il ne curieux d’essayer pour voir ce aussi donné quelques conseilstrouve pas évident de comprendre que ca donne sur lui. Il a eu plus de placement et de terme plusle lien entre magazine, expert, de mal à comprendre l’utilité des approprié que les notre ce quiessayer direct. Je cite : “Rien ne magazines mais a tout de même nous a permis d’améliorer notrem’explique le principe du site. Au fini par identifier qu’il s’agissait plateforme d’essayage de lunettes.
  46. 46. TESTS UTILISATEURS 47 réalisable en 6 clics (en prenant • Justine en compte les clics 3 prérequis • 20 ans pour entrer dans l’application). La seconde action demandée à • Étudiante Justine était d’aller demander de • Intérmédiaire Justine a effectué les 3 premiers l’aide à l’expert et de retourner clics pour entrer dans l’application à l’essayage directement. Cette (entrer, choix du genre et action est réalisable en 2 clics. Nous avons demandé à autorisation pour Adobe FlashJustine le test dit de la “ballade Player) puis a hésité avant de Justine a immédiatement réussicognitive”. L’action demandée à choisir l’entrée adéquate entre à ouvrir la fenêtre de l’expertJustine était d’essayer une paire les trois proposée (magazines, mais elle, en revanche eu du malde lunettes rondes et bleues. essayage ou avis de l’expert). a identifier l’action correcte pourCette action est réalisable en 6 Les deux actions restantes pour revenir à l’essayage. Après unclics (en prenant en compte les ajuster le choix des filtres ont clic incorrect (qui n’a engendréclics 3 prérequis pour entrer dans ensuite été immédiatement et aucune réponse de l’application),l’application). correctement effectuées par elle a repérer la petite croix en Justine. Elle a également identifié haut, à droite de l’écran.L’action demandée à Justine était rapidement que le troisième filtred’essayer une paire de lunettes correspondait à la teinte des Les deux actions proposées àrondes et bleues. Cette action est verres. Justine ont chacune été réalisées
  47. 47. TESTS UTILISATEURS 48avec une durée d’une minute environ. Ces tests utilisateurs nous ont permis d’affiner notre application d’un point de vue ergonomique mais également de confirmerConclusion que son utilisation n’était pas évidente pour des personnes peuAu vu des résultats du test de la aguerries avec l’outil informatique.balade cognitive sur Justine, on Autre chose très intéressante, la totalité des utilisateurs n’ontpeut dire que l’information est compris le but réel de l’application qu’à leur arrivée sur l’écranaccessible rapidement (le plus long d’essayage. Couplé avec la très bonne remarque de Nathaël surétant les prérequis pour entrer dans l’autorisation du player flash pour la webcam, nous avons doncl’application) depuis la page d’accueil. décidés d’introduire entre le tout premier écran “Entrer” et le choixLe menu semble plutôt pertinent et du sexe une vidéo type “How to?” pour expliquer, rapidement, le butl’affordance des icônes, bonne. La de l’application mais également montrer les différents cheminementpage d’accueil pourrait cependant et les fonctionnalités. Nous avions déjà pensé à faire ce type de vidéobénéficier d’une illustration pour explicative mais ne l’avons pas réalisée, tout simplement parce-queguider l’utilisateur plus facilement vers l’application est encore au stade de la scénarisation et que ce typel’essayage et les boutons pour revenir de vidéo n’est possible qu’une fois l’application réalisée. Lors de laen arrière sur certaines fenêtre ne sont lecture de la vidéo, il serait également possible de la passer, afinpas tous appropriés mais l’application de ne pas créer la redondance et donc le désintéret de l’utilisateurest bien comprise et reçue dans son qui reviendrait sur l’application. Nous remarquons malgré tout queensemble et les résultats des tests cette vidéo serait essentielle à la bonne compréhension et donc ausont plutôt satisfaisants. succès de la Boite à Binocles.
  48. 48. 49
  49. 49. Manon Maza - Matthieu Boirie - Marion Juillet - Jules Monjarret Master 1 - Création, Production, Écriture Audiovisuelle et Multimédia Promotion 2012 - 2014

×