{"id":37025,"date":"2022-04-01T01:00:00","date_gmt":"2022-03-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=37025"},"modified":"2022-11-03T09:17:11","modified_gmt":"2022-11-03T08:17:11","slug":"maquette-application-mobile","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/","title":{"rendered":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir"},"content":{"rendered":"<p>Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour de l\u2019UX designer d\u2019entrer en sc\u00e8ne afin de concr\u00e9tiser visuellement votre id\u00e9e d\u2019application sous la forme d\u2019une maquette.<\/p>\n<p>La maquette d\u2019application mobile offre ainsi un premier aper\u00e7u du design et des diff\u00e9rentes interfaces qui composeront votre projet. L\u2019ensemble aura \u00e9galement pour but de r\u00e9fl\u00e9chir \u00e0 la meilleure des interfaces afin d\u2019offrir \u00e0 vos utilisateurs l\u2019exp\u00e9rience la plus parfaite possible.<\/p>\n<p>Cahier des charges, wireframe, exp\u00e9rience utilisateur, prototype interactif&#8230; Retrouvez nos <strong>10 astuces pour r\u00e9ussir votre maquette d\u2019application mobile<\/strong>.<\/p>\n<h2>Pourquoi cr\u00e9er une maquette d\u2019application mobile&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-37026\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/maquette-app.jpeg\" alt=\"Maquette d'application mobile\" width=\"700\" height=\"467\" \/><\/p>\n<p>En r\u00e9sum\u00e9, <strong>concevoir une maquette d\u2019application mobile<\/strong> permet de mettre en forme vos id\u00e9es. Les designers s\u2019appuient sur ce type de maquette pour concr\u00e9tiser visuellement le concept de votre future application. Ils peuvent alors faire appel \u00e0 leur cr\u00e9ativit\u00e9 afin de valoriser cette id\u00e9e.<\/p>\n<p>La maquette pr\u00e9sente ainsi&nbsp;:<\/p>\n<ul>\n<li>la structure,<\/li>\n<li>le contenu,<\/li>\n<li>et les fonctionnalit\u00e9s de l\u2019application.<\/li>\n<\/ul>\n<p>On y retrouve toutes les vues de l&#8217;app. agr\u00e9ment\u00e9es d\u2019images d&#8217;intention et de textes de substitution. Ces derniers ont pour objectif de visualiser l\u2019ensemble des \u00e9l\u00e9ments qui constitueront votre appli&nbsp;:<\/p>\n<ul>\n<li>le menu,<\/li>\n<li>les boutons d\u2019action,<\/li>\n<li>les images,<\/li>\n<li>les boutons de navigation,<\/li>\n<li>le panier,<\/li>\n<li>le tunnel d\u2019achat,<\/li>\n<li>l\u2019espace utilisateur,<\/li>\n<li>les fiches produits,<\/li>\n<li>la recherche,<\/li>\n<li>la Connexion \/ Inscription,<\/li>\n<li>l\u2019aide,<\/li>\n<li>les statistiques.<\/li>\n<\/ul>\n<p>Ce sch\u00e9ma offre ainsi une premi\u00e8re approche parlante de l\u2019application et permet d\u00e9j\u00e0 de mettre en lumi\u00e8re les \u00e9ventuels points de blocage. Par exemple&nbsp;:<\/p>\n<ul>\n<li>mon CTA m\u00e9rite un emplacement plus visible ;<\/li>\n<li>il faut r\u00e9duire le nombre de blocs de texte ;<\/li>\n<li>mes outils d\u2019aide doivent \u00eatre plus faciles \u00e0 trouver ;<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p>La maquette d\u2019application permet ainsi de travailler sur l&#8217;exp\u00e9rience utilisateur avant d\u2019aborder son aspect graphique.<\/p>\n<h2>10 astuces pour r\u00e9ussir une maquette d\u2019application mobile<\/h2>\n<p>Cr\u00e9er une maquette d\u2019application mobile ne s\u2019invente pas. L\u2019op\u00e9ration demande de suivre certaines \u00e9tapes bien d\u00e9finies.<\/p>\n<h3>1. Suivez un cahier des charges<\/h3>\n<p>La mise en \u0153uvre de votre maquette d\u2019application mobile doit n\u00e9cessairement suivre un <a href=\"https:\/\/graphiste.com\/blog\/rediger-cahier-des-charges\">cahier des charges<\/a> complet afin de favoriser une conception optimale.<\/p>\n<p>En r\u00e9sum\u00e9, le cahier des charges est un document fonctionnel et technique qui d\u00e9taille l\u2019ensemble des fonctionnalit\u00e9s de l\u2019appli, ainsi que sa charte graphique.<\/p>\n<p>En tant que designer du projet, vous devez donc \u00eatre force de proposition au moment de la lecture de ce document.<\/p>\n<h3>2. Listez toutes les fonctionnalit\u00e9s importantes<\/h3>\n<p>Cela peut para\u00eetre \u00e9vident, mais il est absolument essentiel de lister toutes les fonctionnalit\u00e9s importantes de l\u2019application, afin d\u2019\u00eatre certain de n\u2019en oublier aucune.<\/p>\n<p>Un oubli de ce type peut facilement engendrer des retards importants de d\u00e9veloppement. En effet, ajouter une fonctionnalit\u00e9 impr\u00e9vue peut radicalement modifier toute l\u2019arborescence de votre app.<\/p>\n<h3>3. Suivez bien les \u00e9tapes<\/h3>\n<p>La conception d\u2019une <strong>maquette d\u2019application mobile r\u00e9ussie<\/strong> passe par une bonne organisation.<\/p>\n<p>Commencez donc par r\u00e9fl\u00e9chir d\u2019abord \u00e0 l&#8217;architecture de l&#8217;application (les menus et les liens entre les \u00e9l\u00e9ments).<\/p>\n<p>Passez ensuite \u00e0 son organisation \u00e9cran par \u00e9cran en d\u00e9limitant les zones d\u2019interaction de l\u2019appli&nbsp;:<\/p>\n<ul>\n<li>les liens entre les \u00e9l\u00e9ments de la maquette ;<\/li>\n<li>les actions que doivent mener les utilisateurs pour interagir avec les \u00e9l\u00e9ments (cliquer, glisser\u2026)<\/li>\n<\/ul>\n<h3>4. Concevez un wireframe qui va \u00e0 l\u2019essentiel<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-37027\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/wireframe-app.jpeg\" alt=\"Conception d'un wireframe\" width=\"700\" height=\"659\" \/><\/p>\n<p>La \u00ab maquette fonctionnelle \u00bb, plus commun\u00e9ment appel\u00e9e wireframe, est une <strong>\u00e9bauche, un croquis de la maquette d\u2019application mobile<\/strong>. Il n\u2019a donc pas pour vocation d\u2019\u00eatre d\u00e9taill\u00e9, mais de pr\u00e9senter globalement la structure de l\u2019appli. Il doit donc \u00eatre cr\u00e9\u00e9 avant la maquette elle-m\u00eame.<\/p>\n<p>\u00c0 cette \u00e9tape du projet, inutile donc de perdre du temps en d\u00e9tails superflus, il faut aller \u00e0 l\u2019essentiel. Positionnez simplement vos \u00e9l\u00e9ments sous forme de rectangles (zones de textes, liens, boutons, CTA, menu&#8230;) les textes et images viendront plus tard. Vous pouvez en revanche faire figurer les connexions entre vos diff\u00e9rents \u00e9l\u00e9ments en les pr\u00e9sentant sous forme de fl\u00e8ches.<\/p>\n<h3>5. Restez bref tout au long du processus<\/h3>\n<p>Une fois le wireframe achev\u00e9, il est temps de passer \u00e0 la maquette d\u2019application mobile en tant que telle.<\/p>\n<p>L\u00e0 encore, vous devez vous astreindre \u00e0 la sobri\u00e9t\u00e9, en \u00e9vitant de perdre votre temps \u00e0 trop d\u00e9tailler votre maquette.<\/p>\n<p>Vous pourrez prendre le temps de la peaufiner une fois que les premiers \u00e9crans auront \u00e9t\u00e9 valid\u00e9s.<\/p>\n<h3>6. Pensez UX design<\/h3>\n<p><strong>Cr\u00e9er une maquette d\u2019application mobile<\/strong> demande de se mettre \u00e0 la place de l\u2019utilisateur final, en essayant de r\u00e9fl\u00e9chir comme le ferait ce dernier. Il s\u2019agit l\u00e0 de la meilleure fa\u00e7on de favoriser l\u2019intuitivit\u00e9 et la simplicit\u00e9 d&#8217;utilisation de l\u2019application, et d\u2019offrir une exp\u00e9rience utilisateur optimale.<\/p>\n<p>Aussi, <a href=\"https:\/\/graphiste.com\/blog\/tendances-ux-ui-2022\">pensez UX avant de penser UI<\/a>, car l\u2019exp\u00e9rience de vos utilisateurs aura un impact consid\u00e9rable sur le succ\u00e8s de votre application. Un utilisateur bloqu\u00e9 qui ne comprend pas le fonctionnement de l\u2019appli, n\u2019est rien de moins que le pire qu\u2019il puisse se passer ici.<\/p>\n<h3>7. Travaillez sur un petit format d\u2019\u00e9cran<\/h3>\n<p>Travailler sur un \u00e9cran de petite taille est une n\u00e9cessit\u00e9 lorsqu\u2019on cr\u00e9er une maquette d\u2019application mobile. Le but est ici de se rapprocher au maximum du rendu final de l\u2019appli sur un \u00e9cran de Smartphone.<\/p>\n<p>En effet, m\u00eame si la taille des \u00e9crans de Smartphone a tendance \u00e0 \u00eatre de plus en plus importante, vous devrez r\u00e9pondre \u00e0 la grande disparit\u00e9 de dimensions de ces appareils.<\/p>\n<p>Prenons ici un exemple concret&nbsp;: l\u00e0 o\u00f9 vous pourrez afficher jusqu\u2019\u00e0 6 produits sur l\u2019\u00e9cran de certains mod\u00e8les, il ne sera possible d\u2019en afficher que 4 sur d\u2019autres. Dans ce second cas, vous devrez donc penser \u00e0 int\u00e9grer un scroll dans la vue.<\/p>\n<h3>8. Mettez de la couleur<\/h3>\n<p>En mati\u00e8re de design, la maquette offre une parfaite occasion pour cr\u00e9er la palette chromatique de votre application mobile. Celle-ci doit \u00e9videmment coller \u00e0 la charte graphique de la marque commanditaire, mais pas seulement.<\/p>\n<p>En effet, la couleur est aussi un outil exploit\u00e9 par les UX designers, puisqu\u2019elle permet de guider l&#8217;utilisateur dans sa navigation. Votre palette chromatique joue ainsi un r\u00f4le pr\u00e9pond\u00e9rant dans l\u2019exp\u00e9rience utilisateur de votre appli.<\/p>\n<h3>9. Pr\u00e9voyez un prototype interactif de l\u2019application<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-37028\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/ux-connexion-app.jpeg\" alt=\"maquette interactive d'application\" width=\"700\" height=\"467\" \/><\/p>\n<p>Le prototype est une version tr\u00e8s aboutie de la maquette d\u2019application que l\u2019on con\u00e7oit juste avant d\u2019entamer le d\u00e9veloppement. La grande nouveaut\u00e9 ici est l\u2019ajout d\u2019interactions. En effet, le prototype est \u00e9galement appel\u00e9 maquette interactive.<\/p>\n<p>Le prototype doit donc bouger afin de mettre visuellement en exergue les interactions entre les \u00e9l\u00e9ments de la maquette&nbsp;:<\/p>\n<ul>\n<li>menus,<\/li>\n<li>boutons,<\/li>\n<li>pop-up.<\/li>\n<\/ul>\n<p>La maquette interactive permet ainsi un premier test concret de l\u2019application.<\/p>\n<h3>10. Testez encore et encore<\/h3>\n<p>Nous l\u2019avons vu, l\u2019exp\u00e9rience utilisateur doit \u00eatre le fil conducteur de toutes les \u00e9tapes de conception de votre maquette d\u2019application.<\/p>\n<p>Le conseil suivant n\u2019a donc rien de surprenant&nbsp;: testez et re-testez vos maquettes sans mod\u00e9ration&nbsp;! Il s\u2019agit l\u00e0 de la meilleure fa\u00e7on de mettre en lumi\u00e8re les \u00e9ventuels points de blocage de vos futurs utilisateurs.<\/p>\n<p>Ainsi, votre maquette ne sera pr\u00eate \u00e0 \u00eatre confi\u00e9e au d\u00e9veloppeur qu\u2019une fois sa navigation parfaitement fluide.<\/p>\n<h2>Quelques outils pour cr\u00e9er une maquette d\u2019application mobile r\u00e9ussie<\/h2>\n<p>Il existe de nombreux outils pour vous aider \u00e0 concevoir (et r\u00e9ussir) ce type de maquette. On pense notamment \u00e0&nbsp;:<\/p>\n<ul>\n<li>Adobe XD, un outil de conception d&#8217;exp\u00e9rience utilisateur qui se destine aux applications Web et mobiles.<\/li>\n<li>Sketch, un \u00e9diteur de graphiques vectoriels qui permet d\u2019acc\u00e9l\u00e9rer significativement le travail de maquettage.<\/li>\n<li>Moqups, un outil web collaboratif et puissant, parfait pour partager diff\u00e9rentes maquettes avec vos \u00e9quipes, et qui offre de multiples fonctionnalit\u00e9s de design.<\/li>\n<li>Axure RP, un outil UX qui permet de cr\u00e9er des prototypes r\u00e9alistes et fonctionnels en toute simplicit\u00e9.<\/li>\n<li>Balsamiq Mockups, l&#8217;un des outils de wireframing les plus rapides et le plus cibl\u00e9s du secteur.<\/li>\n<li>Cacoo, un logiciel collaboratif d\u00e9di\u00e9 \u00e0 la cr\u00e9ation de maquettes fonctionnelles pour les applications mobiles (il permet \u00e9galement de cr\u00e9er des organigrammes et diagrammes).<\/li>\n<li>Figma, un outil web professionnel qui permet de cr\u00e9er des prototypes interactifs tout en restant facile d\u2019acc\u00e8s et d\u2019utilisation.<\/li>\n<li>Framer, un outil de maquettage \u00e9labor\u00e9 qui offre des designs interactifs et collaboratifs.<\/li>\n<li>Gliffy, un outil en ligne qui permet de concevoir des maquettes d\u2019application et des diagrammes d\u00e9taill\u00e9s.<\/li>\n<li>iPlotz, un outil de maquettage qui offre notamment une visualisation en direct de vos maquettes sur le web.<\/li>\n<li>Wireframe.cc, un outil en ligne minimaliste, mais surtout tr\u00e8s pratique et efficace pour cr\u00e9er une maquette d\u2019application mobile.<\/li>\n<\/ul>\n<h2>Notre astuce r\u00e9aliser une maquette d&#8217;application mobile<\/h2>\n<p>De la parfaite conception de votre maquette d\u2019application mobile d\u00e9pend toute son intuitivit\u00e9 et sa fonctionnalit\u00e9.<\/p>\n<p>Le professionnalisme d\u2019un UX designer comp\u00e9tent s\u2019av\u00e8re ici le meilleur des outils pour concevoir la maquette de votre application.<\/p>\n<p>\u00c0 cette fin, la plateforme <a href=\"https:\/\/graphiste.com\/\" target=\"\u201d_blank\u201d\" rel=\"\u201dnoopener\u201d\/ noopener noreferrer\">Graphiste.com<\/a> met \u00e0 votre disposition les portfolios de designers professionnels tr\u00e8s talentueux. D\u00e9posez une annonce gratuitement et faites r\u00e9aliser la maquette de votre application mobile par un graphiste professionnel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour de l\u2019UX designer d\u2019entrer en sc\u00e8ne afin de concr\u00e9tiser visuellement votre id\u00e9e d\u2019application sous la forme d\u2019une maquette. La maquette d\u2019application mobile offre ainsi un premier aper\u00e7u du design et des [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":37029,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[29],"tags":[69],"class_list":["post-37025","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>Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour\" \/>\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\/maquette-application-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/maquette-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=\"2022-03-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:17:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir\",\"datePublished\":\"2022-03-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:17:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/\"},\"wordCount\":1622,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Application mobile\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/\",\"url\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/\",\"name\":\"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg\",\"datePublished\":\"2022-03-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:17:11+00:00\",\"description\":\"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir\"}]},{\"@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":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog","description":"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour","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\/maquette-application-mobile\/","og_locale":"fr_FR","og_type":"article","og_title":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog","og_description":"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour","og_url":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-03-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:17:11+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg","type":"image\/jpeg"}],"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":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir","datePublished":"2022-03-31T23:00:00+00:00","dateModified":"2022-11-03T08:17:11+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/"},"wordCount":1622,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Application mobile"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/","url":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/","name":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg","datePublished":"2022-03-31T23:00:00+00:00","dateModified":"2022-11-03T08:17:11+00:00","description":"Avant de cr\u00e9er votre propre application mobile, il faut \u00e9videmment en d\u00e9finir l\u2019objectif et l\u2019int\u00e9r\u00eat pour les utilisateurs. Une fois fait, c\u2019est au tour","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/maquette-application-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/04\/reussir-maquette-application-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/maquette-application-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Maquette application mobile\u00a0: 10 astuces pour la r\u00e9ussir"}]},{"@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\/37025","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=37025"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/37025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/37029"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=37025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=37025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=37025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}