{"id":1684,"date":"2013-07-03T22:28:37","date_gmt":"2013-07-03T20:28:37","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1684"},"modified":"2015-11-27T07:58:59","modified_gmt":"2015-11-27T06:58:59","slug":"lecture-projet-responsive-web-design","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/","title":{"rendered":"[Lecture] Projet Responsive Web Design"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>6h de train m\u2019ont permis d\u2019enfin finir le livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab<strong>\u00a0<a href=_-790.html>Projet Responsive Web Design,\u00a0Du recueil des besoins \u00e0 la mise en ligne\u00a0<\/a><\/strong>\u00bb. Voici ma premi\u00e8re impression apr\u00e8s la lecture de ce livre.<\/p>\n<p>Si vous vous attendiez \u00e0 un guide pratique sur comment cr\u00e9er un site responsive, passer vos chemin, ce n\u2019est pas le but, <strong>et tant mieux<\/strong>. Pleins d\u2019autres livres traitent de la technique, HTML, CSS, media-queries, la valeur ajout\u00e9e de ce livre r\u00e9side dans le fait qu\u2019il pr\u00e9sente un projet responsive avec l\u2019angle de la gestion de projet, ce que font au final tr\u00e8s peu de livres. Une bouff\u00e9e de fra\u00eecheur sur le sujet qui fait plaisir \u00e0 lire.<\/p>\n<p>Le livre commence par rappeler quelques concepts de base : responsive, adaptive, site d\u00e9di\u00e9, le \u00ab\u00a0l\u00e2cher prise\u00a0\u00bb sur le web, pour passer ensuite directement au vif du sujet \u00e0 savoir recueillir les besoins clients et la r\u00e9daction du cahier des charges. Beaucoup de bons conseils dans cette partie mettant en avant le r\u00f4le primordial du chef de projet. A ce stade l\u00e0, j\u2019ai particuli\u00e8rement appr\u00e9ci\u00e9 le chapitre sur la d\u00e9finition du p\u00e9rim\u00e8tre du projet responsive et des couples d\u2019appareils + navigateurs \u00e0 tester (10 au maximum vous voulez pouvoir vous en sortir).<\/p>\n<p>Le livre dresse ensuite le portrait d\u2019une \u00e9quipe \u00ab\u00a0type\u00a0\u00bb non pas en terme de \u00ab\u00a0personnes\u00a0\u00bb mais plus de r\u00f4les cl\u00e9s (appel\u00e9s \u00ab\u00a0r\u00f4les projet\u00a0\u00bb) pour mener \u00e0 bien le projet. J\u2019ai vraiment appr\u00e9ci\u00e9 les descriptions des diff\u00e9rents m\u00e9tiers, et l\u2019accent mis sur leur complexification, en particulier celle du r\u00f4le d\u2019int\u00e9grateur (qui devient de plus en plus \u00ab\u00a0front d\u00e9veloppeur\u00a0\u00bb) et son r\u00f4le presque \u00ab\u00a0central\u00a0\u00bb dans l\u2019\u00e9quipe.<\/p>\n<p>La suite du livre d\u00e9crit pas \u00e0 pas les \u00e9tapes de la pr\u00e9conception, premiers gabarits prototypes, le r\u00f4le du designer graphique, de l\u2019int\u00e9grateur puis du d\u00e9veloppeur back end. L\u00e0 encore l\u2019accent est mis sur la communication entre les diff\u00e9rents \u00ab\u00a0r\u00f4les\u00a0\u00bb. Quelques d\u00e9tails sont donn\u00e9s sur les sp\u00e9cificit\u00e9s techniques d\u2019un projet responsive pour le graphisme, l\u2019int\u00e9gration et le d\u00e9veloppement, mais le livre reste volontairement \u00ab\u00a0vague\u00a0\u00bb sur le sujet.<\/p>\n<p>Enfin une derni\u00e8re partie est consacr\u00e9e \u00e0 la recette, aux tests, \u00e0 l\u2019importance de former les r\u00e9dacteurs de contenus aux contraintes du responsive mais \u00e9galement du web en g\u00e9n\u00e9ral, et aux petits \u00ab\u00a0bugs\u00a0\u00bb qui peuvent apparaitre en fin de projet (mots trop longues dans d\u2019autres langues, etc.).<\/p>\n<p>Le livre se conclut sur une partie d\u2019apr\u00e8s projet, la TMA\u00a0 ou \u00ab\u00a0tierce maintenance applicative\u00a0\u00bb et ce qui se passe une fois le site en ligne.<\/p>\n<p>Trois petites d\u00e9tails suppl\u00e9mentaires (parce qu\u2019il faut bien pinailler un peu)\u00a0:<\/p>\n<ul>\n<li>La partie qui parle de lorem ipsum appuie sur le fait que cela permet de s\u2019abstraire du contenu pour valider la forme, mais au final, je pr\u00e9f\u00e8re (et beaucoup d\u2019autres designers) travailler quand c\u2019est possible avec le \u00ab\u00a0vrai\u00a0\u00bb contenu pour valider les hypoth\u00e8ses de design en terme de hauteur et flux du contenu dans la page.<\/li>\n<li>Le terme \u00ab\u00a0retina\u00a0\u00bb est beaucoup utilis\u00e9 dans la partie sur l&rsquo;optimisation des images mais il faut rappeler que le terme est propri\u00e9taire de chez Apple et que de plus en plus de terminaux ont un \u00e9cran avec un pixel ratio sup\u00e9rieur \u00e0 2 (donc haute d\u00e9finition) sans pour autant avoir une pomme dessus.<\/li>\n<li>Le livre parle de la meta viewport sans pr\u00e9ciser que la propri\u00e9t\u00e9 n\u2019est pas standard et vou\u00e9e \u00e0 dispara\u00eetre au profit de @viewport. L\u00e0 on entre vraiment dans le tr\u00e8s technique et ce n\u2019est pas le but du livre, mais tant qu\u2019\u00e0 la mentionner, autant aller jusqu\u2019au bout\u00a0 ;)<\/li>\n<\/ul>\n<p>(Je vous avais pr\u00e9venu que c\u2019\u00e9tait \u00ab\u00a0juste\u00a0\u00bb pour pinailler).<\/p>\n<p>Au final, m\u00eame si le livre est ax\u00e9 sur un projet responsive, je pense que c\u2019est \u00e9galement <strong>un excellent livre de gestion de projet web plus \u00ab\u00a0g\u00e9n\u00e9ral\u00a0\u00bb \u00e0 mettre entre les mains des chefs de projet, et des diff\u00e9rents acteurs amen\u00e9s \u00e0 interagir dans la cr\u00e9ation d\u2019un site web, responsive ou non<\/strong>. Sans oublier que les auteurs y pr\u00e9cisent que l\u2019int\u00e9grateur sera le h\u00e9ros du web, s\u2019il vous fallait encore un argument pour l\u2019acheter\u00a0;)<\/p>\n<p>Prix du livre sur amazon : 18.91\u20ac<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1685\" src=_-791.html alt=\"IMG_20130703_143837\" width=\"700\" height=\"700\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/IMG_20130703_143837.jpg 1944w, https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/IMG_20130703_143837-200x200.jpg 200w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.6h de train m\u2019ont permis d\u2019enfin finir le livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab\u00a0Projet Responsive Web Design,\u00a0Du recueil des besoins \u00e0 la mise en ligne\u00a0\u00bb. Voici ma premi\u00e8re impression apr\u00e8s la lecture de ce livre. Si vous vous attendiez \u00e0 un guide pratique sur comment cr\u00e9er un site responsive, passer vos chemin, ce n\u2019est pas le but, et tant mieux. &hellip;<\/p>\n","protected":false},"author":3,"featured_media":1687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[70],"tags":[],"class_list":["post-1684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-responsive-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-792.html \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-03T20:28:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-27T06:58:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/07\/projetresponsive.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/\",\"name\":\"[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png\",\"datePublished\":\"2013-07-03T20:28:37+00:00\",\"dateModified\":\"2015-11-27T06:58:59+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png\",\"width\":700,\"height\":200,\"caption\":\"[Lecture] Projet Responsive Web Design\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.","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:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/","og_locale":"fr_FR","og_type":"article","og_title":"[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-07-03T20:28:37+00:00","article_modified_time":"2015-11-27T06:58:59+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/07\/projetresponsive.png","type":"image\/png"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/","name":"[Lecture] Projet Responsive Web Design - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png","datePublished":"2013-07-03T20:28:37+00:00","dateModified":"2015-11-27T06:58:59+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Retours sur la lecture du livre du Rudy Rigot et J\u00e9m\u00e9rie Patonnier \u00ab Projet Responsive Web Design \u00bb.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/lecture-projet-responsive-web-design\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/07\/projetresponsive.png","width":700,"height":200,"caption":"[Lecture] Projet Responsive Web Design"},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1684"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=1684"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1684\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1687"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}