{"id":12116,"date":"2017-08-08T14:00:24","date_gmt":"2017-08-08T13:00:24","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=12116"},"modified":"2017-07-19T16:13:02","modified_gmt":"2017-07-19T15:13:02","slug":"web-design-native-hybride-ou-responsive-quel-format-est-fait-pour-votre-application-mobile","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/web-design-native-hybride-ou-responsive-quel-format-est-fait-pour-votre-application-mobile-2017-08-08","title":{"rendered":"Web design : native, hybride ou responsive, quel format est fait pour votre application mobile"},"content":{"rendered":"<p>Native, hybride ou responsive : quel format choisir pour faire vivre \u00e0 vos utilisateurs mobile une exp\u00e9rience r\u00e9ussie. On fait le point !<\/p>\n<p>\u00c0 un certain moment, lors de la conception de votre application mobile, vous devrez prendre une d\u00e9cision sur la fa\u00e7on dont vous d\u00e9velopperez l&rsquo;application. Vos choix comprennent des applications natives, des applications hybrides et des sites web responsive et la d\u00e9cision que vous prenez affectera le produit final. Apprendre \u00e0 prendre la bonne d\u00e9cision exige de comprendre la fa\u00e7on dont chaque type de d\u00e9veloppement fonctionne et la fa\u00e7on dont il affecte le produit final.<\/p>\n<p>Il existe trois options principales pour cr\u00e9er une application mobile. Vous pouvez cr\u00e9er une application native, une application hybride ou <a href=\"https:\/\/academy.visiplus.com\/formation-creation-site-web.php\" target=\"_blank\">cr\u00e9er un site web<\/a> responsive mobile qui offre des fonctionnalit\u00e9s similaires \u00e0 une application. Chaque option a ses avantages et ses inconv\u00e9nients et il est important de les comprendre en d\u00e9tail avant de s&rsquo;engager dans un chemin de d\u00e9veloppement particulier.<\/p>\n<h2>Qu\u2019est-ce qu\u2019une app native ?<\/h2>\n<p>Une application native est con\u00e7ue pour fonctionner sur un syst\u00e8me d&rsquo;exploitation mobile sp\u00e9cifique. Elle ne fonctionnera donc pas sur d&rsquo;autres syst\u00e8mes d&rsquo;exploitation mobiles. Ainsi, par exemple, si vous d\u00e9veloppiez une application native pour iOS, vous le feriez sur <a href=\"https:\/\/www.apple.com\/fr\/swift\/\" target=\"_blank\">Swift<\/a>.<\/p>\n<div id=\"attachment_12117\" style=\"width: 875px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-12117\" class=\" wp-image-12117 \" alt=\"Source : https:\/\/www.apple.com\/fr\/swift\/\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox.jpg\" width=\"865\" height=\"322\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox.jpg 1441w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox-300x111.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox-1024x380.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Swift-Apple-FR-Mozilla-Firefox-610x226.jpg 610w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/a><p id=\"caption-attachment-12117\" class=\"wp-caption-text\">Source : https:\/\/www.apple.com\/fr\/swift\/<\/p><\/div>\n<p>Les plus grands avantages pour les applications natives sont qu&rsquo;elles peuvent normalement acc\u00e9der facilement \u00e0 toutes les fonctionnalit\u00e9s du p\u00e9riph\u00e9rique choisi et qu&rsquo;elles sont plus susceptibles, si d\u00e9velopp\u00e9es correctement, de s&rsquo;ex\u00e9cuter sans erreur sur le p\u00e9riph\u00e9rique.<\/p>\n<p>Cependant, cela comporte un compromis. Une application native ne peut pas \u00eatre ex\u00e9cut\u00e9e sur un p\u00e9riph\u00e9rique qui n&rsquo;utilise pas le m\u00eame syst\u00e8me d&rsquo;exploitation. Cela signifie que si vous souhaitez que votre application s&rsquo;ex\u00e9cute sur Windows, iOS 7 et Android, vous devrez d\u00e9velopper l&rsquo;application 3 fois, une fois pour chaque syst\u00e8me d&rsquo;exploitation. Cela peut rendre le processus de d\u00e9veloppement plus lent et plus co\u00fbteux.<\/p>\n<p>De nombreuses entreprises d\u00e9velopperont leur application pour un syst\u00e8me d&rsquo;exploitation unique lorsqu&rsquo;elles choisissent la route native. Si l&rsquo;application r\u00e9ussit dans cet environnement, elle va revenir en arri\u00e8re et la recr\u00e9er pour d&rsquo;autres syst\u00e8mes d&rsquo;exploitation. Il convient de noter qu&rsquo;\u00e0 l&rsquo;heure actuelle, les applications iOS 7 sont, en g\u00e9n\u00e9ral, plus rentables que les applications diffus\u00e9es pour d&rsquo;autres environnements.<\/p>\n<h2>Qu&rsquo;est-ce qu&rsquo;une app hybride ?<\/h2>\n<p>Une application hybride est con\u00e7ue pour fonctionner sur plusieurs plateformes. Elle est \u00e9crite en utilisant un seul langage de code standard (comme C# ou une combinaison de <a href=\"https:\/\/academy.visiplus.com\/formation-creation-site-web.php\" target=\"_blank\">HTML5 <\/a>et de Javascript) puis compil\u00e9e pour \u00eatre ex\u00e9cut\u00e9e sur chaque plateforme. Les interactions sp\u00e9cifiques au p\u00e9riph\u00e9rique seront normalement g\u00e9r\u00e9es par l&rsquo;utilisation de plugins pour ce syst\u00e8me d&rsquo;exploitation.<\/p>\n<p>Le plus grand avantage des applications hybrides est qu&rsquo;elles permettent le support de plusieurs syst\u00e8mes d&rsquo;exploitation \u00e0 un prix plus \u00e9conomique que le d\u00e9veloppement de plusieurs applications natives. Les utilisateurs, tant que le d\u00e9veloppement se d\u00e9roule bien, ne pourront normalement pas distinguer si une application est native ou hybride. En fait, les utilisateurs, en g\u00e9n\u00e9ral, ne se soucient pas de la fa\u00e7on dont votre application est d\u00e9velopp\u00e9e, ils se soucient simplement de savoir si elle fonctionne sur leur appareil et fait ce qu&rsquo;ils attendent de faire.<\/p>\n<p>Il existe des inconv\u00e9nients pour le d\u00e9veloppement d&rsquo;applications hybrides. Elle peut pr\u00e9senter de s\u00e9rieux d\u00e9fis si l&rsquo;application requiert une interaction complexe de l&rsquo;appareil. Effectivement, il y a une limite \u00e0 ce que les plugins peuvent atteindre sur cet aspect. Les co\u00fbts de soutien d&rsquo;une application hybride peuvent \u00eatre sup\u00e9rieurs aux co\u00fbts de soutien d&rsquo;une application native.<\/p>\n<h2>Qu&rsquo;est-ce qu&rsquo;un site web responsive ?<\/h2>\n<p>Un <a href=\"https:\/\/academy.visiplus.com\/formation-responsive-web-design.php\" target=\"_blank\">site Web responsive<\/a> peut fournir des fonctionnalit\u00e9s similaires \u00e0 une application. En fait, avec un peu de cr\u00e9ativit\u00e9, vous pouvez minimiser les diff\u00e9rences et vous assurer que la page d&rsquo;accueil s\u2019affiche directement en mode \u00ab plein \u00e9cran \u00bb.<\/p>\n<p>Les sites Web responsive seront d\u00e9velopp\u00e9s en utilisant <a href=\"https:\/\/academy.visiplus.com\/definitions\/HTML5.php\" target=\"_blank\">HTML 5<\/a> et Javascript. En r\u00e8gle g\u00e9n\u00e9rale, les d\u00e9veloppeurs adopteront une approche \u00ab mobile first \u00bb pour le d\u00e9veloppement de la version mobile offrant une exp\u00e9rience plus simple et r\u00e9duite compar\u00e9e \u00e0 la version bureau du m\u00eame site.<\/p>\n<p>Les principaux inconv\u00e9nients de l&rsquo;utilisation de sites Web responsives sont d&rsquo;abord que l&rsquo;application ne peut pas \u00eatre distribu\u00e9e via une boutique d&rsquo;applications ; Cela peut \u00eatre mauvais pour vos affaires si vous cherchez \u00e0 mon\u00e9tiser les t\u00e9l\u00e9chargements de votre application. Deuxi\u00e8mement, il y a le probl\u00e8me que l&rsquo;utilisateur aura besoin d&rsquo;une connectivit\u00e9 constante pour utiliser le site. Ce n&rsquo;est peut-\u00eatre pas un probl\u00e8me dans les march\u00e9s tr\u00e8s d\u00e9velopp\u00e9s o\u00f9 le haut d\u00e9bit mobile est \u00e0 peu pr\u00e8s omnipr\u00e9sent mais cela peut s\u2019av\u00e9rer probl\u00e9matique dans les march\u00e9s en d\u00e9veloppement.<\/p>\n<p>Il est int\u00e9ressant de noter que, \u00e0 l&rsquo;heure actuelle, les applications semblent \u00eatre la force motrice derri\u00e8re le site mobile. L&rsquo;utilisateur moyen utilise d\u00e9j\u00e0 jusqu&rsquo;\u00e0 30 applications par mois et plus de 250 000 applications sont diffus\u00e9es par ann\u00e9e\u2026 Il peut y avoir un point de surcharge du point de vue de l&rsquo;utilisateur. \u00c0 ce stade, il est possible d\u2019imaginer que s&rsquo;il existe des sites Web mobiles bien con\u00e7us, les utilisateurs vont s&rsquo;\u00e9loigner des applications et revenir \u00e0 la navigation et aux sites individuels pour vivre leur exp\u00e9rience en ligne. Par la suite, les applications pourraient devenir des \u00ablanceurs\u00bb de sites Web mobiles.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-12120\" alt=\"Man sketching on paper web design\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M.jpg\" width=\"1013\" height=\"675\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M.jpg 1688w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M-300x199.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M-1024x682.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/07\/Fotolia_87698795_Subscription_Monthly_M-610x406.jpg 610w\" sizes=\"auto, (max-width: 1013px) 100vw, 1013px\" \/><\/a><\/p>\n<h2>En conclusion<\/h2>\n<p>Le site mobile offre une opportunit\u00e9 importante aux entrepreneurs. Les applications mobiles sont relativement peu co\u00fbteuses et faciles \u00e0 produire. Le choix de la bonne approche de d\u00e9veloppement est essentiel \u00e0 la bonne exp\u00e9rience. En comprenant les diff\u00e9rences entre hybride, natif et responsive, vous pouvez prendre la bonne d\u00e9cision pour votre projet <a href=\"https:\/\/academy.visiplus.com\/formation-mobile-marketing.php\" target=\"_blank\">mobile marketing.<\/a><\/p>\n<h6>Source : www.interaction-design.org<\/h6>\n","protected":false},"excerpt":{"rendered":"<p>Native, hybride ou responsive : quel format choisir pour faire vivre \u00e0 vos utilisateurs mobile une exp\u00e9rience r\u00e9ussie. On fait le point ! \u00c0 un certain moment, lors de la conception de votre application mobile,&#8230;<\/p>\n","protected":false},"author":5,"featured_media":12122,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[314,315,149],"tags":[201,806,805,185],"class_list":["post-12116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-marketing","category-responsive-web-design-mobile-1","category-mobile-web","tag-application-mobile","tag-hybride","tag-native","tag-responsive-web-design"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/12116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=12116"}],"version-history":[{"count":4,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/12116\/revisions"}],"predecessor-version":[{"id":12123,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/12116\/revisions\/12123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/12122"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=12116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=12116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=12116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}