{"id":3419,"date":"2014-09-22T10:26:36","date_gmt":"2014-09-22T09:26:36","guid":{"rendered":"http:\/\/coralia-wsd.com\/site\/?p=3419"},"modified":"2014-09-22T10:26:41","modified_gmt":"2014-09-22T09:26:41","slug":"responsive-design-site-web-mobile-application-mobile-comment-bien-choisir","status":"publish","type":"post","link":"http:\/\/www.coralia-wsd.com\/site\/responsive-design-site-web-mobile-application-mobile-comment-bien-choisir\/","title":{"rendered":"Responsive Design, Site Web mobile, application mobile\u2026 comment bien choisir ?"},"content":{"rendered":"<div class=\"l-submain\"><div class=\"l-submain-h g-html i-cf\"><div class=\"g-cols\"><div class=\"full-width\">\n\t<div class=\"wpb_text_column \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Pour une entreprise, r\u00e9pondre \u00e0 la probl\u00e9matique de mobilit\u00e9 au sein de sa communication num\u00e9rique est devenu indispensable tant le march\u00e9 des smartphones et tablettes \u00e0 exploser. Il peut cependant \u00eatre difficile de s\u2019orienter vers la meilleure solution tant on entend ou lit tout et son contraire. Conscient de cette ambigu\u00eft\u00e9, je vais t\u00e2cher de vous expliquer clairement les avantages et inconv\u00e9nients des solutions envisageables \u00e0 ce jour : le responsive webdesign, le web mobile et l\u2019application native.<\/p>\n<p>Pour commencer, il faut savoir que, comme pour un projet web classique, il n\u2019y a pas de r\u00e9ponse toute faite, le contexte de son entreprise est primordial ! Ceci \u00e9tant dit, entamons le tour d\u2019horizon des diff\u00e9rentes solutions :<\/p>\n<ul>\n<li>\n<h2><span style=\"color: #003366;\">Le site Web Responsive<\/span><\/h2>\n<ul>\n<li>Il faut pr\u00e9voir d\u2019ajouter 20 \u00e0 30% au co\u00fbt d\u2019un site non responsive<\/li>\n<li>Le co\u00fbt de maintenance est celui d\u2019un site web classique<\/li>\n<li>Le site responsive doit \u00eatre pens\u00e9 mobile first pour que sa version mobile soit r\u00e9ellement efficace<\/li>\n<li>Le Responsive Design doit \u00eatre pr\u00e9vu en amont du projet car il n\u00e9cessite du temps plus important en conception, webdesign et int\u00e9gration HTML5<\/li>\n<li>La structure et le design d\u2019un site con\u00e7u en responsive design est toujours fluide et s\u2019adapte \u00e0 l\u2019\u00e9cran quelque soit le support<\/li>\n<li>Les contenus sont identiques quelque soit la version du site, le r\u00e9f\u00e9rencement naturel est coh\u00e9rent<\/li>\n<li>L\u2019exp\u00e9rience utilisateur ne peut \u00eatre optimis\u00e9e sur tous les supports<\/li>\n<li>L\u2019optimisation technique est limit\u00e9e selon les supports (temps de chargement, r\u00e9activit\u00e9, gestion des interactions\u2026)<\/li>\n<li>L\u2019Adaptive Design permet de r\u00e9soudre ces contraintes et d\u2019am\u00e9liorer l\u2019interface selon le support, il faut cependant pr\u00e9voir des co\u00fbts suppl\u00e9mentaires<\/li>\n<\/ul>\n<p>&nbsp;<\/li>\n<li>\n<h2><span style=\"color: #003366;\">Le site Web mobile<\/span><\/h2>\n<ul>\n<li>Le co\u00fbt d\u2019un site mobile se situe en g\u00e9n\u00e9ral entre celui d\u2019un site responsive et d\u2019une application<\/li>\n<li>Le co\u00fbt de maintenance est celui d\u2019un site web classique<\/li>\n<li>L\u2019ergonomie et la navigation sont parfaitement adapt\u00e9es aux smartphones<\/li>\n<li>La vitesse de chargement est am\u00e9lior\u00e9e pour r\u00e9pondre aux contraintes de r\u00e9seaux<\/li>\n<li>Visibilit\u00e9 id\u00e9ale sur les moteurs de recherche mobiles pour gagner de nouveaux clients<\/li>\n<li>Solution pertinente pour faciliter le contact direct (appel t\u00e9l\u00e9phonique) et la localisation \/ l\u2019itin\u00e9raire (Google Map)<\/li>\n<li>Il ne peut pas acc\u00e9der aux caract\u00e9ristiques avanc\u00e9es (gyroscope, calculs complexes\u2026) d\u2019un smartphone<\/li>\n<li>Si besoin, un site mobile peut \u00eatre transform\u00e9 en application mobile \u00e0 moindre co\u00fbt (selon les ajustements n\u00e9cessaires pour les compatibilit\u00e9s sur les plateformes)<\/li>\n<\/ul>\n<p>&nbsp;<\/li>\n<li>\n<h2><span style=\"color: #003366;\">L\u2019application mobile<\/span><\/h2>\n<ul>\n<li>Le co\u00fbt de d\u00e9ploiement est \u00e9lev\u00e9 et directement d\u00e9pendant du nombre de plateformes cibl\u00e9es<\/li>\n<li>Le co\u00fbt de maintenance est \u00e9lev\u00e9 car n\u00e9cessite \u00e0 chaque fois une nouvelle compilation et nouvelle soumission par plateforme<\/li>\n<li>Id\u00e9al pour la fid\u00e9lisation de clients<\/li>\n<li>Utile pour des besoins complexes n\u00e9cessitant les caract\u00e9ristiques sp\u00e9cifiques de l\u2019appareil<\/li>\n<li>Le d\u00e9veloppement d\u2019une application ne se fait que pour une plateforme (iOS, Android, Windows , Blackberry\u2026)<\/li>\n<li>Il y a un risque de refus de l\u2019application lors de la soumission sur les plateformes<\/li>\n<li>La pr\u00e9sence et la visibilit\u00e9 sur les marketplaces (apple store, google play\u2026) ne remplace pas le r\u00e9f\u00e9rencement naturel pour faire de la prospection<\/li>\n<li>Il est conseill\u00e9 de pr\u00e9voir un mini site web pour pr\u00e9senter l\u2019application et ainsi la r\u00e9f\u00e9rencer sur les moteurs de recherche<\/li>\n<li>Mise \u00e0 jour et maintenance contraignantes<\/li>\n<\/ul>\n<p>&nbsp;<\/li>\n<\/ul>\n<p>Par philosophie, \u00e0 l\u2019agence, nous recommandons le plus souvent les sites responsive ou mobile car ces 2 solutions conservent les pr\u00e9conisations du Web et de l\u2019OpenSource. A l\u2019oppos\u00e9e, l\u2019application native est un programme n\u00e9cessitant un d\u00e9veloppement pour chaque environnement (Android, iOS pour ne citer qu\u2019eux). Cependant, aujourd\u2019hui, bien que les possesseurs de smartphones utilisent de plus en plus leur navigateur mobile au d\u00e9triment des applications, l\u2019application demeure incontournable pour certains besoins et objectifs.\n\t\t<\/div> \n\t<\/div> <\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Pour une entreprise, r\u00e9pondre \u00e0 la probl\u00e9matique de mobilit\u00e9 au sein de sa communication num\u00e9rique est devenu indispensable tant le march\u00e9 des smartphones et tablettes \u00e0 exploser. Il peut cependant \u00eatre difficile de s\u2019orienter vers la meilleure solution tant on...","protected":false},"author":4,"featured_media":3420,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[106],"tags":[],"_links":{"self":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/3419"}],"collection":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/comments?post=3419"}],"version-history":[{"count":1,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/3419\/revisions"}],"predecessor-version":[{"id":3421,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/3419\/revisions\/3421"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/media\/3420"}],"wp:attachment":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/media?parent=3419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/categories?post=3419"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/tags?post=3419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}