{"id":5448,"date":"2016-06-20T22:38:47","date_gmt":"2016-06-20T20:38:47","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5448"},"modified":"2022-03-17T20:47:07","modified_gmt":"2022-03-17T19:47:07","slug":"flupa-ux-days-2016-mon-resume-des-ateliers","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/","title":{"rendered":"Flupa UX days 2016 &#8211; Mon r\u00e9sum\u00e9 des ateliers"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Un programme assez charg\u00e9 o\u00f9 il m\u2019a fallut choisir 4 ateliers seulement. Vous trouverez ci-dessous mes notes et impression sur les diff\u00e9rents ateliers.<\/p>\n<h2>Test utilisateur en \u00e9quipe, et apr\u00e8s ?<\/h2>\n<p>Pr\u00e9sent\u00e9 le bin\u00f4me Guillaume Bru\u00e8re (Product Manager chez PrestaShop) et L\u00e9a Mendes Da Silva (Product designer chez PrestaShop), le but de l\u2019atelier \u00e9tait de<strong> r\u00e9cup\u00e9rer <\/strong>et de voir comment <strong>exploiter au mieux les r\u00e9sultats des tests utilisateur<\/strong>\u00a0pass\u00e9s en amont, comment <strong>analyser, trier et classer les retours en \u00e9quipe lors d\u2019un atelier appel\u00e9 \u00ab Lean Feedback \u00bb<\/strong> .<\/p>\n<h3>Etape 1 : tris des feedbacks<\/h3>\n<p>Lors de l\u2019atelier nous avons chacun eu une vid\u00e9o d\u2019un utilisateur qui a pass\u00e9 un test utilisateur. Chez Prestashop ils font tester avec 4 ou 5 utilisateurs, 20 minutes de test et 10 minutes de questions. Une fois le test pass\u00e9, le but est cat\u00e9goriser les r\u00e9sultats sur <strong>une grille de feedbacks avec 4 cases<\/strong> :<\/p>\n<ul>\n<li><strong>Ux problems :\u00a0<\/strong>l&rsquo;utilisateur a rencontr\u00e9 un probl\u00e8me d&rsquo;utilisabilit\u00e9 dans l&rsquo;interface<\/li>\n<li><strong>Bug\u00a0<\/strong>: l&rsquo;utilisateur est tomb\u00e9 sur un bug technique<\/li>\n<li><strong>Feature request\u00a0<\/strong>: l&rsquo;utilisateur remonte une fonctionnalit\u00e9 qu&rsquo;il aimerait voir mais qui n&rsquo;est pas pr\u00e9sente<\/li>\n<li><strong>Aha moment\u00a0<\/strong>: l&rsquo;utilisateur est agr\u00e9ablement surpris par une partie de l&rsquo;interface, une interaction et nous en fait part.<\/li>\n<\/ul>\n<p>Pour cela et arm\u00e9s de nos Post-its, nous avons parcouru la vid\u00e9o du test pour noter chacun des retours qui peuvent entrer dans une de ces cat\u00e9gories l\u00e0.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5452\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/testU-01.jpg\" alt=\"Tris des feebacks sur post it\" width=\"1040\" height=\"650\" \/><\/p>\n<p>D\u2019autres \u00e9quipes avaient d\u2019autres vid\u00e9os. Nous avons ensuite mis en commun toutes les \u00e9quipes. D\u00e8s qu\u2019une \u00e9quipe remontait un probl\u00e8me, bug, feature ou aha moment d\u00e9j\u00e0 propos\u00e9, les autres pouvaient venir y ajouter un petit +1.<\/p>\n<p>A la fin, voici la r\u00e9partition des \u00e9l\u00e9ments sur la grille de feedbacks :<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5450\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/testU-02.jpg\" alt=\"Les post-its sur la grille finale\" width=\"1040\" height=\"650\" \/><\/p>\n<h3>Etape 2 : priorisation<\/h3>\n<p>L\u2019\u00e9tape suivante est la <strong>priorisation des \u00e9l\u00e9ments par le product manager<\/strong> : il ou elle va trier les post its entre \u00ab \u00a0to do \u00bb \u00a0et \u00ab \u00a0to check \u00bb en fonction de la vision globale du projet<\/p>\n<ul>\n<li><strong>To do<\/strong> : \u00e0 corriger de suite,<\/li>\n<li><strong>To check<\/strong> : \u00e0 v\u00e9rifier plus tard, un retour pas fr\u00e9quent, \u00e0 creuser plus tard.<\/li>\n<\/ul>\n<p>Attention ce n\u2019est pas parce qu\u2019une fonctionnalit\u00e9 semble utile \u00e0 un marchand que \u00e7a le sera \u00e0 tous<\/p>\n<h3>Le fait de faire ce genre d\u2019exercices en \u00e9quipe permet de :<\/h3>\n<ul>\n<li><strong>Gagner du temps<\/strong> sur l&rsquo;analyse des donn\u00e9s (on peut analyser plus de vid\u00e9os \u00e0 plusieurs),<\/li>\n<li>Faire en sorte que <strong>le product manager ne soit pas seul pour prendre les d\u00e9cisions.<\/strong><\/li>\n<\/ul>\n<h3>Ce qui marche bien :<\/h3>\n<ul>\n<li>Cette m\u00e9thode <strong>augmente\u00a0la motivation des \u00e9quipes<\/strong>,<\/li>\n<li><strong>\u00c9vite les conflits<\/strong>,<\/li>\n<li>Permet d<strong>\u2019identifier des opportunit\u00e9s de fonctionnalit\u00e9<\/strong>,<\/li>\n<li>Permet d\u2019avoir une <strong>vision produit plus claire<\/strong> et alimenter la roadmap,<\/li>\n<li>Les<strong> fonctionnalit\u00e9s viennent de vrais besoins user et pas juste de ce que font les concurrents<\/strong>.<\/li>\n<\/ul>\n<h3>Les pi\u00e8ges :<\/h3>\n<ul>\n<li>Tester 2 versions en m\u00eame temps : une tr\u00e8s mauvaise id\u00e9e.<\/li>\n<li>Laisser passer trop de temps entre le test et l&rsquo;atelier.<\/li>\n<li>Le testeur consultant qui t\u2019explique ton job : le teste risque de partir dans tous les sens, ne pas h\u00e9siter \u00e0 mettre fin au test dans ces cas l\u00e0.<\/li>\n<\/ul>\n<p>J\u2019ai particuli\u00e8rement appr\u00e9ci\u00e9 d\u2019avoir un atelier qui fasse le point sur une m\u00e9thode (il en existe d\u2019autres) pour recueillir, analyser et classer la quantit\u00e9 d\u2019information obtenue \u00e0 la fin d\u2019un test utilisateur. Le fait de faire \u00e7a en \u00e9quipe permet en effet de gagner de du temps, et je pense d\u2019impliquer plus les diff\u00e9rents membres. Apr\u00e8s tout l\u2019exp\u00e9rience utilisateur, c\u2019est le travail de toute l\u2019\u00e9quipe, pas uniquement l\u2019expert UX ;)<\/p>\n<h2>Plex Cards<\/h2>\n<p>Le jeu est profond\u00e9ment ancr\u00e9 dan la culture humaine.\u00a0Le but des\u00a0<a href=\"http:\/\/www.funkydesignspaces.com\/plex\/\">plexcards<\/a>\u00a0pr\u00e9sent\u00e9es par Andr\u00e9 Lucero est de <strong>remettre l\u2019esprit ludique au c\u0153ur de notre conception<\/strong> :<\/p>\n<ul>\n<li>Un \u00e9tat d\u2019esprit, plut\u00f4t qu\u2019une action.<\/li>\n<li>Un \u00e9tat d\u2019esprit dans lequel les gens abordent les activit\u00e9s quotidiennes avec une attitude frivole.<\/li>\n<li>Une qualit\u00e9 de design importante mais souvent n\u00e9glig\u00e9.<\/li>\n<\/ul>\n<h3>Place \u00e0 la pratique<\/h3>\n<p>Le jeu rassemble 22 crit\u00e8res trouv\u00e9s r\u00e9partis en 22 cartes. Nous avons test\u00e9 deux fa\u00e7ons de les utiliser (<a href=\"http:\/\/www.funkydesignspaces.com\/plex\/PLEX_Cards_French.pdf\">disponible en fran\u00e7ais ici<\/a>) :<\/p>\n<ul>\n<li><strong>Le brainstorming<\/strong> : la premi\u00e8re personne propose un d\u00e9but d\u2019id\u00e9e, la seconde va pouvoir venir \u00e9laborer cette id\u00e9e \u00e0 l\u2019aide d\u2019une des 3 cartes qu\u2019elle a dans la main. Puis la premi\u00e8re personne pourra d\u00e9velopper l\u2019id\u00e9e \u00e0 l\u2019aide d\u2019une des 3 autres cartes qu\u2019elle a elle aussi dans la main.<\/li>\n<li><strong>Le sc\u00e9nario<\/strong> : \u00e0 partir de 3 cartes, d\u00e9but, milieu et fin, le but est d\u2019\u00e9laborer un sc\u00e9nario.<\/li>\n<\/ul>\n<p>Petit exemple concret, pour la partie \u00ab sc\u00e9nario \u00bb nous avons tir\u00e9 \u00ab souffrance \u00bb + \u00ab expression \u00bb \u00a0+ \u00ab challenge \u00bb.<\/p>\n<p>Nous avons donc imagin\u00e9, partir de la souffrance non exprim\u00e9e peut-\u00eatre un frein \u00e0 l\u2019\u00e9panouissement des humains dans un domaine (le travail, les relations humaines, etc.). Nous proposerions \u00e0 partir de l\u00e0 une application qui permettrait aux humains d\u2019exprimer leur souffrance, par exemple sous forme de journal d\u2019humeurs (oui \u00e7a existe sans doute d\u00e9j\u00e0) semaine apr\u00e8s semaine. Le but serait de pouvoir suivre l\u2019\u00e9volution au fil du temps pour essayer d\u2019aller mieux. (bon \u00e7a existe d\u00e9j\u00e0 et \u00e7a s\u2019appelle\u00a0<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=net.daylio\">Dailyo<\/a> si jamais)<\/p>\n<h3>Le but<\/h3>\n<ul>\n<li>Peut servir dans la cr\u00e9ation de jeux,<\/li>\n<li>Permet de stimuler l\u2019id\u00e9ation,<\/li>\n<li>Permet de concevoir et cr\u00e9er des exp\u00e9riences sur un produit en essayant d\u2019y ajouter un peu d\u2019esprit ludique.<\/li>\n<\/ul>\n<p>Je vous avoue que nous avons vraiment eu un peu mal au d\u00e9but \u00e0 nous prendre au jeu. Je vois l\u2019int\u00e9r\u00eat des cartes, c\u2019\u00e9tait fun, mais j\u2019ai encore beaucoup de mal \u00e0 trouver comment les utiliser sur un projet concret pour le moment. C\u2019est sans doute parce que mes projets du moment sont soit de l\u2019e-commerce tr\u00e8s classique, soit du BtoB tr\u00e8s sp\u00e9cifique. Les cartes sont donc int\u00e9ressantes pour sortir des sentiers battus et g\u00e9n\u00e9rer de nouvelles id\u00e9es en d\u00e9but de projet, sur un start-up weekend aussi sans doute ou peut-\u00eatre sur un projet plus orient\u00e9 exp\u00e9rience, jeux vid\u00e9os. C\u2019est toujours sympa d\u2019avoir ce genre de petits outils sous la main !<\/p>\n<p>Bon par contre, avec <a href=\"https:\/\/twitter.com\/iamhiwelo\">Damien<\/a> on doit pas \u00eatre super dou\u00e9s au tirage, sur la partie sc\u00e9narios on a <a href=\"https:\/\/twitter.com\/iamhiwelo\/status\/743386360220884992\">r\u00e9ussi \u00e0 tirer des cartes pour vous refaire Hunger Games<\/a>, et 50 Shades :<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5453\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/fiftyshadesofUX.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>Test l&rsquo;arborescence<\/h2>\n<p>Cornelia Laros\u00a0nous pr\u00e9sente une<strong>\u00a0m\u00e9thodologie d\u2019optimisation de la structure de contenus ind\u00e9pendant du formatage<\/strong>. Elle permet de confronter le mod\u00e8le mental du concepteur \u00e0 la r\u00e9alit\u00e9 utilisateur, de valider l\u2019arborescence apr\u00e8s par exemple un tri par cartes.<\/p>\n<h3>Le fonctionnement :<\/h3>\n<ol>\n<li>Partir d\u2019une <strong>piste d&rsquo;arborescence<\/strong>,<\/li>\n<li><strong>Identifier les contenus importants<\/strong> \u00e0 trouver,<\/li>\n<li>Formuler les <strong>hypoth\u00e8ses<\/strong>,<\/li>\n<li><strong>R\u00e9diger des questions<\/strong> pour inciter l\u2019utilisateur \u00e0 trouver \u00ab o\u00f9 pensez-vous trouver cet \u00e9l\u00e9ment \u00bb,<\/li>\n<li><strong>Faire passer le test et analyser<\/strong> :\n<ul>\n<li>\u00e0 partir de <strong>30 personnes<\/strong> c\u2019est d\u00e9j\u00e0 un bon d\u00e9but, plus vraiment de variations au del\u00e0<\/li>\n<li>demander <strong>20 contenus maximum<\/strong> \u00e0 chaque participant.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Quelques conseils pour bien r\u00e9diger les questions<\/h3>\n<ol>\n<li>Les mots utilis\u00e9s dans la consigne vont influencer les r\u00e9sultats, attention !<\/li>\n<li>Attention aux termes trop vagues ou trop techniques<\/li>\n<\/ol>\n<h3>Workflow :<\/h3>\n<ol>\n<li>On commence par un tri par carte pour cr\u00e9er l\u2019arborescence<\/li>\n<li>On teste d\u2019arborescence pour v\u00e9rifier l\u2019enchainement et le wording<\/li>\n<li>Pensez \u00e0 faire un \u201cpr\u00e9-test\u201d \u00e0 un \u00e9chantillon pour v\u00e9rifier qu\u2019il n\u2019y a pas de soucis de question<\/li>\n<\/ol>\n<h3>Durant l\u2019atelier nous avons test\u00e9 deux m\u00e9thodes :<\/h3>\n<ul>\n<li><strong>Le test d\u2019arborescence papier<\/strong>, qui consiste \u00e0 imprimer tout l\u2019arborescence sur une feuille et plier \/ faire d\u00e9plier les rubriques au participant. Avantage : \u00a0on peut poser des questions, approfondir les choix de la personne quand elle se trompe pour mieux comprendre.<\/li>\n<li><strong>Le test sur un site web,<a href=\"https:\/\/www.optimalworkshop.com\/treejack\"> treejack<\/a><\/strong>. L\u2019avantage : c\u2019est plus libre pour l\u2019utilisateur qui n\u2019a pas \u00ab peur d\u2019\u00eatre jug\u00e9 \u00bb , peut-\u00eatre un peu \u00ab naturel \u00bb et c\u2019est plus facile d\u2019avoir plus d\u2019utilisateurs (on peut le mettre sur les r\u00e9seaux sociaux).<\/li>\n<\/ul>\n<p>J\u2019ai particuli\u00e8rement appr\u00e9ci\u00e9 cet atelier tr\u00e8s \u00ab mise en pratique \u00bb puisque nous avons nous m\u00eame fait passer un test sur papier, et r\u00e9pondu \u00e0 des tests en ligne. Au final, on se rend compte que sans le design, ce n\u2019est pas forc\u00e9ment toujours tr\u00e8s \u00e9vident de comprendre les diff\u00e9rentes arborescences propos\u00e9es.<\/p>\n<p><a href=\"http:\/\/fr.slideshare.net\/orsoral\/atelier-treejack-flupa-ux-day-2016\">Les slides sont disponibles ici<\/a><\/p>\n<h2>Test d\u2019accessibilit\u00e9<\/h2>\n<p>Vincent Aniort et David Molina (Orange) nous ont fait une pr\u00e9sentation\u00a0de l\u2019accessibilit\u00e9 et des diff\u00e9rents outils d\u2019\u00e9valuation automatique et manuels.<\/p>\n<p>Petit rappel : <em>\u00ab Accessibilit\u00e9 \u00bb : capacit\u00e9 d\u2019un service \u00e0 \u00eatre utilis\u00e9 par tous, par des personnes en situation de handicap permanent ou temporaire (s\u00e9niors, personnes valides), dans n\u2019importe quel contexte (luminosit\u00e9 ext\u00e9rieur forte) et avec des outils sp\u00e9cifiques de compensation (NVDA, etc.)<\/em><\/p>\n<p>L\u2019objectif est d\u2019<strong>am\u00e9liorer le quotidien de tous<\/strong> : la t\u00e9l\u00e9commande invent\u00e9e pour des utilisateurs en situation de handicap est aujourd\u2019hui utilis\u00e9e par tous. L\u2019accessibilit\u00e9 permet de donner du sens au contenu et donc d\u2019\u00eatre mieux r\u00e9f\u00e9renc\u00e9 (il y a eu un d\u00e9bat sur twitter suite \u00e0 l&rsquo;atelier donc \u00e0 ce stade je pr\u00e9cise que je ne fais ici que reprendre les propos des deux pr\u00e9sentateurs). L&rsquo;accessibilit\u00e9 am\u00e9liore l\u2019utilisabilit\u00e9, l\u2019image de marque interne et externe.<\/p>\n<p>Chez orange, ils consid\u00e8rent un site accessible s\u2019il respecte 70% du AA du WCAG 2.0 sans aucun bloquant d\u2019un point de vue utilisateur<\/p>\n<h3>Quelques outils :<\/h3>\n<ul>\n<li>Android :<a href=\"https:\/\/github.com\/google\/Accessibility-Test-Framework-for-Android\"> Accessibility test framework for Android<\/a><\/li>\n<li>iOs :<a href=\"http:\/\/www-03.ibm.com\/able\/accessibility_research_projects\/mobile_accessibility_checker.html\"> IBM Accessibility Checker<\/a><\/li>\n<li>Firefox : Axe-devtools<\/li>\n<li><a href=\"https:\/\/www.paciellogroup.com\/resources\/contrastanalyser\/\">Contrast analyser<\/a> : un outil pour tester les contrastes<\/li>\n<li><a href=\"http:\/\/wave.webaim.org\/\">wave.webaim.org<\/a>\u00a0: un outil pour faire un test manuel<\/li>\n<\/ul>\n<h3>L\u2019\u00e9valuation manuelle :<\/h3>\n<ul>\n<li>Pr\u00e9requis : on lance une \u00e9valuation manuelle une fois que l\u2019\u00e9valuation avec les outils d\u2019automatisation a r\u00e9ussi. S\u2019il y a trop d\u2019erreurs sur les test auto (les alt. qui manquent etc.), il faut les corriger avant de lancer un test manuel.<\/li>\n<li>C\u2019est l\u00e0 que l\u2019on retrouve la r\u00e9elle valeur ajout\u00e9e d\u2019un expert accessibilit\u00e9.<\/li>\n<li>Elle permet parfois de g\u00e9n\u00e9rer un rapport.<\/li>\n<\/ul>\n<h3>L\u2019\u00e9valuation manuelle sur mobile :<\/h3>\n<ul>\n<li>Est difficile si on n\u2019a pas acc\u00e8s aux sources (une application par exemple).<\/li>\n<li>Pas forc\u00e9ment standardis\u00e9 comme les tests web.<\/li>\n<li>Deux niveaux AA et AAA avec deux ratios diff\u00e9rents entre web et mobile : sur mobile le ratio de contraste est plus \u00e9lev\u00e9. Pour du responsive, il faudrait essayer pour les choses importantes de tendre vers le AAA.<\/li>\n<\/ul>\n<h3>Principales \u00e9valuations manuelles<\/h3>\n<p>Nos deux co-pr\u00e9sentateurs ont utilis\u00e9 pour la suite de la d\u00e9monstration le site\u00a0<a href=\"http:\/\/stop-discrimination.gouv.fr\/\">stop-discrimination.gouv.fr<\/a>\u00a0qui est une catastrophe en terme d&rsquo;accessibilit\u00e9, malgr\u00e9 l&rsquo;obligation des sites gouvernementaux de respecter les crit\u00e8res d&rsquo;accessibilit\u00e9. Le plus g\u00e9nial, <a href=\"http:\/\/stop-discrimination.gouv.fr\/accessibilites\">ils ont une page d\u00e9di\u00e9e \u00e0 l&rsquo;accessibilit\u00e9, un comble<\/a> !<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5455\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/test-manuel.jpg\" alt=\"Evaluation Manuelle\" width=\"1040\" height=\"650\" \/><\/p>\n<p>Voici une liste des crit\u00e8res que l&rsquo;on peut v\u00e9rifier manuellement avec diff\u00e9rents outils :<\/p>\n<ul>\n<li>Donner un titre aux pages &lt;title&gt; :\n<ul>\n<li>Chaque page doit avoir son titre<\/li>\n<li>Permet \u00e0 un utilisateur avec plusieurs onglets de se situer rapidement<\/li>\n<\/ul>\n<\/li>\n<li>Donner des titres aux rubriques :\n<ul>\n<li>Les balises de type h1, h2, etc. qui sont utilis\u00e9es pour structurer le contenu<\/li>\n<li>Parfois les d\u00e9veloppeurs utilisent des paragraphes dont ils augmentent la taille : ni bon pour le SEO, ni pour l\u2019accessibilit\u00e9<\/li>\n<\/ul>\n<\/li>\n<li>Les medias :\n<ul>\n<li>Audio description pour les vid\u00e9os<\/li>\n<li>Attribut alt sur les images : important, surtout quand on remplace du texte par une image !!\n<ul>\n<li>Parfois on peut le laisser vide si l\u2019image est l\u00e0 juste pour de la d\u00e9coration<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>El\u00e9ments de formulaire :\n<ul>\n<li>Toujours associer le descriptif de texte (label) au champ (input, radio)<\/li>\n<li>Rapprocher les \u00e9tiquettes des formulaires pour \u00e9viter que les gens qui ont un champ de vision r\u00e9duit se trompent<\/li>\n<\/ul>\n<\/li>\n<li>Zoom sur le site :\n<ul>\n<li>Laisser en place le zoom texte<\/li>\n<li>Faire en sorte que si on fait 4x un zoom, on puisse toujours lire le site<\/li>\n<\/ul>\n<\/li>\n<li>Navigation clavier :\n<ul>\n<li>G\u00e9rer le focus, la navigation au clavier pour les \u00e9l\u00e9ments interactifs<\/li>\n<li>G\u00e9rer tout \u00e7a dans les modales aussi<\/li>\n<li>Utiliser parfois du JS pour rendre focusable des \u00e9l\u00e9ments qui ne le sont pas mais qui peuvent aider l\u2019utilisation clavier<\/li>\n<\/ul>\n<\/li>\n<li>Couleur et contraste\n<ul>\n<li>Ne pas utiliser la couleur comme seule source d\u2019information<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Donc, en r\u00e9sum\u00e9 pour \u00e9valuer l&rsquo;accessibilit\u00e9 d&rsquo;un site\u00a0:<\/h3>\n<ol>\n<li>On lance un premier test automatique<\/li>\n<li>Un expert faire une \u00e9valuation manuelle<\/li>\n<li>Un fait ensuite un test en situation de limitation (champ de vision r\u00e9duit, etc.)<\/li>\n<li>On test le produit, le site avec un lecteur d\u2019\u00e9cran<\/li>\n<\/ol>\n<h3>Pour le test lecteur d\u2019\u00e9cran :<\/h3>\n<ul>\n<li>Identifier les parcours utilisateur les plus importants.<\/li>\n<li>Essayer de les effectuer avec navigation clavier et lecteur d\u2019\u00e9cran comme NVDA (\u00e9quivalent gratuit de JAWS) ou Voice over sur OSX.<\/li>\n<li>Dans la vraie vie, les utilisateurs munis d\u2019un lecteur d\u2019\u00e9cran ne vont pas lire toute la page de mani\u00e8re lin\u00e9aire, mais utilisent des raccourcis qui vont leur pr\u00e9senter l\u2019ensemble des liens de la page, des titres et des r\u00e9gions ainsi que des \u00e9l\u00e9ments de formulaire.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/fr.slideshare.net\/flupa\/atelier-flupa-uxdays-2016-test-utilisateur-daccessibilit-par-vous-pour-tous\">Les slides sont disponibles ici.<\/a><\/p>\n<p><em>La journ\u00e9e s&rsquo;est termin\u00e9e par le devenu traditionnel <a href=\"https:\/\/www.instagram.com\/p\/BGuPsYYPssc\/\">Bubble Tea<\/a>\u00a0et un <a href=\"https:\/\/www.instagram.com\/p\/BGuXBm1vsh4\/\">petit ap\u00e9ro \u00e0 la Mirabelle<\/a> dans notre super collocation pour l&rsquo;occasion.\u00a0D\u00e8s que j&rsquo;ai un moment, je vous fais le r\u00e9sum\u00e9 de la journ\u00e9e de conf\u00e9rences. En attendant vous pouvez aller lire <a href=\"http:\/\/weblog.redisdead.net\/main\/post\/2016\/06\/19\/Retour-sur-les-Flupa-UX-days-2016\">chez Laurence le r\u00e9sum\u00e9 et le making off des goodies<\/a><br \/>\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Un programme assez charg\u00e9 o\u00f9 il m\u2019a fallut choisir 4 ateliers seulement. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.<\/p>\n","protected":false},"author":3,"featured_media":5451,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[],"class_list":["post-5448","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-ux-ui-web-design","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-20T20:38:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T19:47:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/flupa-header-ateliers.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/\",\"name\":\"Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg\",\"datePublished\":\"2016-06-20T20:38:47+00:00\",\"dateModified\":\"2022-03-17T19:47:07+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg\",\"width\":850,\"height\":350},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher & Designer","description":"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/","og_locale":"fr_FR","og_type":"article","og_title":"Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-06-20T20:38:47+00:00","article_modified_time":"2022-03-17T19:47:07+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/flupa-header-ateliers.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/","name":"Flupa UX days 2016 - Mon r\u00e9sum\u00e9 des ateliers - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg","datePublished":"2016-06-20T20:38:47+00:00","dateModified":"2022-03-17T19:47:07+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"J\u2019ai assist\u00e9 jeudi dernier aux ateliers propos\u00e9s au Flupa UX days 2016. Vous trouverez dans cet article mes notes et impression sur les diff\u00e9rents ateliers.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/flupa-ux-days-2016-mon-resume-des-ateliers\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/flupa-header-ateliers.jpg","width":850,"height":350},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=5448"}],"version-history":[{"count":1,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5448\/revisions"}],"predecessor-version":[{"id":8068,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5448\/revisions\/8068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5451"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}