{"id":6506,"date":"2017-10-11T09:41:15","date_gmt":"2017-10-11T07:41:15","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6506"},"modified":"2019-03-25T10:12:53","modified_gmt":"2019-03-25T09:12:53","slug":"architecture-information-optimisation-mobile","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/","title":{"rendered":"Construire Une Architecture d&rsquo;Information adapt\u00e9e au Mobile &#8211; ParisWeb 2017"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>J&rsquo;ai donn\u00e9 samedi 7 octobre 2017\u00a0<a href=\"https:\/\/www.paris-web.fr\/2017\/ateliers\/construire-une-architecture-dinformation-adaptee-au-mobile.php\">un atelier \u00e0 ParisWeb<\/a>\u00a0pour aider les concepteurs webs, UX, int\u00e9grateurs, etc. \u00e0 construire une architecture d&rsquo;information adapt\u00e9e au mobile.<\/p>\n<h2>L&rsquo;atelier<\/h2>\n<p>Voici la description de l&rsquo;atelier :<\/p>\n<blockquote><p>Pensez-vous vraiment qu&rsquo;une utilisatrice qui regarde une s\u00e9rie en ligne tout en cherchant les horaires d&rsquo;ouverture de votre magasin sur son mobile a tout son temps et surtout toute sa capacit\u00e9 de concentration \u00e0 vous accorder ?<\/p>\n<p>Dans un monde multit\u00e2che et multi-\u00e9crans, permettre d&rsquo;acc\u00e9der facilement et rapidement aux informations essentielles d&rsquo;une page devient crucial. Et lorsque l&rsquo;on travaille sur des pages de plus en plus surcharg\u00e9es avec des contenus complexes, prioriser ses contenus est rarement facile.<\/p>\n<p>Dans cet atelier, nous verrons diff\u00e9rentes m\u00e9thodes et exercices de conception qui vous permettront d&rsquo;arriver \u00e0 construire plus facilement votre architecture d&rsquo;information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.<\/p><\/blockquote>\n<p>L&rsquo;atelier pratique \u00e9tait d\u00e9coup\u00e9 en plusieurs exercices pas \u00e0 pas pour optimiser <a href=\"http:\/\/inpx.it\/parisweb2017\">une fiche produit responsive<\/a>. Je ne pensais vraiment pas avoir autant de monde et aurais souhait\u00e9\u00a0 faire plus de pratique et de mise en commun avec les participants que ce qui a \u00e9t\u00e9 possible. J&rsquo;ai chang\u00e9 les exercices quand le staff m&rsquo;a annonc\u00e9 qu&rsquo;ils m&rsquo;ont assign\u00e9 une salle de 90 personnes, le but \u00e9tait donc plus de pr\u00e9senter une m\u00e9thodologie applicable \u00e0 diff\u00e9rentes tailles de projet.<\/p>\n<p>Dans la vraie vie loin des conf\u00e9rences, ces petits exercices sont des choses que l&rsquo;on peut faire en atelier avec des d\u00e9cideurs, des clients, des utilisateurs.<\/p>\n<h2>R\u00e9sum\u00e9 de la m\u00e9thodologie pour hi\u00e9rarchiser des contenus pour le mobile<\/h2>\n<h3 class=\"p1\">1. Conna\u00eetre et comprendre ses utilisatrices et utilisateurs<\/h3>\n<p>J&rsquo;ai donn\u00e9 plusieurs statistiques sur les comportements des utilisateurs mobiles durant l&rsquo;atelier. De mani\u00e8re g\u00e9n\u00e9rale il faut retenir que nos utilisateurs sont de plus en plus <em>mobile first<\/em>, souhaitent acc\u00e9der aux contenus selon leurs conditions, passent d&rsquo;un appareil \u00e0 un autre.\u00a0Beaucoup d\u2019entreprises ; de Microsoft \u00e0 Financial, Retail, Quartz n\u2019ont trouv\u00e9 <b>que peu de diff\u00e9rences entre le comportement des utilisatrices et utilisateurs sur mobile et sur desktop<\/b>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-6513 size-full\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.19.jpg\" alt=\"\" width=\"1490\" height=\"934\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.19.jpg 1490w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.19-768x481.jpg 768w\" sizes=\"(max-width: 1490px) 100vw, 1490px\" \/><\/p>\n<p>Au final, m\u00eame si les donn\u00e9es g\u00e9n\u00e9ralistes sont int\u00e9ressantes, rien ne vaudra vos propres recherches et donn\u00e9es sur vos utilisateurs et utilisatrices.\u00a0Interviews utilisateur, personas ou empathy maps, user journey maps, user flows, donn\u00e9es d\u2019Analytics, etc. sont vos meilleurs outils pour bien commencer un projet.<\/p>\n<h3>2.\u00a0D\u00e9finir des objectifs<\/h3>\n<p>Vous ne pourrez PAS vous occuper de toutes les pages en une seule fois, il va falloir faire des choix : ne paniquez pas ! Les pages \u00e0 retravailler en priorit\u00e9 sont souvent :<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li class=\"li1\">Les plus longues<\/li>\n<li class=\"li1\">Les plus complexes<\/li>\n<li class=\"li1\">Celles \u00e0 fort taux de conversion actuel<\/li>\n<li class=\"li2\">Celles dont tu veux augmenter le taux de conversion<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"p1\">Pour chaque page choisie, l&rsquo;\u00e9tape suivante est donc de\u00a0d\u00e9finir le ou les objectifs principaux de nos utilisatrices et utilisateurs.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6514\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.06.jpg\" alt=\"\" width=\"1490\" height=\"938\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.06.jpg 1490w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.06-768x483.jpg 768w\" sizes=\"(max-width: 1490px) 100vw, 1490px\" \/><\/p>\n<p>En atelier, cet exercice permet aux d\u00e9cideurs d&rsquo;aligner leurs objectifs pour les pages. Parfois c&rsquo;est un exercice bien plus difficile qu&rsquo;il n&rsquo;y parait qui peut prendre pas mal de temps.<\/p>\n<h3>3.\u00a0R\u00e9aliser un Inventaire de Contenus<\/h3>\n<p>Une fois que vous aurez list\u00e9 les pages et d\u00e9fini les objectifs principaux de chacune d&rsquo;elle il vous faudra, pour chacune, identifier et lister les diff\u00e9rents modules de contenus n\u00e9cessaires pour atteindre les objectifs fix\u00e9s de chaque page. Cet inventaire de contenu peut prendre plusieurs formes<\/p>\n<ul>\n<li><strong>Inventaire en listes\u00a0<\/strong>\u00a0(ou tableau) : sous forme de document texte, listez les contenus du site<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6516\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.51.jpg\" alt=\"\" width=\"1486\" height=\"934\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.51.jpg 1486w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.51-768x483.jpg 768w\" sizes=\"(max-width: 1486px) 100vw, 1486px\" \/><\/p>\n<ul>\n<li><strong>D\u00e9coupe modulaire sur screensho<\/strong>t : on imprime le site, on d\u00e9finit des modules sur la feuille imprim\u00e9e en entourant les diff\u00e9rents contenus<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6515\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.55.47.jpg\" alt=\"\" width=\"1488\" height=\"936\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.55.47.jpg 1488w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.55.47-768x483.jpg 768w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><\/p>\n<ul>\n<li><strong>Inventaire sous forme de\u00a0Post-it\u00ae<\/strong> : il s&rsquo;agit de lister les diff\u00e9rents contenus de la page,<strong> un contenu par post-it<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6517\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.59.jpg\" alt=\"\" width=\"1484\" height=\"930\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.59.jpg 1484w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-20.56.59-768x481.jpg 768w\" sizes=\"(max-width: 1484px) 100vw, 1484px\" \/><\/p>\n<p>A ce stade l&rsquo;ordre n&rsquo;a que peu d&rsquo;importance puisque nous allons classer les contenus dans l&rsquo;\u00e9tape suivante.<\/p>\n<p>C&rsquo;est \u00e9galement le moment d&rsquo;ajouter les fonctionnalit\u00e9s et contenus suppl\u00e9mentaires dans votre liste dans le cadre d&rsquo;une refonte.<\/p>\n<p>En atelier, cet exercice peut \u00eatre tr\u00e8s long voir compliqu\u00e9 pour des utilisateurs ou d\u00e9cideurs qui ne sont pas habitu\u00e9s \u00e0 devoir d\u00e9couper les sites en modules. Il vaut donc parfois mieux ne pas le faire avec les clients et le pr\u00e9parer en amont.\u00a0 Il est aussi possible de commencer par la version post-it avec laquelle les gens sont souvent plus \u00e0 l&rsquo;aise et de passer ensuite sur une m\u00e9thode liste \/ tableau une fois que les personnes se sentent plus \u00e0 l&rsquo;aise et en confiance.<\/p>\n<h3>4.\u00a0Prioriser les contenus <em>mobile first<\/em><\/h3>\n<p>Comme indiqu\u00e9 plus haut, l&rsquo;\u00e9tape suivante est alors de\u00a0prioriser les modules les uns par rapport aux autres sur la page. Il s&rsquo;agit ici de faire une priorisation de mani\u00e8re hi\u00e9rarchique ind\u00e9pendamment du visuel de la page, mais vous allez bien souvent vous rendre compte que cette hi\u00e9rarchie va fortement influencer la mise en page.<\/p>\n<p>Si vous avez fait votre inventaire sur des post-its, reprenez-les et ordonnez-les sur le mur en une colonne, du plus important en haut au moins important en bas. Pour des sites tr\u00e8s complexes, on peut commencer par trier les post-its en 3 cat\u00e9gories,\u00a0\u201cIndispensables\u201d, \u201cUtiles\u201d, \u201c<em>Nice to have<\/em>\u201d et ensuite prioriser les post-it \u00e0 l&rsquo;int\u00e9rieur de ces cat\u00e9gories.<\/p>\n<p>En atelier, cette partie tr\u00e8s fun et ludique permet souvent aux diff\u00e9rentes \u00e9quipes (marketing, technique, design, etc.) d&rsquo;aligner leurs objectifs et de se mettre d&rsquo;accord sur les contenus de la page.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-6518 size-full\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-archi-info-mobile-02.jpg\" alt=\"\" width=\"1024\" height=\"433\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-archi-info-mobile-02.jpg 1024w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-archi-info-mobile-02-768x325.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><em>(Photo par Geoffrey Crofte)<\/em><\/p>\n<p>Si vous avez opt\u00e9 pour ma m\u00e9thode liste \/ tableau, vous allez attribuer des chiffres \u00e0 chaque contenu pour pouvoir les prioriser les uns par rapport aux autres (voir l&rsquo;exemple visuel dans les slides)<\/p>\n<h3>5.\u00a0Sketching de chor\u00e9graphie de contenus<\/h3>\n<p class=\"p1\"><span class=\"s1\">\u00c0 partir de votre colonne de Post-it\u00ae ou de votre liste de contenus class\u00e9s, vous avez plus ou moins d\u00e9j\u00e0 <\/span><span class=\"s2\">la structure pour le mobile<\/span><span class=\"s1\">. Construire un zoning ou wireframe de chor\u00e9graphie de contenu est donc \u00e0 ce stade grandement facilit\u00e9.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6519\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.01.03.jpg\" alt=\"\" width=\"1488\" height=\"936\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.01.03.jpg 1488w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.01.03-768x483.jpg 768w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><\/p>\n<p>Comme je le disais en atelier, ce n&rsquo;est pas aux d\u00e9veloppeurs et int\u00e9grateurs de devoir prendre les d\u00e9cisions de contenus pour les diff\u00e9rentes tailles d&rsquo;\u00e9cran. Fournir des maquettes du site dans 3 ou 4 tailles diff\u00e9rentes reste chronophage, un zoning ou simple wireframe papier peuvent souvent suffire.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6520\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.06.12.jpg\" alt=\"\" width=\"1494\" height=\"942\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.06.12.jpg 1494w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/architecture-information-web-mobile-screenshot-2017-10-10-a\u0300-21.06.12-768x484.jpg 768w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" \/><\/p>\n<h2>Les slides de l&rsquo;atelier<\/h2>\n<p><a href=\"https:\/\/speakerdeck.com\/stephaniewalter\/atelier-paris-web-une-architecture-dinformation-adaptee-au-mobile\">Les slides sont disponibles ici<\/a>\u00a0et ci-dessous :<\/p>\n<p><script async class=\"speakerdeck-embed\" data-id=\"d7f8eb25a3484398bdc883bdf504bf80\" data-ratio=\"1.6\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script><\/p>\n<h2>En conclusion<\/h2>\n<p>Je fais souvent ce genre d&rsquo;exercices avec des d\u00e9cideurs, des utilisateurs ou avec d&rsquo;autres designers et int\u00e9grateurs de l&rsquo;\u00e9quipe pour nous permettre de prendre les bonnes d\u00e9cisions en terme de mise en page. Dans le cadre d&rsquo;un atelier UX, il\u00a0 fonctionne bien avec 6 \u00e0 8 personnes maximum, au del\u00e0 \u00e7a devient difficile \u00e0 g\u00e9rer.<\/p>\n<p>Et encore une fois, un gros merci \u00e0 toutes les participantes et participants de mon atelier samedi :)<\/p>\n<p><em>** merci Geoffrey pour la relecture et le coup de main durant l&rsquo;atelier **<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>J&rsquo;ai donn\u00e9 samedi 7 octobre 2017\u00a0un atelier \u00e0 ParisWeb\u00a0pour aider les concepteurs webs, UX, int\u00e9grateurs, etc. \u00e0 construire une architecture d&rsquo;information adapt\u00e9e au mobile. Cet atelier de 1h30 propose des m\u00e9thodes et exercices de conception pour construire plus facilement une architecture d&rsquo;information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias. Ce sont des exercices qu&rsquo;il est possible de faire avec des clients, d\u00e9cideurs ou avec des utilisateurs.<\/p>\n","protected":false},"author":3,"featured_media":6510,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55,216],"tags":[],"class_list":["post-6506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-web-design","category-conferences-formations"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Construire Une Architecture d&#039;Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d&#039;information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.\" \/>\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\/architecture-information-optimisation-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Construire Une Architecture d&#039;Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d&#039;information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/\" \/>\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=\"2017-10-11T07:41:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-25T09:12:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/archi-info-mobile.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/\",\"name\":\"Construire Une Architecture d'Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg\",\"datePublished\":\"2017-10-11T07:41:15+00:00\",\"dateModified\":\"2019-03-25T09:12:53+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d'information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg\",\"width\":850,\"height\":350,\"caption\":\"Construire Une Architecture d\u2019Information\\u2028 adapt\u00e9e au Mobile - ParisWeb 2017\"},{\"@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":"Construire Une Architecture d'Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d'information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.","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\/architecture-information-optimisation-mobile\/","og_locale":"fr_FR","og_type":"article","og_title":"Construire Une Architecture d'Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d'information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-10-11T07:41:15+00:00","article_modified_time":"2019-03-25T09:12:53+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/archi-info-mobile.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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/","name":"Construire Une Architecture d'Information adapt\u00e9e au Mobile - ParisWeb 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg","datePublished":"2017-10-11T07:41:15+00:00","dateModified":"2019-03-25T09:12:53+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"M\u00e9thodes et exercices de conception pour construire plus facilement une architecture d'information et prioriser les contenus en fonction des diff\u00e9rentes tailles de m\u00e9dias.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/architecture-information-optimisation-mobile\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/archi-info-mobile.jpg","width":850,"height":350,"caption":"Construire Une Architecture d\u2019Information\u2028 adapt\u00e9e au Mobile - ParisWeb 2017"},{"@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\/6506","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=6506"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6506\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6510"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}