{"id":655,"date":"2021-02-19T09:22:10","date_gmt":"2021-02-19T08:22:10","guid":{"rendered":"http:\/\/www.cherryfizz.fr\/blog\/?p=655"},"modified":"2021-05-06T18:16:30","modified_gmt":"2021-05-06T16:16:30","slug":"refonte-dapplication-mobile-retour-sur-le-cas-de-shows-up","status":"publish","type":"post","link":"https:\/\/www.cherryfizz.fr\/blog\/refonte-dapplication-mobile-retour-sur-le-cas-de-shows-up\/","title":{"rendered":"Refonte d&rsquo;application mobile : Retour sur le cas de Shows Up"},"content":{"rendered":"\n<p>Shows Up est une application mobile de gestion \u00e9v\u00e8nementielle qui permet de&nbsp;<strong>faciliter la mise en relation des diff\u00e9rents participants aux salons professionnels<\/strong>, salon de tourisme, de loisirs, salons \u00e9tudiants&#8230; Shows Up est d\u00e9ploy\u00e9e par&nbsp;<a href=\"https:\/\/atomxsystem.eu\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>AtomX System<\/strong><\/a>, soci\u00e9t\u00e9 de services \u00e0 Strasbourg. C&rsquo;est en accord avec les dirigeants que je vous partage un retour d&rsquo;exp\u00e9rience et des t\u00e9moignages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le contexte<\/h2>\n\n\n\n<p>L&rsquo;application avait \u00e9t\u00e9 d\u00e9velopp\u00e9e en interne par des profils techniques et un coup d&rsquo;oeil sur les \u00e9crans en cours m&rsquo;a permis de proposer rapidement un audit UX de l&rsquo;actuel afin de rectifier le tir.<\/p>\n\n\n\n<p>Les \u00e9crans n&rsquo;\u00e9taient pas fluides, le parcours pas clair, le design pas du tout moderne ni unifi\u00e9, le concept compliqu\u00e9&#8230; Quelques points d&rsquo;\u00e9changes entre les \u00e9quipes ont pu effectivement confirmer que cet audit allait permettre de&nbsp;<strong>recentrer l&rsquo;application sur les utilisateurs<\/strong>.<\/p>\n\n\n\n<p>Les fonctionnalit\u00e9s propos\u00e9es par l&rsquo;entreprise \u00e9taient pertinentes, mais malheureusement inaccessibles aux utilisateurs, tout cela avait \u00e9t\u00e9 d\u00e9velopp\u00e9 de mani\u00e8re trop technique et en total d\u00e9calage de la logique qu&rsquo;on peut attendre vis \u00e0 vis d&rsquo;applications mobiles et attentes d&rsquo;usagers. Beaucoup de fonctionnalit\u00e9s techniques, peu voire pas de fonctionnalit\u00e9s de bases permettant d&#8217;embarquer un utilisateur lambda. Nous \u00e9tions face \u00e0 des probl\u00e8mes de parcours utilisateur, d&rsquo;ergonomie, de&nbsp;<strong>compr\u00e9hension du service dans sa globalit\u00e9<\/strong>.<\/p>\n\n\n\n<p>De prime abord, mon client n&rsquo;\u00e9tait pas convaincu encore de l&rsquo;intervention d&rsquo;un Designer UX UI. A savoir que le travail d&rsquo;un Designer g\u00e9n\u00e8re un co\u00fbt (m\u00eame si le retour sur investissement est \u00e9vident :&nbsp;<a href=\"https:\/\/www.linkedin.com\/pulse\/comment-lexp%C3%A9rience-utilisateur-ux-am%C3%A9liore-vos-produits-bermond\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mon dernier article<\/a>) selon le degr\u00e9 d&rsquo;implication, j&rsquo;ai \u00e9tudi\u00e9 ce qu&rsquo;il \u00e9tait possible de faire de mon c\u00f4t\u00e9 et acceptable d&rsquo;investir pour l&rsquo;entreprise dans une&nbsp;<strong>prestation d&rsquo;accompagnement en Design<\/strong>.<\/p>\n\n\n\n<p>Cette intervention allait permettre de remettre sur les rails&nbsp;<strong>la vision de l&rsquo;entreprise<\/strong>&nbsp;vis \u00e0 vis de ce produit, d&rsquo;y rallier les collaborateurs, qui eux travaillaient d\u00e9j\u00e0 depuis un moment sur le projet et avaient besoin d&rsquo;un regard neuf et ext\u00e9rieur. Et par la suite, partager avec eux mes m\u00e9thodes UX de Designer, co-conception, connaissance en terme d&rsquo;architecture de l&rsquo;information, de graphisme, d&rsquo;ergonomie, de d\u00e9marches avec les utilisateurs&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L&rsquo;audit UX (et ergonomique)<\/h2>\n\n\n\n<p>Pour d\u00e9buter mon audit, j&rsquo;ai donc install\u00e9 et utilis\u00e9 l&rsquo;application afin de comprendre le fonctionnement des diff\u00e9rentes fonctionnalit\u00e9s, comprendre le service apport\u00e9 afin de saisir&nbsp;<strong>en quoi il pourrait r\u00e9soudre des besoins d&rsquo;utilisateurs<\/strong>&nbsp;de diff\u00e9rents \u00e9v\u00e8nements, salons pros, concerts, salons \u00e9tudiants, tourisme&#8230;<\/p>\n\n\n\n<p>Il s&rsquo;est av\u00e9r\u00e9 tr\u00e8s vite que l&rsquo;application \u00e9tait beaucoup plus complexe que ce que j&rsquo;avais imagin\u00e9 en proposant mon audit, j&rsquo;ai eu besoin de d\u00e9monstrations, d&rsquo;explications de la cheffe de projet et du lead dev, preuve effectivement que rien n&rsquo;\u00e9tait intuitif^^<\/p>\n\n\n\n<p>Apr\u00e8s la restitution de mon audit, certaines fonctionnalit\u00e9s ont \u00e9t\u00e9 abandonn\u00e9es au profit d&rsquo;autres m\u00e9ritant d&rsquo;\u00eatre mieux mises en avant.<\/p>\n\n\n\n<p><em>J&rsquo;ai eu une question lors de mon intervention sur l&rsquo;audit UX que j&rsquo;ai trouv\u00e9 pertinente (<\/em><a href=\"https:\/\/www.linkedin.com\/pulse\/pourquoi-cr%C3%A9er-un-audit-ux-de-vos-services-mes-slides-bermond\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>que vous pouvez retrouver ici<\/em><\/a><em>) :<\/em><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>\u00ab\u00a0A partir de quand l&rsquo;intervention d&rsquo;un designer UX peut remettre en question le business model pr\u00e9vu par une entreprise ? \u00ab\u00a0<\/em><\/p><\/blockquote>\n\n\n\n<p><em>Pour r\u00e9pondre \u00e0 cela je pense qu&rsquo;il est important de comprendre que&nbsp;<\/em><strong><em>le travail d&rsquo;un Designer UX est bien au del\u00e0 de la cr\u00e9ation d&rsquo;\u00e9crans d&rsquo;applications<\/em><\/strong><em>.<\/em><\/p>\n\n\n\n<p><em>Mes interventions pour la plupart se font \u00e0 l&rsquo;\u00e9mergence de l&rsquo;id\u00e9e, mon accompagnement permet de faire travailler en collaboration les participants au projet afin de tirer le meilleur de chacun (les collaborateurs et d\u00e9cideurs) pour chacun (les utilisateurs du service\/produit), mon expertise c&rsquo;est \u00e7a, c&rsquo;est avoir un vision plus large, ext\u00e9rieure, une pens\u00e9e diff\u00e9rente, des interventions pr\u00e9c\u00e9dentes qui enrichissent mon exp\u00e9rience.<\/em><\/p>\n\n\n\n<p><em>Le&nbsp;<\/em><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Design_thinking\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Design Thinking<\/em><\/a><em>&nbsp;est \u00e9videmment reconnu pour accompagner les entreprises dans une vision cr\u00e9ative plus large, sans pour autant d\u00e9naturer l&rsquo;aspect business de celui-ci.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Quels sont les outils utilis\u00e9s ?<\/strong><\/h3>\n\n\n\n<p><strong>La recherche<\/strong><\/p>\n\n\n\n<p>En premier lieu, j&rsquo;ai travaill\u00e9 avec une Google Sheet dans laquelle j&rsquo;ai compil\u00e9 tous les \u00e9crans et mes remarques \u00e0 chaud.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"544\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.18.png\" alt=\"\" class=\"wp-image-711\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.18.png 743w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.18-300x220.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.18-600x439.png 600w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"455\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.23.png\" alt=\"\" class=\"wp-image-712\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.23.png 748w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.23-300x182.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.23-600x365.png 600w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<p>Par la suite j&rsquo;ai r\u00e9parti mes remarques en plusieurs sections :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>le parcours de l&rsquo;utilisateur dans la page<\/li><li>l&rsquo;architecture au sein de la page<\/li><li>l&rsquo;ergonomie<\/li><li>la compr\u00e9hension des fonctionnalit\u00e9s<\/li><li>le r\u00e9dactionnel \/ titres \/ CTA<\/li><li>le design des interfaces \/ l&rsquo;imbrication textes\/graphisme<\/li><\/ul>\n\n\n\n<p><strong>Les heuristiques<\/strong><\/p>\n\n\n\n<p>Afin de synth\u00e9tiser, confirmer ou infirmer mes premi\u00e8res remarques, j&rsquo;ai utilis\u00e9 les&nbsp;<a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noreferrer noopener\">heuristiques de Nielsen<\/a>. Les<strong>&nbsp;heuristiques sont des principes d&rsquo;ergonomie d&rsquo;interfaces&nbsp;<\/strong>sous forme de grille d&rsquo;\u00e9valuation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"606\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.47.png\" alt=\"\" class=\"wp-image-714\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.47.png 747w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.47-300x243.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.11.47-600x487.png 600w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<p>Bien s\u00fbr il ne s&rsquo;agit pas de cocher des cases au hasard, mais de conna\u00eetre les&nbsp;<strong>principes UX<\/strong>&nbsp;(ergonomie, design, comportements des utilisateurs) afin de poser des constats.<\/p>\n\n\n\n<p>Au cours de mon diagnostic, j&rsquo;ai pu aussi relever des incoh\u00e9rences au sein m\u00eame du fonctionnement de l&rsquo;application, ces points ont pu \u00eatre discut\u00e9s et l&rsquo;application a pu \u00e9voluer en \u00e9tant beaucoup plus&nbsp;<strong>tourn\u00e9e sur les utilisateurs<\/strong>, tout cela gr\u00e2ce \u00e0&nbsp;<strong>une vision commune et user centric avec les dirigeants et partenaires du projet<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"538\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.05.png\" alt=\"\" class=\"wp-image-715\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.05.png 750w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.05-300x215.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.05-600x430.png 600w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><strong>Les pr\u00e9conisations<\/strong><\/p>\n\n\n\n<p>Une fois ce travail cons\u00e9quent d&rsquo;analyse de l&rsquo;existant, j&rsquo;ai propos\u00e9 des pistes d&rsquo;am\u00e9lioration par pages, parcours utilisateurs et dans la globalit\u00e9 de l&rsquo;application. J&rsquo;ai restitu\u00e9 \u00e0 mon client un document compilant toutes mes recherches avec ces pr\u00e9conisations pour des pistes d&rsquo;am\u00e9lioration ainsi que des mises en oeuvre possibles par la suite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"564\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.21.png\" alt=\"\" class=\"wp-image-716\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.21.png 740w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.21-300x229.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.21-600x457.png 600w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"558\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.26-1.png\" alt=\"\" class=\"wp-image-718\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.26-1.png 748w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.26-1-300x224.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.26-1-600x448.png 600w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"573\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.32.png\" alt=\"\" class=\"wp-image-719\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.32.png 742w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.32-300x232.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.12.32-600x463.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Comment tirer parti de l&rsquo;audit ?<\/h2>\n\n\n\n<p>L&rsquo;audit va mettre en avant les&nbsp;<strong>corrections ou am\u00e9liorations<\/strong>&nbsp;\u00e0 apporter. Tout n&rsquo;est pas \u00e0 faire en m\u00eame temps, mon travail consiste aussi \u00e0&nbsp;<strong>prioriser ce qu&rsquo;il est urgent<\/strong>&nbsp;de travailler tout en prenant en compte l&rsquo;investissement technique des \u00e9quipes et financier du client.<\/p>\n\n\n\n<p>Lors de mes restitutions je propose de travailler selon plusieurs axes afin de laisser une libert\u00e9 d&rsquo;action.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Ce qu\u2019il est possible de corriger tout de suite<\/strong>&nbsp;en terme de d\u00e9veloppement, simple et rapide, peu co\u00fbteux. Mais ne r\u00e9sout pas les probl\u00e8mes de fond concernant l\u2019utilisation de l\u2019application.<\/li><li><strong>Ce qui n\u00e9cessite un travail graphique<\/strong>&nbsp;et qui demande un travail en profondeur, comme par exemple la cr\u00e9ation d&rsquo;un design system fonctionnel complet pour les d\u00e9veloppeurs ou le travail de quelques maquettes pour faciliter l&rsquo;impl\u00e9mentation dans toute l&rsquo;application.<\/li><li><strong>Ce qui n\u00e9cessite de penser ou repenser le parcours utilisateur<\/strong>&nbsp;dans l&rsquo;application. Etape que je pr\u00e9vois en co-conception avec l&rsquo;\u00e9quipe technique et des utilisateurs.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">La mise en place des ateliers de co-conception (UX \/ ergonomie)<\/h2>\n\n\n\n<p>Mon intervention deux jours chez le client pour retravailler<strong>&nbsp;le parcours utilisateur, am\u00e9liorer les \u00e9crans existants<\/strong>&nbsp;ou cr\u00e9er les \u00e9crans manquants a \u00e9t\u00e9 organis\u00e9e en pr\u00e9sence de la cheffe de projet et du lead dev. Les deux \u00e9taient en charge du projet d\u00e8s son initiation il y a plusieurs mois.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le parcours utilisateur<\/h3>\n\n\n\n<p>Le parcours utilisateur permet de visualiser les actions lors de l&rsquo;utilisation de l&rsquo;application. Les enchainements d&rsquo;\u00e9crans sont-ils coh\u00e9rents ? L&rsquo;utilisateur peut-il r\u00e9aliser son action sans interruption, sans g\u00e8ne, de mani\u00e8re fluide et intuitive ?<\/p>\n\n\n\n<p>Lors de ces deux jours, nous avons&nbsp;<strong>cartographi\u00e9 le parcours utilisateur<\/strong>, \u00e9mis des hypoth\u00e8ses que nous avons faites v\u00e9rifier par des utilisateurs et nous les avons impl\u00e9ment\u00e9es par la suite.<\/p>\n\n\n\n<p>Cet atelier a permis aux participants de s&rsquo;<strong>aligner sur une vision commune<\/strong>. En r\u00e8gle g\u00e9n\u00e9rale, m\u00eame si on travaille ensemble ou dans un m\u00eame bureau parfois on ne se rend pas compte qu&rsquo;on n&rsquo;est pas align\u00e9 et qu&rsquo;on n&rsquo;a pas la m\u00eame vision du projet.<\/p>\n\n\n\n<p><em>J&rsquo;ai eu des retours tr\u00e8s positifs de la part des participants par exemple c\u00f4t\u00e9 gestion de projet on m&rsquo;a fait remarquer que mon intervention permettait \u00ab\u00a0enfin de comprendre pour quoi je travaillais sur ce projet sans vraiment en voir le bout\u00a0\u00bb. A c\u00f4t\u00e9 de cela, les \u00e9changes entre les diff\u00e9rentes parties on pu permettre aux collaborateurs de prendre le temps d&rsquo;\u00e9changer en dehors d&rsquo;un contexte classique quotidien, d&rsquo;avoir plus d&rsquo;\u00e9coute les unes vis \u00e0 vis des autres et trancher des positions plut\u00f4t en d\u00e9saccord auparavant.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"417\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.18.png\" alt=\"\" class=\"wp-image-720\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.18.png 744w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.18-300x168.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.18-600x336.png 600w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"419\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.22.png\" alt=\"\" class=\"wp-image-721\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.22.png 744w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.22-300x169.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.22-600x338.png 600w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"560\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.28.png\" alt=\"\" class=\"wp-image-722\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.28.png 747w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.28-300x225.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.28-600x450.png 600w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">L&rsquo;utilisation de l&rsquo;application \/ test utilisateur<\/h3>\n\n\n\n<p>Nous avons pu, en plus des feedbacks utilisateurs r\u00e9cup\u00e9r\u00e9s aupr\u00e8s de l&rsquo;\u00e9quipe des ventes, r\u00e9aliser un&nbsp;<strong>test sur place avec une personne<\/strong>&nbsp;qui n&rsquo;avait pas test\u00e9 l&rsquo;application auparavant et qui correspondait \u00e0 une des cibles de l&rsquo;application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"495\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.58.png\" alt=\"\" class=\"wp-image-723\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.58.png 740w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.58-300x201.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.13.58-600x400.png 600w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Les diff\u00e9rents \u00e9crans \/ wireframes<\/h3>\n\n\n\n<p>Suite \u00e0 la mise en place de parcours, des feedbacks et du test, nous avons travaill\u00e9&nbsp;<strong>\u00e0 plusieurs sur la conception de zoning et wireframes,<\/strong>&nbsp;d&rsquo;abord chacun de son c\u00f4t\u00e9 sur un temps pr\u00e9cis puis par mise en commun de nos \u00e9crans.<\/p>\n\n\n\n<p>L&rsquo;int\u00e9r\u00eat de travailler de cette mani\u00e8re r\u00e9side dans&nbsp;<strong>la multiplication des id\u00e9es<\/strong>, chacun propose sa vision de l&rsquo;\u00e9cran en fonction du parcours initialement cartographi\u00e9. S&rsquo;ensuit des discussions pour imaginer l&rsquo;\u00e9cran qui sera le plus intuitif.<\/p>\n\n\n\n<p><strong>Bien s\u00fbr ce qui validera cette hypoth\u00e8se c&rsquo;est l&rsquo;utilisateur<\/strong>, son feedback, la data&#8230; Il est important de ne pas perdre de vue que le travail d&rsquo;un Designer UX est d&rsquo;accompagner les entreprises dans la mise en place de leur services par leur expertises, mais sans la pr\u00e9sence d&rsquo;utilisateurs \u00e0 diff\u00e9rents niveaux de conception pour valider les propositions, le travail n&rsquo;est qu&rsquo;\u00e0 moiti\u00e9 fait.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"743\" height=\"495\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.03.png\" alt=\"\" class=\"wp-image-726\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.03.png 743w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.03-300x200.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.03-600x400.png 600w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Les interfaces graphiques de l&rsquo;application (UI)<\/h2>\n\n\n\n<p>Suite \u00e0 l&rsquo;audit et aux ateliers de co-conception, j&rsquo;ai travaill\u00e9 sur la partie design afin d&rsquo;aider l&rsquo;\u00e9quipe de d\u00e9veloppement \u00e0 int\u00e9grer les nouvelles maquettes uniform\u00e9ment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"523\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.12.png\" alt=\"\" class=\"wp-image-725\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.12.png 745w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.12-300x211.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.14.12-600x421.png 600w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Structuration des informations au sein de la page \/ acc\u00e9der plus simplement aux informations \/ hi\u00e9rarchie visuelle<\/li><li>Concentration des informations sur une seule page plut\u00f4t que devoir switcher dans le menu<\/li><li>Travail sur le menu g\u00e9n\u00e9ral de l&rsquo;application<\/li><li>Choix des typographies \/ titres \/ couleurs<\/li><li>Interactions entre les \u00e9crans, animations&#8230;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"524\" src=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.15.07.png\" alt=\"\" class=\"wp-image-724\" srcset=\"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.15.07.png 771w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.15.07-300x204.png 300w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.15.07-768x522.png 768w, https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/05\/Capture-de\u0301cran-2021-05-06-a\u0300-18.15.07-600x408.png 600w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">T\u00e9moignages<\/h2>\n\n\n\n<p>Parce que les retours des clients c&rsquo;est comme le feedback des utilisateurs : INDISPENSABLE \ud83d\ude09<\/p>\n\n\n\n<p>Merci \u00e0 Thomas CEO de AtomX System pour son t\u00e9moignage sur mon intervention, que je vous restitue tel quel :<\/p>\n\n\n\n<p><em>\u00ab\u00a0Pour ma part, ton intervention permet :&nbsp;<\/em><\/p>\n\n\n\n<p><em>&#8211; Une analyse profonde des cibles \u00e0 adresser et la concordance avec le ou les messages \u00e0 faire passer. Cela permet souvent un remodelage n\u00e9cessaire \u00e0 la bonne compr\u00e9hension du message.<\/em><\/p>\n\n\n\n<p><em>&#8211; Mise en avant de mani\u00e8re optimale de la plus value de la solution mise sur le march\u00e9.<\/em><\/p>\n\n\n\n<p><em>&#8211; Focus sur le client \/ prospect et permet d&rsquo;\u00e9viter de rester autocentr\u00e9 sur son produit et ses avantages technologiques.<\/em><\/p>\n\n\n\n<p><em>&#8211; Une simplification du parcours utilisateur et la redirection de celui-ci vers ce qu&rsquo;il cherche.<\/em><\/p>\n\n\n\n<p><em>&#8211; Une int\u00e9gration efficiente des visuels.<\/em><\/p>\n\n\n\n<p><em>&#8211; Une augmentation du taux de transformation<\/em><\/p>\n\n\n\n<p><em>Une application sans UX c&rsquo;est un orchestre sans chef. Les instruments auront beau \u00eatre pr\u00e9par\u00e9s, luisants, magnifiques, ils ne formeront qu&rsquo;une vaste cacophonie faisant fuir vos prospects.&nbsp;\u00ab\u00a0<\/em><\/p>\n\n\n\n<p>Ainsi que le t\u00e9moignage de la cheffe de projet qui \u00e9tait pr\u00e9sente aux ateliers de co-conception (D\u00e9sol\u00e9e je coupe un peu car il \u00e9tait tr\u00e8s complet &#x1f604;) :<\/p>\n\n\n\n<p><em>Une intervenante ext\u00e9rieure, \u00e0 travers des ateliers et un temps d\u00e9di\u00e9 hors temps de travail \u00ab&nbsp;op\u00e9rationnel&nbsp;\u00bb&nbsp;a permis de :<\/em><\/p>\n\n\n\n<p><em>&#8211; prendre de la distance par rapport \u00e0 un produit qu\u2019on avait trop vu, de \u00ab&nbsp;lever la t\u00eate hors de l\u2019eau&nbsp;\u00bb<\/em><\/p>\n\n\n\n<p><em>&#8211; prendre le temps de se poser, d\u2019observer et de r\u00e9fl\u00e9chir \u00e0 notre produit, \u00e0 ce qu\u2019on voulait communiquer et mettre en avant<\/em><\/p>\n\n\n\n<p><em>&#8211; travailler ensemble dans un moment privil\u00e9gi\u00e9, hors du temps, des contraintes, des imp\u00e9ratifs, pour se r\u00e9interroger sur notre travail et clarifier pour nous-m\u00eames ce que nous voulions transmettre \u00e0 l\u2019utilisateur.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pour conclure<\/h2>\n\n\n\n<p>L&rsquo;\u00e9quipe de d\u00e9veloppement est actuellement en train de finaliser les \u00e9crans d&rsquo;apr\u00e8s la base des maquettes r\u00e9alis\u00e9es lors de l&rsquo;atelier de co-conception. Je m&rsquo;assure par la suite que le design est impl\u00e9ment\u00e9 correctement. Actuellement, je travaille actuellement avec une autre partie de l&rsquo;\u00e9quipe \u00e0 la refonte du site qui pr\u00e9sente l&rsquo;application. Stay tuned !<\/p>\n\n\n\n<p>J&rsquo;ajoute une mention sp\u00e9ciale pour le contexte qui touche le monde de la culture, de l&rsquo;\u00e9v\u00e9nementiel et le fait qu&rsquo;AtomX a gard\u00e9 le cap sur son projet ! &#x1f4aa;&#x1f3fc;<\/p>\n\n\n\n<p>Retrouvez le&nbsp;<a href=\"https:\/\/www.thecherrylab.fr\/references-atomx-audit-ergonomique.html\" target=\"_blank\" rel=\"noreferrer noopener\">use case<\/a>&nbsp;sur mon site.<\/p>\n\n\n\n<p>Si vous doutez encore de l&rsquo;int\u00e9r\u00eat de laisser un part belle \u00e0 l&rsquo;UX dans vos organisations, prenez quelques minutes pour lire mon article pour comprendre&nbsp;<a href=\"https:\/\/www.linkedin.com\/pulse\/comment-lexp%C3%A9rience-utilisateur-ux-am%C3%A9liore-vos-produits-bermond\/\" target=\"_blank\" rel=\"noreferrer noopener\">comment l&rsquo;UX am\u00e9liore vos produits<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shows Up est une application mobile de gestion \u00e9v\u00e8nementielle qui permet de&nbsp;faciliter la mise en relation des diff\u00e9rents participants aux salons professionnels, salon de tourisme, de loisirs, salons \u00e9tudiants&#8230; Shows Up est d\u00e9ploy\u00e9e par&nbsp;AtomX System, soci\u00e9t\u00e9 de services \u00e0 Strasbourg. C&rsquo;est en accord avec les dirigeants que je vous partage<\/p>\n","protected":false},"author":1,"featured_media":656,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-655","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-ux"],"views":6280,"jetpack_featured_media_url":"https:\/\/www.cherryfizz.fr\/blog\/wp-content\/uploads\/2021\/02\/1591777173305.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/comments?post=655"}],"version-history":[{"count":3,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/655\/revisions"}],"predecessor-version":[{"id":728,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/posts\/655\/revisions\/728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/media\/656"}],"wp:attachment":[{"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/media?parent=655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/categories?post=655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cherryfizz.fr\/blog\/wp-json\/wp\/v2\/tags?post=655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}