﻿{"id":3165,"date":"2020-11-03T10:24:35","date_gmt":"2020-11-03T09:24:35","guid":{"rendered":"https:\/\/www.sortlist.be\/fr\/blog\/?p=3165"},"modified":"2020-11-03T10:24:35","modified_gmt":"2020-11-03T09:24:35","slug":"design-applications-mobiles","status":"publish","type":"post","link":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/","title":{"rendered":"S\u2019approprier les cl\u00e9s du design d\u2019applications mobiles"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Plus de dix ans apr\u00e8s le lancement des premiers smartphones grand public, les applications mobiles sont devenues courantes pour la majorit\u00e9 d&rsquo;entre nous. Si l\u2019effet de surprise et d\u2019innovation est pass\u00e9, il n\u2019en reste pas moins que disposer de sa propre <a href=\"https:\/\/www.sortlist.fr\/app-mobile\" target=\"_blank\" rel=\"noopener noreferrer\">application mobile<\/a> est un s\u00e9rieux avantage quand on veut mettre un service ou du contenu directement dans les mains des utilisateurs.<\/span><br \/>\n<span style=\"font-weight: 400\">Malgr\u00e9 tout, concevoir une application aujourd\u2019hui implique de respecter un certain nombre de bonnes pratiques qui ont \u00e9merg\u00e9 \u00e0 force d\u2019\u00eatre appliqu\u00e9es sur de nouveaux concepts. Qu\u2019il s\u2019agisse de la logique de navigation, du confort visuel ou m\u00eame de la charge mentale, tous ces aspects ont un impact significatif sur l\u2019usage de vos applis et la satisfaction de vos utilisateurs. Lorsque l\u2019on sait par exemple qu\u2019en 2017, 21 % des utilisateurs \u00e2g\u00e9s entre 20 et 30 ans ont supprim\u00e9 une application de leur appareil mobile parce que le logo ne leur plaisait pas, il devient clair que rien ne doit \u00eatre laiss\u00e9 au hasard.<\/span><\/p>\n<h2><b>Pourquoi proposer une application mobile ?<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Lorsque cette question se pose, elle est souvent mise en face de celle du site Internet. Pourquoi cr\u00e9er une application plut\u00f4t qu\u2019un site Internet ? Sachant qu\u2019il est maintenant possible de compacter des sites Internet pour en faire des applications, la r\u00e9flexion est l\u00e9gitime.<\/span><br \/>\n<span style=\"font-weight: 400\">En l&rsquo;occurrence, les deux approches sont compl\u00e9mentaires. Il ne s\u2019agit pas ici de technique mais bien d\u2019ergonomie et de design graphique. Ces \u00e9l\u00e9ments ne sont pas li\u00e9s \u00e0 la technologie que vous utiliserez, puisque les applications actuelles et les sites Internet se ressemblent de plus en plus. \u00c0 l\u2019inverse, les deux devraient \u00eatre pour vous une source d\u2019inspiration. Il y a du bon \u00e0 prendre partout et il est capital de rester ouvert \u00e0 de nouvelles propositions et de surveiller les tendances.<\/span><\/p>\n<h2><b>Se concentrer sur ce qui est important<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Dans l\u2019absolu, tous les aspects de votre application sont importants. N\u00e9anmoins, certains sont prioritaires par rapport \u00e0 d\u2019autres et il convient de garder certaines r\u00e8gles \u00e9l\u00e9mentaires \u00e0 l\u2019esprit. Voici les plus importantes.<\/span><\/p>\n<h3><b>Privil\u00e9gier l\u2019ergonomie au design graphique<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Votre utilisateur va t\u00e9l\u00e9charger votre application avec un objectif en t\u00eate. Il souhaite accomplir quelque chose ou recevoir une information sp\u00e9cifique : c\u2019est ce qui le motive \u00e0 se procurer votre application. Il est donc indispensable que la r\u00e9alisation de cet objectif soit la plus simple et la plus directe possible.<\/span><br \/>\n<span style=\"font-weight: 400\">Pour ce faire, vos \u00e9crans doivent rester lisibles \u00e0 tout moment : vous pouvez vous en assurer en ajustant le contraste des \u00e9l\u00e9ments et en r\u00e9duisant la quantit\u00e9 de boutons ou de textes \u00e0 lire. Des <\/span><a href=\"https:\/\/webaim.org\/resources\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">outils sont disponibles en ligne<\/span><\/a><span style=\"font-weight: 400\"> pour v\u00e9rifier que vos cr\u00e9ations restent accessibles \u00e0 tous.<\/span><br \/>\n<span style=\"font-weight: 400\">L\u2019ergonomie se divise en deux cat\u00e9gories : l\u2019exp\u00e9rience utilisateur (UX) et l\u2019interface utilisateur (UI).<\/span><\/p>\n<h3><b>Rendre l\u2019exp\u00e9rience simple<\/b><\/h3>\n<p><span style=\"font-weight: 400\">T\u00e9l\u00e9chargez une nouvelle application, inscrivez-vous et commencez \u00e0 l\u2019utiliser. Apr\u00e8s 10 minutes pass\u00e9es dessus, notez ce qui vous a plu et ce qui vous a d\u00e9plu \u00e0 l\u2019usage. Parmi les aspects importants, on retrouve des \u00e9l\u00e9ments r\u00e9currents.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">L\u2019inscription \u00e9tait-elle facile ?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Avez-vous compris rapidement comment naviguer ?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Trouver un contenu sp\u00e9cifique est-il facile ?<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Partager un contenu attrayant est-il possible ? Comment ?<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">La plupart des applications se concentrent sur la diffusion et le partage d\u2019informations. D\u2019autres pr\u00e9f\u00e8rent mettre l\u2019accent sur la cr\u00e9ation ou la consommation de contenus. Dans tous les cas, l\u2019acc\u00e8s, la navigation et le partage sont des op\u00e9rations pratiquement incontournables que vous devrez optimiser.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Privil\u00e9giez les r\u00e9seaux sociaux pour cr\u00e9er un compte ou autorisez l\u2019utilisateur \u00e0 utiliser l\u2019appli sans avoir \u00e0 se connecter.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">L\u2019int\u00e9gration d\u2019une barre de recherche avec des suggestions dynamiques est un plus ind\u00e9niable.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Limiter les notifications envahissantes et proposer un syst\u00e8me flexible pour les configurer ne peut que vous aider \u00e0 rester un peu plus longtemps dans le t\u00e9l\u00e9phone de vos utilisateurs.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Tous ces \u00e9l\u00e9ments font partie de <a href=\"https:\/\/www.sortlist.be\/fr\/blog\/ux-comment-trouver-les-vrais-besoins-des-visiteurs-de-votre-site-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">l\u2019exp\u00e9rience utilisateur (UX)<\/a>. Certaines applications le font tr\u00e8s bien.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.gamepass\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Xbox Game Pass<\/span><\/a><span style=\"font-weight: 400\"> propose une interface tr\u00e8s compl\u00e8te et graphique dans laquelle chaque chose est \u00e0 sa place.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.microsoft.office.outlook\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Microsoft Outlook<\/span><\/a> <span style=\"font-weight: 400\">dispose d\u2019un mode clair et d\u2019un mode sombre ainsi que d\u2019une exp\u00e9rience tr\u00e8s bien int\u00e9gr\u00e9e \u00e0 Android.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.skype.raider\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Skype<\/span><\/a><span style=\"font-weight: 400\"> est un outil de communication qui a tr\u00e8s bien g\u00e9r\u00e9 sa transition du bureau vers le mobile en reprenant les \u00e9l\u00e9ments essentiels pour l\u2019utilisateur.<\/span><\/li>\n<\/ul>\n<h3><b>All\u00e9ger les interfaces<\/b><\/h3>\n<p><span style=\"font-weight: 400\">L\u2019\u00e9cran de votre utilisateur est tout petit, m\u00eame avec les plus grands smartphones du march\u00e9. Exit les dalles de 24 ou 32 pouces pour des t\u00e9l\u00e9phones qui exc\u00e8dent rarement 7 ou 8 pouces dans le meilleur des cas. Il faut donc utiliser l\u2019espace intelligemment et modifier les \u00e9l\u00e9ments affich\u00e9s selon le contexte. Dans ce cas, il convient de penser l\u2019interface de votre application avec les pratiques suivantes en t\u00eate.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Utilisez moins de textes et plus d&rsquo;ic\u00f4nes pour naviguer, cela all\u00e9gera l\u2019interface et vous \u00e9pargnera la traduction dans diff\u00e9rentes langues.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Privil\u00e9giez des polices lisibles et faites des recherches sur l&rsquo;usage de certaines typos selon le contexte. Cet <\/span><a href=\"https:\/\/www.sortlist.be\/fr\/blog\/charte-graphique-les-recettes-secretes-de-spotify-uber-et-yelp\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">article<\/span><\/a><span style=\"font-weight: 400\"> pr\u00e9sente les bonnes pratiques \u00e0 conna\u00eetre en mati\u00e8re de charte graphique.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Attention au contraste ! Si votre contenu n\u2019est pas lisible pour des probl\u00e8mes de couleurs entre le fond et le texte, vous pourriez perdre des utilisateurs. <\/span><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Cet outil<\/span><\/a><span style=\"font-weight: 400\"> peut vous aider \u00e0 v\u00e9rifier que le probl\u00e8me ne se pose pas.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All\u00e9gez chaque \u00e9cran et ajoutez des \u00e9tapes de navigation pour que tous vos \u00e9crans restent lisible.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Utilisez un style visuel coh\u00e9rent en adoptant <\/span><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Flat_design\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">le flat<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Material_Design\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">le material<\/span><\/a><span style=\"font-weight: 400\"> ou <\/span><a href=\"https:\/\/www.microsoft.com\/design\/fluent\/#\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">le fluent design<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Certaines applications ont tr\u00e8s bien adopt\u00e9 ces pratiques et r\u00e9ussissent \u00e0 sortir du lot sur t\u00e9l\u00e9phone mobile et tablette.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.asana.app\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Asana<\/span><\/a><span style=\"font-weight: 400\">, une application de gestion de projet, profite d\u2019une int\u00e9gration du flat design tout \u00e0 fait r\u00e9ussie et coh\u00e9rente.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.facebook.katana\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Facebook<\/span><\/a><span style=\"font-weight: 400\"> n\u2019utilise le texte que pour les publications des utilisateurs et \u00e0 certains endroits des pages. La navigation se fait uniquement \u00e0 l\u2019aide d\u2019ic\u00f4nes.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.spotify.music\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Spotify<\/span><\/a><span style=\"font-weight: 400\"> a choisi d\u2019utiliser un arri\u00e8re-plan noir uni avec du texte blanc pour maximiser la lisibilit\u00e9 des contenus.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.netflix.mediaclient\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Netflix<\/span><\/a><span style=\"font-weight: 400\"> propose une navigation en plusieurs \u00e9tapes entre la page d\u2019accueil et la lecture d\u2019une s\u00e9rie, pour que l\u2019utilisateur ne souffre pas d\u2019une charge mentale trop importante.<\/span><\/li>\n<\/ul>\n<h2><b>Comment cr\u00e9er le design de son application<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Le travail d\u2019un ergonome ou d\u2019un graphiste n\u2019est pas imm\u00e9diat. Il faut respecter un processus cr\u00e9atif que chacun s\u2019approprie diff\u00e9remment. Cependant, si les sensibilit\u00e9s sont diff\u00e9rentes, il n\u2019en reste pas moins que l\u2019approche m\u00e9thodique du travail est souvent la m\u00eame.<\/span><\/p>\n<h3><b>Cr\u00e9er une maquette<\/b><\/h3>\n<p><span style=\"font-weight: 400\">La maquette est un outil indispensable qui permet de mettre \u00e0 plat le parcours de l\u2019utilisateur et le contenu de chaque \u00e9cran. Naturellement, il vous faudra it\u00e9rer, tester et am\u00e9liorer votre parcours utilisateur et le contenu de vos \u00e9crans au fil du temps.<\/span><br \/>\n<span style=\"font-weight: 400\">Des logiciels existent pour simplifier le processus et ne pas tout dessiner \u00e0 la main ou dans Photoshop. Adobe XD est une alternative int\u00e9ressante m\u00eame si de nombreux sp\u00e9cialistes pr\u00e9f\u00e8reront <\/span><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Figma<\/span><\/a><span style=\"font-weight: 400\">. Pour une approche initiale, Adobe XD est tout \u00e0 fait satisfaisant, et vous trouverez m\u00eame des <\/span><a href=\"https:\/\/openclassrooms.com\/fr\/courses\/3014016-realisez-la-maquette-d-une-application-mobile-avec-adobe-xd\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">cours en ligne<\/span><\/a><span style=\"font-weight: 400\"> pour apprendre \u00e0 vous en servir.<\/span><\/p>\n<h3><b>Cr\u00e9er une identit\u00e9 visuelle<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Un logo, des couleurs, une typographie et une structure de contenus constituent la base de toute <a href=\"https:\/\/www.sortlist.be\/fr\/blog\/comment-creer-une-identite-visuelle-forte-et-efficace-pour-votre-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">identit\u00e9 visuelle<\/a>. Peu importe le produit ou le service, une identit\u00e9 visuelle v\u00e9hicule des valeurs et des \u00e9motions. Ici, les d\u00e9tails comptent, puisqu\u2019un simple changement de couleur pourra significativement alt\u00e9rer la perception que vos utilisateurs ont de vous.<\/span><br \/>\n<span style=\"font-weight: 400\">Il vous faudra donc cibler vos valeurs fondamentales gr\u00e2ce \u00e0 des mots-cl\u00e9s et y associer des formes et des couleurs. En vous appuyant sur les philosophies de design \u00e9voqu\u00e9es plus t\u00f4t, vous garantissez une coh\u00e9rence dans l\u2019identit\u00e9 de votre application.<\/span><\/p>\n<h3><b>Prototyper rapidement<\/b><\/h3>\n<p><span style=\"font-weight: 400\">\u00c0 la diff\u00e9rence d\u2019une maquette sommaire, un prototype doit \u00eatre navigable m\u00eame si les contenus sont factices. Il adopte \u00e9galement le langage visuel choisi et refl\u00e8te la vision finale de votre produit. Le prototype doit \u00eatre r\u00e9alis\u00e9 rapidement pour recueillir les avis de vos utilisateurs, qui vous aideront \u00e0 am\u00e9liorer votre application.<\/span><br \/>\n<span style=\"font-weight: 400\">Avant de lancer la version officielle, vous pouvez inviter un cercle restreint d\u2019utilisateurs \u00e0 tester une version avanc\u00e9e de votre application en cours de d\u00e9veloppement. Les retours sont pr\u00e9cieux \u00e0 ce stade et permettent d\u2019\u00e9viter de gros impr\u00e9vus \u00e0 la sortie.<\/span><\/p>\n<h3><b>Collecter des donn\u00e9es anonymement<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Avec le consentement de vos utilisateurs, vous pouvez collecter anonymement des donn\u00e9es sur les pages les plus vues, le temps pass\u00e9 sur certaines d\u2019entre elles et la vitesse globale de navigation. <\/span><a href=\"https:\/\/analytics.google.com\/analytics\/web\/provision\/#\/provision\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400\">Google Analytics<\/span><\/a><span style=\"font-weight: 400\"> est un tr\u00e8s bon outil pour ce genre de choses, et vous permettra de cibler sp\u00e9cifiquement les pages les moins visit\u00e9es. Ainsi, vous saurez o\u00f9 concentrer votre travail.<\/span><\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400\">La cr\u00e9ation d\u2019une application peut prendre du temps mais le jeu en vaut la chandelle. Vous vous retrouverez \u00e0 port\u00e9e de main de chacun de vos utilisateurs et pourrez tisser avec eux une relation privil\u00e9gi\u00e9e. Restez \u00e0 l\u2019\u00e9coute des retours et surveillez la navigation globale pour cibler les points \u00e0 am\u00e9liorer et ceux qui fonctionnent bien. De plus, nous ne pouvons que vous conseiller de travailler avec une <a href=\"https:\/\/www.sortlist.fr\/app-mobile\" target=\"_blank\" rel=\"noopener noreferrer\">agence sp\u00e9cialis\u00e9e en d\u00e9veloppement d&rsquo;application mobile<\/a> pour mener \u00e0 bien votre projet.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Plus de dix ans apr\u00e8s le lancement des premiers smartphones grand public, les applications mobiles sont devenues courantes pour la majorit\u00e9 d&rsquo;entre nous. Si l\u2019effet de surprise et d\u2019innovation est pass\u00e9, il n\u2019en reste pas moins que disposer de sa propre application mobile est un s\u00e9rieux avantage quand on veut mettre un service ou du [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":3166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,35],"class_list":["post-3165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creative-design","category-mobile-app-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog<\/title>\n<meta name=\"description\" content=\"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d&#039;application mobile ?\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d&#039;application mobile ?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-03T09:24:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tancr\u00e8de d&#039;Aspremont Lynden\" \/>\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:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/\",\"name\":\"Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg\",\"datePublished\":\"2020-11-03T09:24:35+00:00\",\"dateModified\":\"2020-11-03T09:24:35+00:00\",\"author\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/4fcda7fb451a474950b4b5162765184d\"},\"description\":\"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d'application mobile ?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg\",\"contentUrl\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"design mobile app\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u2019approprier les cl\u00e9s du design d\u2019applications mobiles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#website\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/\",\"name\":\"Sortlist Blog\",\"description\":\"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/4fcda7fb451a474950b4b5162765184d\",\"name\":\"Tancr\u00e8de d'Aspremont Lynden\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_17_1625133425-96x96.png\",\"contentUrl\":\"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_17_1625133425-96x96.png\",\"caption\":\"Tancr\u00e8de d'Aspremont Lynden\"},\"description\":\"Content Manager chez Sortlist. Son travail lui donne l'ocasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \\\"Beyond Marketing\\\".\",\"url\":\"https:\/\/www.sortlist-test.be\/fr\/blog\/author\/tancrede\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog","description":"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d'application mobile ?","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog","og_description":"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d'application mobile ?","og_url":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/","og_site_name":"Sortlist Blog","article_published_time":"2020-11-03T09:24:35+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg","type":"image\/jpeg"}],"author":"Tancr\u00e8de d'Aspremont Lynden","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Tancr\u00e8de d'Aspremont Lynden","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/","name":"Application Mobile : Comment r\u00e9aliser un design efficace ? | Sortlist Blog","isPartOf":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg","datePublished":"2020-11-03T09:24:35+00:00","dateModified":"2020-11-03T09:24:35+00:00","author":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/4fcda7fb451a474950b4b5162765184d"},"description":"Dans cet article, nous revenons sur toutes les \u00e9tapes \u00e0 suivre pour cr\u00e9er un design d'application mobile ?","breadcrumb":{"@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#primaryimage","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg","contentUrl":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-content\/uploads\/sites\/8\/2020\/11\/rami-al-zayat-w33-zg-dnl4-unsplash-scaled.jpg","width":2560,"height":1707,"caption":"design mobile app"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/design-applications-mobiles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist-test.be\/fr\/blog\/"},{"@type":"ListItem","position":2,"name":"S\u2019approprier les cl\u00e9s du design d\u2019applications mobiles"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#website","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/","name":"Sortlist Blog","description":"Guides, e-books, interviews &amp; articles d\u2019experts pour vous lancer dans le marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist-test.be\/fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/4fcda7fb451a474950b4b5162765184d","name":"Tancr\u00e8de d'Aspremont Lynden","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.sortlist-test.be\/fr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_17_1625133425-96x96.png","contentUrl":"https:\/\/blog.production.sortlist.cloud\/wp-content\/uploads\/2021\/07\/avatar_user_17_1625133425-96x96.png","caption":"Tancr\u00e8de d'Aspremont Lynden"},"description":"Content Manager chez Sortlist. Son travail lui donne l'ocasion de combiner ses deux passions : la cr\u00e9ation de contenu et le marketing. Lorsqu'il n'\u00e9crit pas d'articles pour notre blog, il anime le podcast \"Beyond Marketing\".","url":"https:\/\/www.sortlist-test.be\/fr\/blog\/author\/tancrede\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts\/3165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/comments?post=3165"}],"version-history":[{"count":0,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/posts\/3165\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/media\/3166"}],"wp:attachment":[{"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/media?parent=3165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist-test.be\/fr\/blog\/wp-json\/wp\/v2\/categories?post=3165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}