{"id":29552,"date":"2024-03-14T10:30:00","date_gmt":"2024-03-14T09:30:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=29552"},"modified":"2024-03-14T10:30:02","modified_gmt":"2024-03-14T09:30:02","slug":"wireframe-application-mobile","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/","title":{"rendered":"Comment cr\u00e9er un wireframe d&#8217;application mobile\u00a0?"},"content":{"rendered":"<p>Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un long travail de d\u00e9veloppement, parfois sem\u00e9 d\u2019emb\u00fbches.<\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/comment-choisir-entre-icones-solides-ou-filaires\">Choix des ic\u00f4nes<\/a>, navigation intuitive, lisibilit\u00e9 de la typographie&#8230; Rien ne peut \u00eatre laiss\u00e9 au hasard, et il s\u2019av\u00e8re crucial de profiter d\u2019une structure de conception vous permettant de rep\u00e9rer facilement les potentielles zones de blocage.<\/p>\n<p>C\u2019est ici qu\u2019interviennent les <a href=\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe\">wireframes<\/a> d\u2019application mobile, autrement appel\u00e9s \u00ab maquette fonctionnelle \u00bb ou \u00ab maquette fil de fer \u00bb. Retrouvez dans ce guide comment cr\u00e9er un wireframe d\u2019application mobile.<\/p>\n<h2>Qu\u2019est-ce qu\u2019un wireframe d&#8217;application mobile&nbsp;?<\/h2>\n<p>L\u2019objectif d\u2019un wireframe d\u2019application mobile est de vous offrir une vue d\u2019ensemble de votre projet de conception. Cette maquette fonctionnelle est un sch\u00e9ma qui r\u00e9pertorie les fonctionnalit\u00e9s de base de votre produit, ainsi que l\u2019agencement de tous les \u00e9l\u00e9ments qui composent vos pages d\u2019application.<\/p>\n<p>Ce type de wireframe s\u2019av\u00e8re particuli\u00e8rement important dans le cadre de la conception d\u2019une application mobile, en raison du format de l\u2019appareil. De par son petit \u00e9cran et le contr\u00f4le tactile, le Smartphone offre un espace limit\u00e9, ce qui limite aussi la fa\u00e7on dont on utilise les fonctions de l\u2019application.<\/p>\n<figure id=\"attachment_29554\" aria-describedby=\"caption-attachment-29554\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-29554\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/08\/wireframe.jpg\" alt=\"\" width=\"700\" height=\"495\" \/><figcaption id=\"caption-attachment-29554\" class=\"wp-caption-text\">Source&nbsp;: Mathieu Dupuis &#8211; Graphiste.com<\/figcaption><\/figure>\n<p>Cr\u00e9er une bonne <a href=\"https:\/\/graphiste.com\/blog\/tendances-design-application-mobile\">application mobile<\/a> demande donc beaucoup de planifications afin d\u2019offrir une navigation fluide, et la meilleure exp\u00e9rience utilisateur possible.<\/p>\n<h2>Cr\u00e9er un wireframe d&#8217;application mobile<\/h2>\n<p>Avant de d\u00e9marrer la conception de votre wireframe, vous devez inventorier tout le mat\u00e9riel n\u00e9cessaire, soit\u00a0:<\/p>\n<ul>\n<li>Les exigences du projet (fonctionnalit\u00e9s, exigences commerciales, exigences de conception&#8230;) ;<\/li>\n<li>Les informations n\u00e9cessaires \u00e0 l&#8217;utilisateur pour atteindre son objectif avec votre application (prix des produits, contact du support client&#8230;) ;<\/li>\n<li>La recherche utilisateurs (profils, sc\u00e9narios d&#8217;utilisateurs, flux).<\/li>\n<\/ul>\n<p>Ce n\u2019est qu\u2019une fois ces objectifs bien d\u00e9finis que vous pourrez d\u00e9marrer la conception de votre wireframe d\u2019application mobile.<\/p>\n<h2>L\u2019architecture des informations<\/h2>\n<p>Vous devez \u00e0 pr\u00e9sent structurer toutes les donn\u00e9es pr\u00e9c\u00e9demment r\u00e9unies. Le but est ici de hi\u00e9rarchiser ces \u00e9l\u00e9ments qui devront \u00eatre inclus dans le contenu de votre application.<\/p>\n<p>Classez-les en fonction de leur importance et de leur fonction, exactement comme dans un organigramme, afin d\u2019obtenir une architecture claire.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-29555 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/08\/architecture.jpg\" alt=\"guide-wireframe-application-mobile\" width=\"700\" height=\"394\" \/><\/p>\n<p>Une fois cette hi\u00e9rarchie d\u00e9finie, vous commencerez \u00e0 percevoir l\u2019\u00e9bauche de votre structure de navigation.<\/p>\n<h2>Structurer la navigation<\/h2>\n<p>Attardez-vous \u00e0 pr\u00e9sent sur le flux d&#8217;utilisateurs, soit le chemin que vos usagers doivent suivre dans votre application mobile pour parvenir \u00e0 y r\u00e9aliser une t\u00e2che.<\/p>\n<p>Cette \u00e9tape est essentielle pour vous aider \u00e0 concevoir une <a href=\"https:\/\/graphiste.com\/blog\/ui-ux-elements-navigation-a-connaitre\">navigation<\/a> parfaitement intuitive. Le but \u00e9tant que vos utilisateurs puissent utiliser votre structure de navigation facilement.<\/p>\n<p>Les \u00e9tapes de navigation doivent donc \u00eatre pr\u00e9cis\u00e9es dans votre wireframe d\u2019application mobile par le biais de textes courts d\u00e9crivant chaque \u00e9tape.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-29556 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/08\/flux-utilisateur.jpg\" alt=\"guide-wireframe-application-mobile\" width=\"700\" height=\"386\" \/><\/p>\n<p>En proc\u00e9dant ainsi, les donn\u00e9es fonctionnelles et la navigation de votre application sont mises en perspective. De fait, vous avez \u00e0 pr\u00e9sent une id\u00e9e plus nette de l\u2019organisation et du nombre d&#8217;\u00e9crans dont votre application a besoin.<\/p>\n<h2>Processus, composants et contenus<\/h2>\n<p>Sur ce m\u00eame sch\u00e9ma, incluez maintenant dans votre wireframe l\u2019ensemble des contenus, processus et composants n\u00e9cessaires au bon fonctionnement de votre application, comme la fonction de recherche, le processus de paiement, etc.<\/p>\n<h2>Mise en page<\/h2>\n<p>Il est temps de mettre en place votre <a href=\"https:\/\/graphiste.com\/blog\/outils-creer-wireframes-mockups\">wireframe<\/a> num\u00e9rique. Chaque \u00e9cran qui composera l\u2019application mobile est ainsi mis en page dans un ensemble de <a href=\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\">maquettes<\/a> pr\u00e9liminaires. Cette \u00e9tape est essentielle dans la cr\u00e9ation d\u2019une application mobile, en raison de l&#8217;espace disponible limit\u00e9 par la taille de l\u2019\u00e9cran d\u2019un Smartphone ou d\u2019une tablette.<\/p>\n<p>L&#8217;espace est ainsi divis\u00e9 et organis\u00e9 de mani\u00e8re \u00e0 refl\u00e9ter fid\u00e8lement l&#8217;architecture des donn\u00e9es pr\u00e9c\u00e9demment d\u00e9finie. M\u00eame si on ne r\u00e9fl\u00e9chit pas encore ici au design de l\u2019application, cette mise en page est autant visuelle que fonctionnelle, et aide \u00e0 comprendre l&#8217;\u00e9quilibre visuel entre l\u2019ensemble des \u00e9l\u00e9ments.<\/p>\n<figure id=\"attachment_29557\" aria-describedby=\"caption-attachment-29557\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-29557\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/08\/frank-mojica.jpg\" alt=\"guide-wireframe-application-mobile\" width=\"700\" height=\"386\" \/><figcaption id=\"caption-attachment-29557\" class=\"wp-caption-text\">Source&nbsp;: FrankMojica.design<\/figcaption><\/figure>\n<blockquote><p>Attention \u00e0 respecter les mod\u00e8les de conception de base des syst\u00e8mes d\u2019exploitation mobiles (on pense notamment aux ic\u00f4nes, aux boutons, etc.). Ces derniers sont bien connus et parfaitement compris par les utilisateurs.<\/p><\/blockquote>\n<h2>L&#8217;interaction<\/h2>\n<p>La majorit\u00e9 des wireframes se limitent \u00e0 des images statiques plac\u00e9es dans un PowerPoint, ce qui est bien dommage.<\/p>\n<p>En prenant le temps de lui ajouter des interactions, on peut cr\u00e9er un syst\u00e8me de navigation fonctionnel et test\u00e9 en temps r\u00e9el. Une excellente fa\u00e7on de vous assurer de l\u2019intuitivit\u00e9 de votre navigation.<\/p>\n<p>La forme du wireframe d&#8217;application mobile a tr\u00e8s peu d\u2019importance du moment qu\u2019il est interactif. M\u00eame s\u2019il s\u2019agit d\u2019une simple s\u00e9rie de cases et de lignes grises, le but est d\u2019obtenir un sch\u00e9ma de navigation vraiment r\u00e9aliste.<\/p>\n<p>Il en va d\u2019ailleurs de m\u00eame pour d\u2019autres composants essentiels de votre architecture (\u00e9tiquetage, syst\u00e8me de recherche, etc.) qui pourront ainsi \u00eatre valid\u00e9s en amont de la cr\u00e9ation de l\u2019application elle-m\u00eame.<\/p>\n<h2>Conclusion<\/h2>\n<p>Les wireframes <a href=\"https:\/\/graphiste.com\/blog\/site-mobile-responsive-design-application\">d&#8217;applications mobiles<\/a> ont cette facult\u00e9 \u00e0 rendre plus tangibles vos id\u00e9es, en les pr\u00e9sentant de mani\u00e8re simple. Ils vous permettent de rester concentr\u00e9 sur les \u00e9l\u00e9ments essentiels et fonctionnels de votre future application, de tester son intuitivit\u00e9, et vous aident ainsi \u00e0 vous am\u00e9liorer pour parvenir \u00e0 un produit parfaitement utilisable, quel que soit l&#8217;appareil exploit\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un long travail de d\u00e9veloppement, parfois sem\u00e9 d\u2019emb\u00fbches. Choix des ic\u00f4nes, navigation intuitive, lisibilit\u00e9 de la typographie&#8230; Rien ne peut \u00eatre laiss\u00e9 au hasard, et il s\u2019av\u00e8re crucial de profiter d\u2019une structure de [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":49628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[29],"tags":[69],"class_list":["post-29552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-mobile","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment cr\u00e9er un wireframe d&#039;application mobile\u00a0? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er un wireframe d&#039;application mobile\u00a0? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-14T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-14T09:30:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\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\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Comment cr\u00e9er un wireframe d&#8217;application mobile\u00a0?\",\"datePublished\":\"2024-03-14T09:30:00+00:00\",\"dateModified\":\"2024-03-14T09:30:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\"},\"wordCount\":984,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Application mobile\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\",\"name\":\"Comment cr\u00e9er un wireframe d'application mobile\u00a0? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png\",\"datePublished\":\"2024-03-14T09:30:00+00:00\",\"dateModified\":\"2024-03-14T09:30:02+00:00\",\"description\":\"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png\",\"width\":1024,\"height\":618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Application mobile\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/application-mobile\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Comment cr\u00e9er un wireframe d&#8217;application mobile\u00a0?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un wireframe d'application mobile\u00a0? - Graphiste Blog","description":"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un","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:\/\/graphiste.com\/blog\/wireframe-application-mobile\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un wireframe d'application mobile\u00a0? - Graphiste Blog","og_description":"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un","og_url":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2024-03-14T09:30:00+00:00","article_modified_time":"2024-03-14T09:30:02+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png","type":"image\/png"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Comment cr\u00e9er un wireframe d&#8217;application mobile\u00a0?","datePublished":"2024-03-14T09:30:00+00:00","dateModified":"2024-03-14T09:30:02+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/"},"wordCount":984,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Application mobile"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/","url":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/","name":"Comment cr\u00e9er un wireframe d'application mobile\u00a0? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png","datePublished":"2024-03-14T09:30:00+00:00","dateModified":"2024-03-14T09:30:02+00:00","description":"Aujourd\u2019hui, les applications mobiles font partie int\u00e9grante de nos vies. Si elles semblent couler de source pour le public, leur conception demande un","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/01\/Image-a-la-une-wireframe.png","width":1024,"height":618},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Application mobile","item":"https:\/\/graphiste.com\/blog\/webdesign\/application-mobile\/"},{"@type":"ListItem","position":4,"name":"Comment cr\u00e9er un wireframe d&#8217;application mobile\u00a0?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/29552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=29552"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/29552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/49628"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=29552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=29552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=29552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}