Il y a maintenant plus d'un an, je participais au Fédérathon. L'idée était de se retrouver entre contributeurices de projets du Fédiverse (ou simples utilisateurices de ces projets) et de discuter de sujet liés à la fédération, pendant une semaine. J'y ait rencontré plein de personnes géniales, et ça reste une des meilleures semaines de ma vie je pense. Mais j'y ait aussi appris quelque chose que j'ai trouvé fantastique, grâce aux deux designeuses qui étaient avec nous (@Natouille@mastodon.tetaneutral.net et @maiwann@framapiaf.org) : les tests utilisateurs.
L'idée est simple : il y a en général trois personnes, un⋅e testeureuse, un⋅e designeureuse, et un⋅e développeureuse du projet. Selon l'application qui est testée, læ designeureuse commence par quelques questions en rapport, pour cerner un peu le profil de læ testeureuse. Ensuite, on lui donne une tâche précise à réaliser avec cette application, et on læ laisse faire ! Iel commente tout ce qu'iel fait, ce qu'iel pense comprendre, ces remarques sur ce qui est clair ou pas, etc tout au long de la session de test. Pendant ce temps, læ développeureuse observe, et surtout prend des notes. Et iel n'a pas le droit d'intervenir pour aider si la personne qui teste est bloquée. À la fin, que la personne ait réussi à faire ce qu'on lui demandait ou qu'elle ait abandonné, on se retrouve donc avec une liste de tout ce qui allait et n'allait pas, et on peut essayer de trouver des solutions aux problèmes rencontrés.
C'est une super technique pour améliorer l'interface et l'ergonomie d'un logiciel selon moi, et c'est un moyen de contribuer très accessible, aucune connaissance technique n'est requise, n'importe qui peut jouer le rôle de læ testeureuse. Au Fédérathon, on a organisé quelques tests comme ça pour Plume et pour Funkwhale. Et voilà une photo des notes qui ont été prises par les développeurs de Funkwhale :
Le seul souci c'est qu'il faut se rencontrer en face à face pour faire ça, et que notamment avec le modèle du logiciel libre, qu'on crée « à distance », c'est assez compliqué à organiser. Alors au Fédérathon, @roipoussiere@mastodon.tetaneutral.net (il me semble) a eu l'idée d'une application qui permettrait de faire ça à distance.
Et c'est comme ça qu'est né Usertest. Un an plus tard, je me suis souvenu de cette idée, et je me suis décidée à la réaliser.
Comment ça marche
Il faut aller sur le site d'Usertest (c'est sur mon nom de domaine pour le moment, mais si l'idée plaît et que c'est vraiment utilisé je le migrerais sur un vrai nom de domaine), et se créer un compte.
À partir de là, deux options sont possibles. Soit vous êtes un⋅e mainteuneureuse ou un⋅e développeureuse de projet et vous pouvez ajouter votre projet, ainsi que des tâches à réaliser. Soit vous voulez tester les projets des autres, et vous trouvez une tâche qui vous intéresse. Vous n'avez qu'à cliquer sur le bouton pour commencer, votre navigateur va vous demander si vous voulez bien partager ce qui s'affiche sur votre écran et le son qu'entend votre micro (ça s'arrête dès que le test est fini ne vous inquiétez pas, on ne vous espionne pas). Vous n'avez plus qu'à essayer de faire ce qu'on vous a demandé, tout en commentant. Une fois que c'est fini (que vous ayez réussi ou pas), vous validez, et les mainteneureuses du projet pourront voir ce que vous avez fait.
Il y a ensuite un espace de commentaires en dessous de chaque session de test, pour permettre de demander des clarifications si besoin, par exemple.
Le gros avantage est donc qu'il faut juste un navigateur, une connexion Internet et un peu de temps devant soi pour pouvoir contribuer à un projet qu'on aime bien.
Comment ça marche (techniquement)
Le front-end est fait avec Vue.JS et le back-end est écrit en Go. La partie la plus « complexe » de l'application, à savoir l'enregistrement de l'écran et de la voix, se fait à l'aide de WebRTC. Le seul pair est le serveur, qui enregistre la vidéo et l'audio qui lui est envoyé en direct, pour permettre au mainteneureuses de regarder la vidéo plus tard.
Le code est sur Framagit si vous êtes curieux⋅se ou si vous voulez contribuer.
D'ailleurs, j'aimerais beaucoup trouver une (ou plusieurs) personnes motivées pour maintenir ce projet. Je continuerais de le maintenir tant que personne d'autre ne sera motivé pour prendre ma place, mais j'aimerais aussi dédier le plus de temps possible à Plume, donc avoir un autre projet à maintenir n'est pas idéal. Bref, si vous avez envie, n'hésitez pas à me le dire (ici en commentaire, ou sur mon compte Pleroma : @Elza@soc.punktrash.club).
Juste, avant de terminer : je ne suis pas designeuse, donc mon explication des tests utilisateurs est peut-être maladroite (et peut-être que j'ai même mal compris quel était le but et comment ça se passait). Et aussi, même si le but de cette application est de faire des tests utilisateur à distance, je ne pense pas que ça puisse à 100% remplacer les tests en face-à-face, qui restent à privilégier. Enfin, il peut y avoir des bugs, ça reste très expérimental, mais ça devrait aller en s'améliorant.
Comments
August 24, 2019 18:06
@Ana @Elza OMG MAIS C'EST GÉNIAL !!!!!!!!
Attends que j'ai mon ordi sous la main pour regarder ça !!! Tu sais que ça pourrais aider des tonnes de designer ? Y a touuuuuuut le temps des tas de personnes qui veulent trouver des outils pour faire des tests utilisateurs !!!!!!!
JE SUIS EXTATIQUE O.O Merci pour ton travail 🙌🙌🙌🙌🙌🙌🙌🙌🙌🙌
August 24, 2019 18:06
@maiwann @Ana :blobcatheart: :blobmiou:
August 24, 2019 18:07
@maiwann @Ana je suis trop contente que ça te plaise ;_;
August 24, 2019 18:09
@Ana @maiwann et merci à toi (et à Natouille) de m'avoir fait découvrir ça, sans vous j'aurais même pas eu l'idée
August 24, 2019 18:09
@Elza @Ana Comment ça pourrait ne pas me plaire !!!! Tu aurai pu m'en parler dès le début que je t'aurai aidé autant que possible. Trop hâte de tester. Trop. Hâte. De. Tester.
August 24, 2019 18:13
@maiwann @Ana je savais pas si j'allais le finir ou pas, donc je voulais pas t'hyper pour rien
(et je préviens aussi, il peut y avoir des petits bugs, ça reste assez expérimental (mais je vais améliorer ça doucement je pense))
August 24, 2019 18:14
@Elza @Ana T'inquiète je comprends ❤️ j'espère que ça te donnera pas trop de travail, mais je suis sûre que ça sera utile
August 24, 2019 18:14
@Ana @Elza J'ajoute que dans quelques jours, se déroulera #EntréeLibre, pendant lequel je vais sûrement accueillir des personnes qui ne sauront pas comment contribuer.
🐾 Créateurices de logiciel libre, mettez des missions sur UserTest (en précisant quel profil d'utilisateur est le public de votre logiciel) pour que je puisse leur montrer le principe et leur faire faire ces tests !!!!!! 🐾
cc @lareinedeselfes
August 24, 2019 18:47
@Ana @maiwann @roipoussiere @Natouille @Elza ça a l’air trop cool!
August 24, 2019 18:50
@melunaka @Ana contente que ça te plaise ! 😊
August 24, 2019 19:06
@Ana
Pas encore pu tester (pas d'ordi avant lundi. ⛱️) mais... bravo et merci énormément !
C'est vraiment une belle idée, et merci de toute cette belle énergie !
Je souhaite longue vie à ce projet (dont je ne doute pas trop du succès ;) )
@maiwann @roipoussiere @Natouille @Elza
August 24, 2019 19:07
@pyg @Ana @maiwann @roipoussiere @Natouille ouin merci ;_;
August 24, 2019 19:31
@Elza
Chaque logiciel libre est un cadeau, et tu viens de nous en faire un beau. Donc, très sincèrement, merci à toi !
Et encore merci à @roipoussiere pour l'organisation du federathon (au framacamp on a rapidement évoqué le fait d'en refinancer un, ça pourrait s'envisager)
@Ana @Natouille @maiwann
August 25, 2019 21:48
@Ana C'est excellent, bravo !
Comment tu prévois la mise à disposition des vidéos ?
August 26, 2019 00:13
@roipoussiere @Ana je suis pas sûre de bien comprendre le question, mais elles sont juste stockées sur le serveur et affichés dans l'interface quand on veut les voir
August 26, 2019 09:27
Un site pour améliorer l'expérience utilisateur de vos applications
@Ana @maiwann @roipoussiere @Natouille @Elza Il semble en panne : "504 Gateway Time-out
nginx/1.14.1"