{"id":5277,"date":"2014-03-27T17:10:30","date_gmt":"2014-03-27T16:10:30","guid":{"rendered":"http:\/\/www.solucominsight.fr\/?p=5277"},"modified":"2014-03-27T17:13:16","modified_gmt":"2014-03-27T16:13:16","slug":"responsive-web-design-solution-miracle-preserver-vos-budgets-web","status":"publish","type":"post","link":"https:\/\/www.riskinsight-wavestone.com\/en\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/","title":{"rendered":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ?"},"content":{"rendered":"

Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s, les p\u00e9riph\u00e9riques permettant d\u2019acc\u00e9der \u00e0 Internet sont de plus en plus diversifi\u00e9s et de plus en plus utilis\u00e9s par les internautes. Selon une \u00e9tude ARCEP\/CREDOC<\/a>, pr\u00e8s de 37% des fran\u00e7ais acc\u00e8dent \u00e0 Internet depuis un t\u00e9l\u00e9phone mobile. Face \u00e0 cette diversification des modes d\u2019acc\u00e8s aux contenus web, les fournisseurs de services en ligne doivent proposer une ergonomie adapt\u00e9e aux diff\u00e9rents terminaux. Un d\u00e9but de r\u00e9ponse, propos\u00e9 par le W3C<\/a>\u00a0<\/span>dans le cadre de la norme HTML5, est le Responsive Design<\/em>.<\/p>\n

Le Responsive Design, qu\u2019est-ce que c\u2019est\u00a0?<\/h2>\n

Le Responsive Web Design<\/em>, ou Responsive Design<\/em>\u00a0est une fonctionnalit\u00e9 introduite par la version 5 de la norme HTML.<\/strong> Il permet d\u2019optimiser l\u2019affichage d\u2019un portail web selon le terminal utilis\u00e9 par l\u2019internaute. \u00a0Cette fonctionnalit\u00e9 est une \u00e9volution de la mise en page dite \u00ab\u00a0\u00e9lastique\u00a0\u00bb, utilisant HTML3 et CSS2 pour offrir un rendu adaptatif en fonction de la largeur d\u2019\u00e9cran sur PC\/MAC<\/strong>. Un site d\u00e9velopp\u00e9 en Responsive Design<\/em> est capable d\u2019adapter son affichage pour proposer une ergonomie adapt\u00e9e \u00e0 tous les terminaux.\u00a0 Les \u00e9l\u00e9ments pouvant \u00eatre adapt\u00e9s incluent les menus, la disposition et l\u2019affichage des blocs de contenu ainsi que les visuels affich\u00e9s sur le portail. Un portail en Responsive Design<\/em> doit n\u00e9anmoins \u00eatre pens\u00e9 \u00ab\u00a0multidevice\u00a0\u00bb d\u00e8s les premiers stades de sa conception (il faut par exemple pr\u00e9voir d\u00e8s la maquette des emplacements cliquables suffisamment grands pour une utilisation tactile, quel que soit leur niveau de r\u00e9duction).<\/p>\n

\u00a0G\u00e9rer multiplication des devices et budgets de plus en plus restreints\u00a0: un enjeu majeur pour les DSI<\/h2>\n

A l\u2019origine, les sites internet \u00e9taient con\u00e7us exclusivement pour une consultation depuis un ordinateur. Cela rendait le d\u00e9veloppement des portails simple, tous les terminaux disposant d\u2019une ergonomie similaire.<\/p>\n

La part croissante des visites sur mobile a entra\u00een\u00e9 la n\u00e9cessit\u00e9 de d\u00e9velopper des portails sp\u00e9cifiques\u00a0: les sites dits \u00ab\u00a0mobiles\u00a0\u00bb. Totalement d\u00e9correl\u00e9es du site web principal, elles n\u00e9cessitent une double maintenance induisant un surplus de charge des \u00e9quipes IT et de gestion de contenus.<\/p>\n

Avec la multiplication des \u00e9crans (tablettes, smart TV), concevoir et d\u00e9velopper des sites sp\u00e9cifiques devient de plus en plus compliqu\u00e9.\u00a0L\u2019arriv\u00e9e du Responsive Web Design<\/em> change la donne et permet sur le papier de r\u00e9duire co\u00fbts de d\u00e9veloppement et de maintenance\u2026 pour le b\u00e9n\u00e9fice des DSI comme des directions de la communication.<\/p>\n

Le Responsive Design, une solution miracle\u00a0?<\/h2>\n

Malgr\u00e9 tous ses avantages, le Responsive Design<\/em> a aussi ses inconv\u00e9nients. Il ne faut en effet pas n\u00e9gliger le travail de conception en amont. \u00a0Il faut \u00ab\u00a0penser mobile\u00a0\u00bb d\u00e8s le d\u00e9but, afin de prioriser l\u2019affichage des contenus. Deux approches concurrentes coexistent\u00a0:<\/p>\n

    \n
  • L\u2019approche \u00ab\u00a0desktop-first\u00a0\u00bb\u00a0<\/strong>: elle consiste \u00e0 concevoir le site comme un portail traditionnel (tout en pensant \u00ab\u00a0mobile\u00a0\u00bb en termes d\u2019ergonomie\u00a0\u00bb) puis \u00e0 d\u00e9grader progressivement les contenus pour d\u00e9finir les versions tablettes et mobiles. Cette approche, si elle permet de travailler de mani\u00e8re traditionnelle en commen\u00e7ant par la version qui sera la plus utilis\u00e9e (desktop<\/em>), a l\u2019inconv\u00e9nient de rendre plus difficile la priorisation des contenus \u00e0 afficher sur les autres versions.<\/li>\n
  • L\u2019approche \u00ab\u00a0mobile-first\u00a0\u00bb<\/strong>\u00a0: elle consiste \u00e0 concevoir le site d\u2019abord pour le mobile, puis \u00e0 enrichir progressivement les versions tablettes puis desktop<\/em>. Cette approche est tr\u00e8s impactante pour des \u00e9quipes m\u00e9tier habitu\u00e9es \u00e0 valider d\u2019abord des versions desktop, mais elle permet une meilleure priorisation des contenus et des parcours \u00e0 afficher sur mobile, ce qui aboutira \u00e0 une exp\u00e9rience client meilleure sur tous les \u00e9crans.<\/li>\n<\/ul>\n

     <\/p>\n

    Si la premi\u00e8re approche est souvent choisie car plus \u00ab\u00a0logique\u00a0\u00bb aux yeux des d\u00e9cideurs, la seconde est \u00e0 privil\u00e9gier pour une bonne partie des portails \u00a0de par les difficult\u00e9s habituellement rencontr\u00e9es lors des travaux de simplification d\u2019une version \u00ab\u00a0<\/span>desktop<\/em>\u00a0\u00bb\u00a0: le R<\/span>esponsive Design<\/em> se g\u00e9rant par bloc de contenu, il est impossible de masquer seulement une partie d\u2019un bloc sans de lourds d\u00e9veloppements sp\u00e9cifiques au sein m\u00eame de ce bloc,<\/span> ce qui engendre davantage de d\u00e9veloppements – et donc des co\u00fbts plus importants<\/strong>.<\/span><\/p>\n

    Ensuite, il pose des probl\u00e8mes de compatibilit\u00e9\u00a0: en effet, m\u00eame si l\u2019ensemble des navigateurs modernes supportent les normes HTML5\/CSS3, les navigateurs plus anciens, Internet Explorer 7\/8\/9 en t\u00eate, ne le supportent que partiellement voire pas du tout. Avant tout d\u00e9ploiement, il convient donc de s\u2019assurer que ces navigateurs repr\u00e9sentent une proportion faible des visiteurs du portail et\/ou pr\u00e9voir une solution de contournement. Ainsi, un site en Responsive Web Design<\/em> d\u00e9velopp\u00e9 sans pr\u00e9cautions particuli\u00e8res peut engendrer une exp\u00e9rience d\u00e9grad\u00e9e pour 15 \u00e0 25% de ses utilisateurs<\/strong>.<\/p>\n

    Enfin, la charge li\u00e9e \u00e0 la recette d\u2019un tel portail est nettement plus \u00e9lev\u00e9e que pour un portail classique. Il faut tester le bon fonctionnement du site sur un parc repr\u00e9sentatif de terminaux<\/strong> pour s\u2019assurer du bon fonctionnement du site sur les diff\u00e9rentes combinaisons navigateurs\/r\u00e9solutions \u00e0 supporter. Pour simplifier et automatiser cette t\u00e2che, des outils tels que Selenium existent. Il reste n\u00e9anmoins indispensable de tester manuellement les parcours-cl\u00e9s sur tous les devices afin de s\u2019assurer d\u2019une exp\u00e9rience utilisateur optimale en terme d\u2019ergonomie et de performance (les r\u00e9seaux mobiles, m\u00eame s\u2019ils ont beaucoup progress\u00e9 avec l\u2019arriv\u00e9e de la 4G, restant g\u00e9n\u00e9ralement plus lents qu\u2019une connexion fixe classique).<\/p>\n

    Un site web en Responsive Design\u00a0: une alternative au site mobile d\u00e9di\u00e9, en compl\u00e9ment d\u2019une application native<\/h2>\n

    Si le Responsive Design<\/em> permet d\u2019am\u00e9liorer significativement l\u2019ergonomie du portail sur les diff\u00e9rents \u00e9crans, il offre une exp\u00e9rience utilisateur limit\u00e9e compar\u00e9e \u00e0 une application mobile\/tablette native, qui offre notamment l\u2019avantage de b\u00e9n\u00e9ficier d\u2019une ergonomie parfaitement adapt\u00e9 \u00e0 chaque device, et permet de limiter significativement les \u00e9changes de donn\u00e9es client\/serveur en chargeant par l\u2019application la plupart des composants graphiques lors du t\u00e9l\u00e9chargement de l\u2019application.<\/p>\n

    Un site en Responsive Design<\/em> doit donc \u00eatre consid\u00e9r\u00e9 comme un moyen de substitution \u00e0 un site mobile d\u00e9di\u00e9, destin\u00e9 \u00e0 venir en compl\u00e9ment d\u2019une application native souvent d\u00e9di\u00e9e aux clients.<\/p>\n

    En plus de l\u2019aspect graphique et ergonomique, un portail en Responsive Design doit \u00e9galement adapter son contenu au device sur lequel il est affich\u00e9. Dans ce contexte et afin d\u2019all\u00e9ger les d\u00e9veloppements, il est possible de prioriser les\u00a0 parcours client \u00e0 d\u00e9velopper prioritairement en Responsive<\/em>. Dans ce sc\u00e9nario, le reste du site est accessible depuis tout terminal, mais seuls certains parcours dits prioritaires b\u00e9n\u00e9ficient d\u2019une ergonomie sp\u00e9cifiquement adapt\u00e9e. Ces parcours doivent \u00eatre choisis avec soin, en se focalisant sur les parcours \u00e0 forte valeur ajout\u00e9e et les plus susceptibles d\u2019\u00eatre visualis\u00e9s sur mobile.<\/p>\n

    Le Responsive Web Design<\/em> est donc une approche innovante destin\u00e9e \u00e0 apporter davantage de flexibilit\u00e9 aux entreprises en leur permettant d\u2019adresser l\u2019ensemble des nouveaux \u00e9crans de mani\u00e8re optimale tout en simplifiant la mise \u00e0 jour de leurs portails web. Il faudra n\u00e9anmoins faire avec quelques limitations ergonomiques qui rendent souhaitable le maintien d\u2019une application mobile native pour les services destin\u00e9s aux clients et \u00e0 usage fr\u00e9quent.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s, les p\u00e9riph\u00e9riques permettant d\u2019acc\u00e9der \u00e0 Internet sont de plus en plus diversifi\u00e9s et de plus en plus utilis\u00e9s par les internautes. Selon une \u00e9tude ARCEP\/CREDOC, pr\u00e8s de 37% des fran\u00e7ais acc\u00e8dent \u00e0 Internet…<\/p>\n","protected":false},"author":254,"featured_media":5279,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"page-templates\/tmpl-one.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37],"tags":[],"coauthors":[1571],"class_list":["post-5277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-innovation"],"acf":[],"yoast_head":"\nLe Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight<\/title>\n<meta name=\"description\" content=\"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight\" \/>\n<meta property=\"og:description\" content=\"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\" \/>\n<meta property=\"og:site_name\" content=\"RiskInsight\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-27T16:10:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-27T16:13:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1605\" \/>\n\t<meta property=\"og:image:height\" content=\"1183\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christopher Hoarau\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Hoarau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\"},\"author\":{\"name\":\"Christopher Hoarau\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/person\/06d5a4a1bf4d3e1db7a7c5d31d0fea98\"},\"headline\":\"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ?\",\"datePublished\":\"2014-03-27T16:10:30+00:00\",\"dateModified\":\"2014-03-27T16:13:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\"},\"wordCount\":1271,\"publisher\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg\",\"articleSection\":[\"M\u00e9tiers - Digital & innovation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\",\"name\":\"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight\",\"isPartOf\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg\",\"datePublished\":\"2014-03-27T16:10:30+00:00\",\"dateModified\":\"2014-03-27T16:13:16+00:00\",\"description\":\"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...\",\"breadcrumb\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg\",\"contentUrl\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg\",\"width\":1605,\"height\":1183},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.riskinsight-wavestone.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#website\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/en\/\",\"name\":\"RiskInsight\",\"description\":\"The cybersecurity & digital trust blog by Wavestone's consultants\",\"publisher\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.riskinsight-wavestone.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#organization\",\"name\":\"Wavestone\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2021\/08\/Monogramme\u2013W\u2013NEGA-RGB-50x50-1.png\",\"contentUrl\":\"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2021\/08\/Monogramme\u2013W\u2013NEGA-RGB-50x50-1.png\",\"width\":50,\"height\":50,\"caption\":\"Wavestone\"},\"image\":{\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/person\/06d5a4a1bf4d3e1db7a7c5d31d0fea98\",\"name\":\"Christopher Hoarau\",\"url\":\"https:\/\/www.riskinsight-wavestone.com\/en\/author\/christopher-hoarau\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight","description":"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...","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:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/","og_locale":"en_US","og_type":"article","og_title":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight","og_description":"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...","og_url":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/","og_site_name":"RiskInsight","article_published_time":"2014-03-27T16:10:30+00:00","article_modified_time":"2014-03-27T16:13:16+00:00","og_image":[{"width":1605,"height":1183,"url":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg","type":"image\/jpeg"}],"author":"Christopher Hoarau","twitter_misc":{"Written by":"Christopher Hoarau","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#article","isPartOf":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/"},"author":{"name":"Christopher Hoarau","@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/person\/06d5a4a1bf4d3e1db7a7c5d31d0fea98"},"headline":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ?","datePublished":"2014-03-27T16:10:30+00:00","dateModified":"2014-03-27T16:13:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/"},"wordCount":1271,"publisher":{"@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#organization"},"image":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg","articleSection":["M\u00e9tiers - Digital & innovation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/","url":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/","name":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ? - RiskInsight","isPartOf":{"@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage"},"image":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg","datePublished":"2014-03-27T16:10:30+00:00","dateModified":"2014-03-27T16:13:16+00:00","description":"Smartphones, ordinateurs, tablettes et maintenant TV connect\u00e9s... Les internautes acc\u00e8dent aux contenus web de diverses mani\u00e8res, ce qui induit une adaptation de l'ergonomie aux diff\u00e9rents terminaux. Le Responsive Design appara\u00eet alors comme un d\u00e9but de r\u00e9ponse...","breadcrumb":{"@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#primaryimage","url":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg","contentUrl":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2014\/03\/Fotolia_62113734_Subscription_Monthly_M.jpg","width":1605,"height":1183},{"@type":"BreadcrumbList","@id":"https:\/\/www.riskinsight-wavestone.com\/2014\/03\/responsive-web-design-solution-miracle-preserver-vos-budgets-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.riskinsight-wavestone.com\/en\/"},{"@type":"ListItem","position":2,"name":"Le Responsive Web Design : la solution miracle pour pr\u00e9server vos budgets Web ?"}]},{"@type":"WebSite","@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#website","url":"https:\/\/www.riskinsight-wavestone.com\/en\/","name":"RiskInsight","description":"The cybersecurity & digital trust blog by Wavestone's consultants","publisher":{"@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.riskinsight-wavestone.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#organization","name":"Wavestone","url":"https:\/\/www.riskinsight-wavestone.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2021\/08\/Monogramme\u2013W\u2013NEGA-RGB-50x50-1.png","contentUrl":"https:\/\/www.riskinsight-wavestone.com\/wp-content\/uploads\/2021\/08\/Monogramme\u2013W\u2013NEGA-RGB-50x50-1.png","width":50,"height":50,"caption":"Wavestone"},"image":{"@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.riskinsight-wavestone.com\/en\/#\/schema\/person\/06d5a4a1bf4d3e1db7a7c5d31d0fea98","name":"Christopher Hoarau","url":"https:\/\/www.riskinsight-wavestone.com\/en\/author\/christopher-hoarau\/"}]}},"_links":{"self":[{"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/posts\/5277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/users\/254"}],"replies":[{"embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/comments?post=5277"}],"version-history":[{"count":3,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/posts\/5277\/revisions"}],"predecessor-version":[{"id":5283,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/posts\/5277\/revisions\/5283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/media\/5279"}],"wp:attachment":[{"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/media?parent=5277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/categories?post=5277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/tags?post=5277"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.riskinsight-wavestone.com\/en\/wp-json\/wp\/v2\/coauthors?post=5277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}