{"id":150,"date":"2016-10-19T14:48:14","date_gmt":"2016-10-19T13:48:14","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/buapro\/?p=150"},"modified":"2018-05-02T17:49:21","modified_gmt":"2018-05-02T16:49:21","slug":"des-tests-dutilisabilite-pour-mieux-manager","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/buapro\/2016\/10\/19\/des-tests-dutilisabilite-pour-mieux-manager\/","title":{"rendered":"Des tests d&#8217;utilisabilit\u00e9 pour mieux manager"},"content":{"rendered":"<p style=\"text-align: justify\">Les tests d&#8217;utilisabilit\u00e9 se situent dans la sph\u00e8re des projets Ux ou encore de design de l&#8217;exp\u00e9rience utilisateur. Ils ont la particularit\u00e9 de se situer dans une zone \u00e0 tr\u00e8s fort enjeu, celle des points de contact entre services offerts par la biblioth\u00e8que (A) et utilisateurs (B).<\/p>\n<p style=\"text-align: justify\"><a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/Capture.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151 aligncenter\" alt=\"Capture\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/Capture.jpg\" width=\"364\" height=\"200\" \/><\/a> <strong>Qu&#8217;est-ce qu&#8217;un test d&#8217;utilisabilit\u00e9 ?<\/strong> C&#8217;est une m\u00e9thode qui permet d&#8217;\u00e9valuer un produit\/outil en le faisant tester par des utilisateurs, au moyen de sc\u00e9narios pr\u00e9alablement construits. Les tests d&#8217;utilisabilit\u00e9 permettent d&#8217;observer directement un utilisateur en train de se servir d&#8217;un produit\/outil et d&#8217;identifier concr\u00e8tement les difficult\u00e9s qu&#8217;il rencontre. A la BU d&#8217;Angers, nous avons d\u00e9j\u00e0 men\u00e9 4 tests, principalement sur le site internet et le catalogue de la BU. Ils ont tous donn\u00e9 des r\u00e9sultats saisissants et \u00e9t\u00e9 source d&#8217;\u00e9tonnement professionnel et d&#8217;\u00e9changes nourris entre biblioth\u00e9caires et utilisateurs.<\/p>\n<p style=\"text-align: justify\"><!--more-->Voici deux exemples :<br \/>\n&#8211; le premier concerne l\u2019accompagnement du d\u00e9ploiement de nouvelles conditions d\u2019emprunts \u00e0 la BUA. Ayant d\u00e9cid\u00e9 de passer au pr\u00eat illimit\u00e9 \u00e0 compter de septembre 2015, et de placer le service de r\u00e9servation de livres au c\u0153ur du dispositif, pour assurer une rotation satisfaisante des livres les plus demand\u00e9s, nous avons soumis notre catalogue et son interface de r\u00e9servation aux clics et remarques de nos utilisateurs. Ce test d\u2019utilisabilit\u00e9 a mis en lumi\u00e8re :<\/p>\n<ul>\n<li>la visibilit\u00e9 tr\u00e8s limit\u00e9e du bouton d\u00e9clenchant la r\u00e9servation,<\/li>\n<li>la quasi absence d\u2019informations contextuelles pour accompagner le parcours de l\u2019utilisateur et<\/li>\n<li>le contenu lapidaire des courriels d\u2019information.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">Nous avons donc retravaill\u00e9 l\u2019ergonomie de ces pages, propos\u00e9 une refonte des intitul\u00e9s et ajout\u00e9 des \u00e9l\u00e9ments d\u2019information pr\u00e9cis pour accompagner une r\u00e9servation (o\u00f9 r\u00e9cup\u00e9rer les livres r\u00e9serv\u00e9s, indiquer un temps d\u2019attente, etc).<\/p>\n<p style=\"text-align: justify\"><a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/bouton-reserver.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-153 aligncenter\" alt=\"bouton reserver\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/bouton-reserver.jpg\" width=\"471\" height=\"426\" srcset=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/bouton-reserver.jpg 857w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/bouton-reserver-300x270.jpg 300w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/bouton-reserver-332x300.jpg 332w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/><\/a><a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-155 aligncenter\" alt=\"infopost resa\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa-1024x249.jpg\" width=\"584\" height=\"142\" srcset=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa-1024x249.jpg 1024w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa-300x73.jpg 300w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa-500x121.jpg 500w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/infopost-resa.jpg 1152w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/a>Un test de v\u00e9rification a montr\u00e9 les effets tr\u00e8s positifs des am\u00e9liorations apport\u00e9es. Nous avons \u00e9galement pu observer une hausse importante du nombre de r\u00e9servations via notre site internet.<br \/>\n&#8211; le second exemple concerne les contenus du site. Nous avons utilis\u00e9 la technique dite des tris de cartes pour tester deux choses\u00a0: les contenus que les utilisateurs s\u2019attendent \u00e0 trouver \/ dont ils ont besoin sur notre site internet d\u2019abord, et les intitul\u00e9s des menus du site ensuite. Cet exercice nous a encourag\u00e9 dans la voie de l\u2019amaigrissement. J\u2019explique\u00a0: notre logique de biblioth\u00e9caires, r\u00e9dacteurs de contenus, de proc\u00e9dures, de la longue tra\u00eene de billets de blog accumul\u00e9e au fil des ans s\u2019est trouv\u00e9e subitement confront\u00e9e aux r\u00e9alit\u00e9s d\u2019une esp\u00e8ce diff\u00e9rente de la n\u00f4tre, que vous connaissez vous aussi\u00a0: les \u00e9tudiants. Leurs attentes\u00a0: un catalogue simple \u00e0 utiliser, un acc\u00e8s ais\u00e9 aux informations pratiques, des horaires visibles sur le site, des services organis\u00e9s et regroup\u00e9s dans une partie &#8220;actions&#8221;. Nos sites internet p\u00eachent souvent par exc\u00e8s de contenus, nous voulons trop bien faire, trop en mettre, donner trop de d\u00e9tails, et cela se retourne contre nous. Ma question\u00a0: vaut-il mieux soigner une vitrine attrayante et facile \u00e0 mettre \u00e0 jour et \u00e0 alimenter\u00a0? Ou s\u2019\u00e9puiser en alimentant un meuble \u00e0 mille tiroirs\u00a0? Ou encore prendre le risque de donner acc\u00e8s \u00e0 des informations erron\u00e9es ou des contenus p\u00e9rim\u00e9s\u00a0? Voici un<br \/>\naper\u00e7u avant \/ apr\u00e8s :<br \/>\n<a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site_avant.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-156\" alt=\"site_avant\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site_avant-265x300.png\" width=\"265\" height=\"300\" srcset=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site_avant-265x300.png 265w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site_avant.png 592w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/a><a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site-web-maintenant.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-157 alignright\" alt=\"site web maintenant\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site-web-maintenant-174x300.jpg\" width=\"174\" height=\"300\" srcset=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site-web-maintenant-174x300.jpg 174w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site-web-maintenant-595x1024.jpg 595w, https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/site-web-maintenant.jpg 1254w\" sizes=\"auto, (max-width: 174px) 100vw, 174px\" \/><\/a><\/p>\n<p style=\"text-align: justify\">\u00a0Le principal changement d&#8217;organisation concerne la simplification des menus : dans l&#8217;ancien site cohabitaient 3 menus, 2 menus sandwichs en haut de page et un sur la gauche. Dans le site remani\u00e9, il n&#8217;existe plus qu&#8217;un seul menu en haut de page et un menu en bas de page. Autre \u00e9l\u00e9ment marquant : le site repens\u00e9 est d\u00e9sormais <em>responsive <\/em>(accessible et adapt\u00e9 aux appareils mobiles), l\u00e0 o\u00f9 l&#8217;ancien exigeait de maintenir une version all\u00e9g\u00e9e sous un th\u00e8me d\u00e9di\u00e9 &#8220;mobile&#8221;.<\/p>\n<p style=\"text-align: justify\"><strong>Comment organiser concr\u00e8tement un test d&#8217;utilisabilit\u00e9 ? <\/strong> Munissez-vous de :<\/p>\n<ul>\n<li>2 ordinateurs portables et d\u2019un micro,<\/li>\n<li>t\u00e9l\u00e9chargez 1 logiciel gratuit, comme <a style=\"font-style: normal;font-weight: normal\" title=\"Join.me\" href=\"https:\/\/www.join.me\/fr\" target=\"_blank\"><strong>join.me<\/strong><\/a>.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">Vous avez fait le plus dur. R\u00e9servez 2 petites salles (pas forc\u00e9ment l\u2019une \u00e0 c\u00f4t\u00e9 de l\u2019autre), achetez un jus de fruit et de quoi grignoter. Pr\u00e9voyez 30 minutes pour installer le mat\u00e9riel et vous assurer qu\u2019il fonctionne. Comptez ensuite 1 heure de test avec 2 ou 3 volontaires (2 ou 3 fois 20 minutes) et 30 minutes de <i>debriefing<\/i> avec les coll\u00e8gues participants. Lister les \u00e9l\u00e9ments que vous voulez soumettre aux mains expertes de vos usagers afin de cr\u00e9er un sc\u00e9nario. Un test d&#8217;utilisabilit\u00e9 ne co\u00fbte rien de plus que le temps de travail que vous lui consacrez. N\u2019invitez pas vingt coll\u00e8gues, le debriefing risque sinon de durer beaucoup trop longtemps. Visez six ou sept observateurs maximum. Un test d\u2019utilisabilit\u00e9 n\u2019a pas d\u2019objectif quantitatif, c\u00f4t\u00e9 utilisateur, deux ou trois participants suffisent pour observer des choses int\u00e9ressantes.<\/p>\n<p style=\"text-align: justify\"><strong>Faut-il accompagner le changement ou le faire ?<\/strong> Un test d\u2019utilisabilit\u00e9 est souvent plus f\u00e9cond, dans une optique manag\u00e9riale, que tout autre \u00e9v\u00e9nement professionnel int\u00e9grant le mot \u00ab\u00a0changement\u00a0\u00bb dans son intitul\u00e9. C\u2019est peut-\u00eatre l\u00e0 le paradoxe des tests d\u2019utilisabilit\u00e9\u00a0: il s&#8217;agit d&#8217;observer les autres faire, et de s&#8217;en nourrir pour adapter \u00e0 la r\u00e9alit\u00e9 nos services et outils. Oui, cette m\u00e9thode est b\u00e9n\u00e9fique dans une optique manag\u00e9riale, parce qu\u2019elle dynamise les \u00e9quipes en abaissant les barri\u00e8res fonctionnelles et en att\u00e9nuant celles de la hi\u00e9rarchie. Chacun peut observer et dire ce qu\u2019il a vu, sans \u00eatre forc\u00e9ment un sp\u00e9cialiste \u00e8s-site-web. Les tests d\u2019utilisabilit\u00e9 permettent de sortir des d\u00e9bats st\u00e9riles et des opinions p\u00e9remptoires sur &#8220;ce qui est bien&#8221;. Ils permettent aussi de r\u00e9ouvrir la conversation sur les outils num\u00e9riques avec les utilisateurs et toutes les cat\u00e9gories de personnels de la biblioth\u00e8que, sans en faire le pr\u00e9 carr\u00e9 de seuls sp\u00e9cialistes d&#8217;informatique documentaire, ni un objet intouchable entre de grandes refontes tous les 3 \u00e0 4 ans.<\/p>\n<p style=\"text-align: justify\">La biblioth\u00e8que n\u2019est pas physique d\u2019un c\u00f4t\u00e9 et num\u00e9rique de l\u2019autre, elle est indistinctement les deux et cela doit se traduire dans le travail quotidien et \u00eatre visible dans l\u2019organigramme fonctionnel. Cr\u00e9er\/recr\u00e9er une DSI \u00e0 l\u2019int\u00e9rieur des biblioth\u00e8ques universitaires n\u2019est pas forc\u00e9ment une bonne chose. Computers in libraries analysait d\u00e9j\u00e0 en 2014 la question des p\u00e9rim\u00e8tres n\u00e9cessairement compl\u00e9mentaires des uns et des autres\u00a0<a href=\"http:\/\/www.infotoday.com\/cilmag\/mar15\/Robison-Wenzler-Marquez--The-Academic-Library-and-Campus-IT.shtml\">http:\/\/www.infotoday.com\/cilmag\/mar15\/Robison-Wenzler-Marquez&#8211;The-Academic-Library-and-Campus-IT.shtml<\/a><\/p>\n<p style=\"text-align: justify\">A Angers, nous avons fait le choix de renoncer \u00e0 la section num\u00e9rique, au profit d\u2019une mission transversale, ouverte \u00e0 des agents dont les missions ne se limitent pas au num\u00e9rique, voire \u00e0 ceux qui n\u2019ont aucune dimension num\u00e9rique dans leur profil de poste, comme gage d\u2019ouverture et de rayonnement des projets au sein de la structure. Pourquoi se plaindre de voir des projets num\u00e9riques ne trouver qu&#8217;un faible \u00e9cho parmi les \u00e9quipes, lorsque ces derni\u00e8res n&#8217;y sont associ\u00e9es qu&#8217;au moment du lancement ? Les tests d\u2019utilisabilit\u00e9 permettent de proposer une touche de couleur num\u00e9rique dans les profils et \u00e0 impliquer des agents dans la r\u00e9flexion sur les services en ligne, dans une optique orient\u00e9e utilisateurs. C\u2019est une fa\u00e7on habile et simple d\u2019impliquer les agents dans des projets \u00e0 caract\u00e8re num\u00e9rique, \u00e0 diff\u00e9rents moments de la vie des projets, en contournant le probl\u00e8me du co\u00fbt d\u2019entr\u00e9e technique, et en permettant une meilleure compr\u00e9hension des enjeux. Les quatre tests r\u00e9alis\u00e9s \u00e0 Angers en 2015 ont vu presque 40% des agents de la structure s&#8217;impliquer, toutes cat\u00e9gories confondues.<\/p>\n<h6 style=\"text-align: justify\"><strong>Elevator pitch<\/strong> (<em>argumentaire \u00e9clair<\/em>) <a href=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/boucle.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158 alignright\" alt=\"boucle\" src=\"https:\/\/blog.univ-angers.fr\/buapro\/files\/2016\/10\/boucle-128x300.jpg\" width=\"192\" height=\"459\" \/><\/a><br \/>\nTout commence et tout finit par une d\u00e9cision. Chaque manager, responsable de biblioth\u00e8que et\/ou directeur de SCD est libre de d\u00e9cider la mise en place de tests d&#8217;utilisabilit\u00e9 dans son \u00e9tablissement. Pour achever de vous convaincre, voici 4 quatre arguments d\u00e9cisifs :<br \/>\n&#8211; <strong>vous ne prenez aucun risque<\/strong> : les agents qui participent aux tests ne sont pas \u00e9valu\u00e9s sur cette activit\u00e9, la structure d\u2019un test d\u2019utilisabilit\u00e9 est l\u00e9g\u00e8re et peut prendre la forme d\u2019un one shot, contrairement \u00e0 un groupe de travail classique, potentiellement plus lourd \u00e0 mettre en place.<br \/>\n&#8211; <strong>le quotidien devient projet<\/strong> : vous faites travailler vos \u00e9quipes sur un objet connu et concret, vous mettez du projet \u00e0 la port\u00e9e des agents, OUI, gr\u00e2ce \u00e0 vous le quotidien devient projet.<strong> <\/strong><br \/>\n<strong>&#8211; vous r\u00e9coltez imm\u00e9diatement les fruits de votre travail<\/strong> : chaque test donne des r\u00e9sultats et produisent des changements visibles par tous, \u00e0 court, moyen et long terme.<br \/>\n&#8211; <strong>vous faites du bien \u00e0 vos \u00e9quipes<\/strong> : ENFIN, et c\u2019est indubitablement le plus important, vous faites du bien \u00e0 vos \u00e9quipes en valorisant leurs comp\u00e9tences transversales, comme l\u2019esprit de synth\u00e8se et les capacit\u00e9s d\u2019observation, vous bonifiez vos agents et contribuez \u00e0 les former.<\/h6>\n<h6 style=\"text-align: justify\">Pour r\u00e9aliser vos premiers tests d&#8217;utilisabilit\u00e9, voici deux documents incontournables : une grille de consignes pour les observateurs, et un vademecum destin\u00e9 \u00e0 guider les volontaires qui se soumettront au test. A vos tests d&#8217;utilisabilit\u00e9 !<br \/>\n<iframe src=\"\/\/docs.google.com\/viewer?url=https%3A%2F%2Fblog.univ-angers.fr%2Fbuapro%2Ffiles%2F2016%2F10%2Finstructions-for-observers-1.doc&hl=&embedded=true\" class=\"gde-frame\" style=\"width:; height:; border: none;\" scrolling=\"no\"><\/iframe>\n<iframe src=\"\/\/docs.google.com\/viewer?url=https%3A%2F%2Fblog.univ-angers.fr%2Fbuapro%2Ffiles%2F2016%2F10%2Ftest-script-1.doc&hl=&embedded=true\" class=\"gde-frame\" style=\"width:; height:; border: none;\" scrolling=\"no\"><\/iframe>\n<\/h6>\n<p style=\"text-align: justify\">\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Les tests d&#8217;utilisabilit\u00e9 se situent dans la sph\u00e8re des projets Ux ou encore de design de l&#8217;exp\u00e9rience utilisateur. Ils ont la particularit\u00e9 de se situer dans une zone \u00e0 tr\u00e8s fort enjeu, celle des points de contact entre services offerts &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/buapro\/2016\/10\/19\/des-tests-dutilisabilite-pour-mieux-manager\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":18988,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[91,52,94],"tags":[17,64,18],"class_list":["post-150","post","type-post","status-publish","format-standard","hentry","category-management","category-services","category-ux-services","tag-user-experience","tag-utilisabilite","tag-ux"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/users\/18988"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":1,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/posts\/150\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/posts\/150\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/media?parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/categories?post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/buapro\/wp-json\/wp\/v2\/tags?post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}