{"id":7059,"date":"2018-10-24T12:00:11","date_gmt":"2018-10-24T10:00:11","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7059"},"modified":"2018-12-20T09:51:44","modified_gmt":"2018-12-20T08:51:44","slug":"un-joli-template-ne-rendra-pas-votre-produit-utilisable","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/","title":{"rendered":"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable &#8211; support de conf\u00e9rence"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 6 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>La semaine derni\u00e8re et cette semaine avaient lieu deux grosses conf\u00e9rences fran\u00e7aises\u00a0: <a href=_-603.html>Dev Fest Nantes<\/a> et <a href=_-604.html>Blend Web\u00a0Mix Lyon<\/a>. J\u2019y ai \u00e9t\u00e9 invit\u00e9e pour y parler de Framework UI et exp\u00e9rience utilisateur.<\/p>\n<p>Gr\u00e2ce \u00e0 Bootstrap, material design et tous les Template et Framework sur le march\u00e9, il est possible de <strong>rapidement lancer un produit dont le design semble visuellement agr\u00e9able<\/strong>. Pourtant, <strong>sans r\u00e9elle compr\u00e9hension des besoins utilisateurs<\/strong> et design en amont, beaucoup de ces produits sont \u201c<strong>jolis\u201d mais restent inutilisables, voir inutiles<\/strong>.<\/p>\n<p>Le but de ma conf\u00e9rence est de montrer qu\u2019il est tout \u00e0 fait possible d\u2019utiliser des Framework UI ou Template pour construire des produits, mais il faut pour <strong>\u00e7a impliquer l\u2019humain, les utilisatrices et utilisateurs d\u00e8s le d\u00e9but du projet<\/strong>. Je donne des exemples d\u2019\u00e9checs et r\u00e9ussites tir\u00e9s de vrai projets pour \u00e9tayer mon propos.<\/p>\n<h2>Les supports de conf\u00e9rence<\/h2>\n<p>Le support est conf\u00e9rence est disponible sur Speakerdeck et ci-dessous<\/p>\n<p class=\"cta\" style=\"text-align: center;\"><a class=\"button is-accentuated\" href=_-605.html><span class=\"wtfwordpress\">Voir le support sur Speakerdeck<\/span><\/a><\/p>\n<p><script async class=\"speakerdeck-embed\" data-id=\"490fa93b4e4b414bb3cded3719aedc60\" data-ratio=\"1.77777777777778\" src=index-285.html><\/script><\/p>\n<p>&nbsp;<\/p>\n<p>La <a href=watchaddc.html>vid\u00e9o de Devfest Nantes est disponible ici<\/a>, celle de <a href=watch167b.html>Blend Web Mix ici.<\/a><\/p>\n<h2>Les transcripts<\/h2>\n<p>J&rsquo;ai fait des transcripts longs de la conf\u00e9rence et ajout\u00e9 un peu de contenu depuis. Vous pouvez les trouver ici :<\/p>\n<ul>\n<li><a href=_-606.html>Exp\u00e9rience utilisateur Templates \/ Frameworks UI \u2013 partie 1, le constat.<\/a><\/li>\n<li><a href=_-607.html>Exp\u00e9rience utilisateur Templates \/ Frameworks UI \u2013 partie 2 : remettre l\u2019humain au centre du processus de conception.<\/a><\/li>\n<\/ul>\n<h2>Des Sketchnotes<\/h2>\n<p>Si vous aimez les illustrations, la conf\u00e9rence \u00e0 \u00e9t\u00e9 r\u00e9sum\u00e9e par deux sketchnotes, un gros merci aux autrices :)<\/p>\n<p>Par <a href=1c7e1.html>UXShadow<\/a> :<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7080\" src=_-608.html alt=\"\" width=\"1199\" height=\"817\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnoteuxshadow.jpg 1199w, https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnoteuxshadow-768x523.jpg 768w\" sizes=\"(max-width: 1199px) 100vw, 1199px\" \/><\/p>\n<p>Et par\u00a0<a href=_-609.html>Nantenai\/St\u00e9phanie Radavidson<\/a> :<\/p>\n<p><a href=_-609.html class=\"link-on-image\" ><img decoding=\"async\" class=\"aligncenter size-full wp-image-7077\" src=_-610.html alt=\"\" width=\"1024\" height=\"808\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnote-1.jpg 1024w, https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnote-1-768x606.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=_-609.html class=\"link-on-image\" ><img decoding=\"async\" class=\"aligncenter size-full wp-image-7078\" src=_-611.html alt=\"\" width=\"1024\" height=\"801\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnote-2.jpg 1024w, https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/sketchnote-2-768x601.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h2>Le \u00ab\u00a0gros\u00a0\u00bb r\u00e9sum\u00e9 de ma conf\u00e9rence<\/h2>\n<p>Pour cr\u00e9er cette conf\u00e9rence, j\u2019ai lanc\u00e9 un questionnaire en ligne et ai interview\u00e9 diff\u00e9rents acteurs des projets\u00a0: d\u00e9veloppeuses et d\u00e9veloppeurs, cheffes de projet mais aussi designeuses d\u2019interface. Au final, il en ressort surtout une volont\u00e9 de communication et de collaboration entre \u00e9quipes de design et \u00e9quipes de d\u00e9veloppement.<\/p>\n<h3>Le r\u00f4le du design sur les projets<\/h3>\n<p>Ma conf\u00e9rence d\u00e9bute par l\u2019histoire d\u2019un projet qui a mal fini en raison de diff\u00e9rents choix techniques et non-dits. Vous pouvez lire l\u2019histoire en anglais ici. J\u2019essaie ensuite de <strong>comprendre<\/strong>, gr\u00e2ce aux r\u00e9sultats du questionnaire et <strong>interview pourquoi on utilise des Framework<\/strong> UI et Template, <strong>qui les choisi<\/strong> et <strong>comment on implique les \u00e9quipes de design<\/strong>. Parfois, h\u00e9las, en fin de projet, \u00e0 mettre un coup de peinture sur le Framework. Avec des super phrases comme \u00ab\u00a0rendez le moi sexy\u00a0\u00bb, \u00ab\u00a0on veut que \u00e7a claque\u00a0\u00bb et \u00ab\u00a0c\u2019est toi l\u2019artiste\u00a0\u00bb. J\u2019en profite pour rappeler que non, <strong>le design d\u2019interface c\u2019est pas de l\u2019art<\/strong>. C\u2019est de la conception en \u00e9quipe.<\/p>\n<p>J\u2019explique ensuite mon processus de conception, comment je tente de remettre les humains au centre de mes designs.<\/p>\n<h3>1. Faire ses devoirs, faire ses recherches.<\/h3>\n<p>Que ce soit sur des gros projets, ou en agile sur des fonctionnalit\u00e9s, je commence par une phase de <strong>recherche utilisateur<\/strong>. J\u2019ai conscience que l\u2019on n\u2019a pas toujours le budget ou des UX designers dans l\u2019\u00e9quipe, dans les slides je propose diff\u00e9rentes m\u00e9thodes \u00e0 moindre co\u00fbt pour r\u00e9cup\u00e9rer des donn\u00e9es, mode gu\u00e9rilla\u00a0: support (et \u00e9quipes de formation), revues en ligne, outils d\u2019analytics, questionnaires en ligne, observation street guerilla et interviews par mail ou vid\u00e9o conf\u00e9rence.<\/p>\n<h3>2. Construire un plan et une vision globale : parcours et navigation<\/h3>\n<p>J\u2019essaie ensuite d\u2019avoir une vision globale du projet, de construire des parcours gr\u00e2ce aux <strong>user flows<\/strong>, car un joli template ne vous sauvera pas de boucles infinies et d\u2019impasses. J\u2019utilise \u00e9galement le tri de cartes pour construire des navigations ou hi\u00e9rarchies d\u2019informations coh\u00e9rences. Visualiser et pr\u00e9voir ses parcours et navigation en amont vous permet de faire des choix de Template, de Framework UI et de composants \u00e9clair\u00e9s qui correspondent aux r\u00e9els besoins des utilisatrices et utilisateurs.<\/p>\n<h3>3. Composants, wireframes et prototypes \u00e0 tester<\/h3>\n<p>Une fois que j\u2019ai la vision globale des besoins utilisateur et des parcours, pour chacune des pages, je me demande alors <strong>de quels contenus je vais avoir besoin, dans le d\u00e9tail<\/strong>. Dans le cadre d\u2019une <strong>refonte<\/strong>, on peut partir de l\u2019existent. Sinon en g\u00e9n\u00e9ral je me base sur le <strong>cahier des charges<\/strong>.\u00a0Des petits ateliers collaboratifs comme le <strong>crazy 8<\/strong> permettent de g\u00e9n\u00e9rer des id\u00e9es et de d\u00e9cider comment les informations seront affich\u00e9es. Si le Framework est d\u00e9j\u00e0 choisi, cela permet de confronter les id\u00e9es aux composants et de choisir celui qui se rapproche encore une fois le plus de nos besoins. Le but est bien s\u00fbr la <strong>r\u00e9utilisabilit\u00e9 des composants<\/strong>.<\/p>\n<p>Pour moi le choix du Framework est un choix qui se fait en commun. Dans le projet id\u00e9al, j\u2019attendrai d\u2019avoir fait la recherche utilisateur, les parcours et des inventaires d\u2019interface pour le choisir.<\/p>\n<p>Une fois le Framework choisi, les d\u00e9veloppeuses vont lire la documentation. Moi en tant que designeuse je vais <strong>prendre en main la partie design et ergonomie<\/strong> des composants du Framework<strong>.<\/strong> Je vais m\u2019impr\u00e9gner des composants et \u00e0 partir de l\u00e0, construire des wirefames plus ou moins d\u00e9taill\u00e9s \u00e0 partir de ces composants. Et je <strong>documente les composants utilis\u00e9s<\/strong> dans les wireframes dans un fichier \u00e0 part pour mes \u00e9quipes de d\u00e9veloppement.<\/p>\n<p>Pour s\u2019assurer que les composants choisis par l\u2019\u00e9quipe de design fonctionnent, le meilleur moyen reste encore <strong>un test utilisateur sur un prototype. <\/strong>L\u2019avantage d\u2019utiliser un Framework, c\u2019est que vous pouvez monter un prototype cliquable plut\u00f4t rapidement \u00e0 partir des composants choisis.<\/p>\n<h3>4. Design d\u2019interface, styleguides et documentation<\/h3>\n<p>Durant ma conf\u00e9rence je donne quelques conseils pour limiter les d\u00e9g\u00e2ts si vous n\u2019avez pas de designer dans votre \u00e9quipe.<\/p>\n<p>Une importante partie du travail avec un Framework est <strong>de documenter les d\u00e9cisions de design.<\/strong> C\u2019est quelque chose qui est ressorti souvent dans l\u2019\u00e9tude, ce besoin de documentation des d\u00e9cisions de design, ce besoin pour les \u00e9quipes de d\u00e9veloppement de comprendre les d\u00e9cisions de design.<\/p>\n<p>Cr\u00e9er un <strong>style guide <\/strong>me permet d\u2019avoir tous les composants au m\u00eame endroit pour les \u00e9quipes de d\u00e9veloppement. Je le <strong>compl\u00e8te au fur et \u00e0 mesure du projet<\/strong>, quand on ajoute des pages, des fonctionnalit\u00e9s ; des composants. J\u2019y documente aussi les composants \u00e0 diff\u00e9rent \u00e9tat comme les \u00e9l\u00e9ments de formulaire par exemple, et les composants responsive \u00e0 diff\u00e9rentes tailles. Des outils en ligne comme Zeplin ou Invision permettent \u00e9galement de favoriser la collaboration entre les \u00e9quipes. \u00a0Des Framework comme vmware.github.io\/clarity proposent d\u2019ailleurs d\u00e9sormais une documentation de \u201cdesign\u201d pour chaque composant. Cel\u00e0 permet aux \u00e9quipes de d\u00e9veloppement de <strong>mieux comprendre les d\u00e9cisions de design<\/strong>.<\/p>\n<h3>5. Int\u00e9gration et \u00e9volutions<\/h3>\n<p>Je n\u2019entre pas dans les d\u00e9tails techniques de l\u2019int\u00e9gration HTML CSS car ce n\u2019est pas mon m\u00e9tier. Par contre, en g\u00e9n\u00e9ral nous essayons encore une fois de documenter les composants, surtout ceux modifi\u00e9s.<\/p>\n<p>Pour des raisons de temps et de budget, il ne m\u2019est pas toujours possible de designer toutes les pages et vues. Les \u00e9quipes de d\u00e9veloppement vont donc devoir composer des pages en se basant sur les wireframes, le styleguide et le Framework. Dans ces cas-l\u00e0, j\u2019essaie de mettre en place <strong>des sessions de contr\u00f4le qualit\u00e9<\/strong>, <strong>de revoir les pages finales avant qu\u2019elles soient mises en production et proposer des corrections<\/strong> si n\u00e9cessaires.<\/p>\n<p>C\u2019est \u00e9galement l\u2019occasion de faire des sessions de test utilisateur, pour s\u2019assurer de la conformit\u00e9 du produit par rapport aux attentes des personnes qui vont l\u2019utiliser.<\/p>\n<p>Au final, il est tout \u00e0 fait possible de travailler avec des Framework UI, m\u00eame impos\u00e9s sur des projets, tout en ayant des m\u00e9thodes de conception centr\u00e9es utilisateur. Il faut cependant s\u2019en donner les moyens, sortir des silos, mettre autour de la m\u00eame table les \u00e9quipes de design et de d\u00e9veloppement afin de leur permettre de mieux communiquer et collaborer.<\/p>\n<h2>Le Bullshit Bingo<\/h2>\n<p>Du coup je vous l&rsquo;avais promis sur twitter, le <a href=open124d.html>grille de bullshit bingo est disponible en .PDf<\/a> :)<a href=open124d.html class=\"link-on-image\" ><img decoding=\"async\" class=\"aligncenter wp-image-7103 size-full\" src=_-612.html alt=\"\" width=\"1835\" height=\"1044\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/bullshitbingodesign.jpg 1835w, https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/bullshitbingodesign-768x437.jpg 768w\" sizes=\"(max-width: 1835px) 100vw, 1835px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 6 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.La semaine derni\u00e8re et cette semaine avaient lieu deux grosses conf\u00e9rences fran\u00e7aises\u00a0: Dev Fest Nantes et Blend Web\u00a0Mix Lyon. J\u2019y ai \u00e9t\u00e9 invit\u00e9e pour y parler de Framework UI et exp\u00e9rience utilisateur. Gr\u00e2ce \u00e0 Bootstrap, material design et tous les Template et Framework sur le march\u00e9, il est possible de rapidement lancer un produit dont le design semble visuellement agr\u00e9able. Pourtant, sans &hellip;<\/p>\n","protected":false},"author":3,"featured_media":7076,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[55,216],"tags":[],"class_list":["post-7059","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-ux-ui-web-design","category-conferences-formations","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Concevoir des produits utilisables tout en utilisant un famework UI c&#039;est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d&#039;interface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-613.html \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Concevoir des produits utilisables tout en utilisant un famework UI c&#039;est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d&#039;interface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/\" \/>\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=\"2018-10-24T10:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-20T08:51:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/10\/jolitemplate.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=\"@walterstephanie\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/\",\"name\":\"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.jpg\",\"datePublished\":\"2018-10-24T10:00:11+00:00\",\"dateModified\":\"2018-12-20T08:51:44+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Concevoir des produits utilisables tout en utilisant un famework UI c'est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d'interface.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.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\":\"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Concevoir des produits utilisables tout en utilisant un famework UI c'est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d'interface.","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\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/","og_locale":"fr_FR","og_type":"article","og_title":"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Concevoir des produits utilisables tout en utilisant un famework UI c'est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d'interface.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2018-10-24T10:00:11+00:00","article_modified_time":"2018-12-20T08:51:44+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/10\/jolitemplate.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/","name":"Un \u00ab\u00a0joli\u00a0\u00bb Template ne rendra pas votre produit utilisable - support de conf\u00e9rence - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.jpg","datePublished":"2018-10-24T10:00:11+00:00","dateModified":"2018-12-20T08:51:44+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Concevoir des produits utilisables tout en utilisant un famework UI c'est possible, \u00e0 partir du moment o\u00f9 on applique les bonnes m\u00e9thodologies de design d'interface.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/un-joli-template-ne-rendra-pas-votre-produit-utilisable\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/10\/jolitemplate.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":"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7059"}],"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=7059"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7059\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7076"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}