{"id":7032,"date":"2016-07-13T08:22:04","date_gmt":"2016-07-13T07:22:04","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=7032"},"modified":"2019-10-28T17:37:42","modified_gmt":"2019-10-28T16:37:42","slug":"responsive-web-designer-un-creatif-au-service-de-lexperience-utilisateur","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/responsive-web-designer-un-creatif-au-service-de-lexperience-utilisateur-2016-07-13","title":{"rendered":"Responsive web designer, un cr\u00e9atif au service de l\u2019exp\u00e9rience utilisateur"},"content":{"rendered":"<p>Quels sont les m\u00e9tiers porteurs en 2016\u00a0? Le num\u00e9rique a le vent en poupe\u00a0: quels sont pr\u00e9cis\u00e9ment les besoins des entreprises dans ce domaine ? Faites le point avec VISIPLUS academy sur les m\u00e9tiers du num\u00e9rique qui recrutent.<\/p>\n<p>Ordinateur de bureau, tablette, smartphone, t\u00e9l\u00e9vision connect\u00e9e&#8230;<i> <\/i>Le Responsive Web Design (RWD) ou conception web adaptative, est une technique de conception graphique et de d\u00e9veloppement permettant d\u2019adapter automatiquement un site web en fonction de la taille d&rsquo;un \u00e9cran.<\/p>\n<p>La mission principale du Responsive web designer consiste alors \u00e0 prendre en compte les contraintes techniques des diff\u00e9rents supports connect\u00e9s pour adapter l&rsquo;organisation de pages web en fonction de leurs particularit\u00e9s.<\/p>\n<p>S\u2019il maitrise les sp\u00e9cificit\u00e9s de tous les \u00ab\u00a0devices\u00a0\u00bb existant sur le march\u00e9, c\u2019est pour mieux dessiner et traiter graphiquement comme ergonomiquement les interfaces et les contenus destin\u00e9s aux sites et aux applications mobiles.<\/p>\n<p>A l\u2019\u00e9coute des besoins du client, du contexte du projet et des pr\u00e9requis, ce web designer sp\u00e9cialis\u00e9 doit alors imaginer comment les \u00e9l\u00e9ments de la page s&rsquo;organisent dans toutes les r\u00e9solutions, de la plus petite \u00e0 la plus grande.<\/p>\n<p>Reprenant les techniques de l\u2019int\u00e9grateur web, le responsive web designer connait et maitrise le fonctionnement technique des requ\u00eates Media Queries CSS, permettant de modifier les styles (r\u00e9organisation de la page par exemple) et d&rsquo;adapter le design en fonction de crit\u00e8res bien d\u00e9finis comme la largeur d\u2019une page, par exemple.<\/p>\n<p>\u00c9volution majeure du web design faisant la part belle \u00e0 l\u2019ergonomie pour assurer aux utilisateurs une exp\u00e9rience enrichie, le m\u00e9tier demande des qualit\u00e9s de web designer soit la pratique et l\u2019exp\u00e9rience des logiciels d\u2019infographie, d\u2019animation et d\u2019\u00e9dition ainsi que la connaissance du design, de ses codes, ses principes et ses r\u00e8gles\u00a0; Des comp\u00e9tences de base auxquels s\u2019ajoutent la connaissance des sp\u00e9cifications propres aux applications mobiles (ajustement des pages aux \u00e9crans des diff\u00e9rents terminaux mobiles,\u00a0 poids des pages et des images) comme la pratique du design pour mobiles (langages de programmation, int\u00e9gration de bases de donn\u00e9es).<\/p>\n<p>En termes de r\u00e9mun\u00e9ration, un webdesigner d\u00e9butant peut esp\u00e9rer gagner 24 K\u20ac euros bruts par an. Avec une sp\u00e9cialisation mobile, il est possible de faire l\u00e9g\u00e8rement grimper ce chiffre, qui ne fera que croitre avec l&rsquo;exp\u00e9rience.<\/p>\n<p><b>Quelle formation\u00a0? <\/b><\/p>\n<p>Le responsive web design reste relativement nouveau et il y a encore peu d&rsquo;experts sur le sujet. Afin d&rsquo;<a href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/top-10-des-erreurs-responsive-web-design-a-eviter-2015-12-07\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9viter le top 10 des erreurs Responsive Web Design<\/a>, ces professionnels sont particuli\u00e8rement pl\u00e9biscit\u00e9s pour leurs comp\u00e9tences de web designer et leur savoir-faire bien sp\u00e9cifique. Pour aller plus loin, si vous souhaitez adapter votre site web aux diff\u00e9rents types de terminaux sans avoir recours \u00e0 plusieurs ressources, VISIPLUS academy propose, \u00e0 travers la <a href=\"https:\/\/academy.visiplus.com\/formation-responsive-web-design.php\" target=\"_blank\" rel=\"noopener noreferrer\">formation Responsive Web Design,<\/a> de vous donner les cl\u00e9s pour appr\u00e9hender les enjeux du Responsive Web Design, en termes de techniques, de design, et de bonnes pratiques \u00e0 mettre en \u0153uvre.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quels sont les m\u00e9tiers porteurs en 2016\u00a0? Le num\u00e9rique a le vent en poupe\u00a0: quels sont pr\u00e9cis\u00e9ment les besoins des entreprises dans ce domaine ? Faites le point avec VISIPLUS academy sur les m\u00e9tiers du&#8230;<\/p>\n","protected":false},"author":2,"featured_media":7034,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[315,149],"tags":[531,6,185],"class_list":["post-7032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-responsive-web-design-mobile-1","category-mobile-web","tag-designer","tag-mobile","tag-responsive-web-design"],"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/7032","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=7032"}],"version-history":[{"count":3,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/7032\/revisions"}],"predecessor-version":[{"id":24151,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/7032\/revisions\/24151"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/7034"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=7032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=7032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=7032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}