n\u00e9cessaires<\/a>. pour un d\u00e9m\u00e9nagement r\u00e9ussi.\n<\/p>\n\n 1 Design r\u00e9actif = Optimisation pour mobile
\n<\/h5>\n
\n Oui, il est vrai que la croissance r\u00e9cente du mobile est la raison pour laquelle tout le monde met l’accent sur la conception Web r\u00e9active, et cela joue un r\u00f4le important dans le concept. Mais ce n’est pas la seule chose qui compte. Il s’agit \u00e9galement en grande partie de prendre en compte les types d’utilisateurs et les appareils qu’ils utilisent. Outre les appareils mobiles, d’autres appareils doivent \u00eatre optimis\u00e9s, tels que les tablettes et les \u00e9crans de t\u00e9l\u00e9vision. Le v\u00e9ritable objectif de la conception Web r\u00e9active est de faire en sorte qu’un site Web s’adapte \u00e0 n’importe quel \u00e9cran ou moniteur, \u00e0 n’importe quel rapport ou \u00e9chelle, en utilisant n’importe quel type de connexion Internet. Cela va bien au-del\u00e0 de l’\u00e9cran mobile.\n<\/p>\n
\n 2 Testez sur autant d’appareils que possible
\n<\/h5>\n
\n Dans le monde du design, la plupart des concepteurs ne testent pas leur site Web sur plus d’une poign\u00e9e d’appareils, et il en va de m\u00eame pour le design r\u00e9actif. Il serait impossible de tester sur tous les appareils. Il existe des centaines de marques et des milliers de mod\u00e8les, et au moment o\u00f9 vous avez fini de tester m\u00eame un grand \u00e9chantillon, la technologie serait obsol\u00e8te et il serait temps de recommencer. Une petite taille d’\u00e9chantillonnage est presque toujours suffisante pour d\u00e9terminer la maniabilit\u00e9 sur tous les appareils.\n<\/p>\n
\n 3 La typographie n’a pas besoin d’\u00eatre optimis\u00e9e
\n<\/h5>\n
\n Malheureusement, trop de designers le croient. Ils se concentrent tellement sur l’appareil et la taille de la page Web qu’ils ne tiennent pas compte \u00e0 la fois de la conception r\u00e9elle et de l’utilisateur. Pour r\u00e9ussir, un site web doit \u00eatre lisible, et faire attention \u00e0 la typographie sur le responsive design est extr\u00eamement important.\n<\/p>\n
\n 4 Une exp\u00e9rience adaptative unique ne fonctionnera pas
\n<\/h5>\n
\n L’hypoth\u00e8se selon laquelle les gens veulent des interfaces diff\u00e9rentes pour diff\u00e9rents appareils fait souvent tr\u00e9bucher le concepteur Web avis\u00e9. Cela am\u00e8ne les concepteurs \u00e0 croire qu’ils ont besoin de plusieurs strat\u00e9gies et adaptations sur mesure pour chaque appareil. Cependant, cela ne vaut pas le mal de t\u00eate. Vous pouvez facilement cr\u00e9er un site Web qui fonctionne sur plusieurs appareils avec un seul mod\u00e8le.\n<\/p>\n
\n 5 Une conception r\u00e9active et des charges de page importantes ralentissent les conceptions
\n<\/h5>\n
\n Il est facile de bl\u00e2mer la nature de la b\u00eate, mais dans ce cas, ce n’est tout simplement pas juste. Il existe de nombreux sites \u00e0 petite \u00e9chelle avec un contenu lourd qui se chargent rapidement et sans accroc, ce qui indique que ce n’est peut-\u00eatre pas la conception qui est en cause pour les chargements lents des pages, mais le concepteur.\n<\/p>\n
\n 6 La conception r\u00e9active ne fonctionnera pas pour tous les cas d’utilisation
\n<\/h5>\n
\n Ceci est extr\u00eamement trompeur, car les cas d’utilisation sont tr\u00e8s importants pour une conception r\u00e9active fonctionnelle. Les concepteurs doivent prendre en compte chaque cas d’utilisation pour identifier, clarifier et organiser les exigences syst\u00e8me sur tous les appareils. Vos utilisateurs ne voudront pas choisir les situations dans lesquelles ils peuvent acc\u00e9der \u00e0 votre site Web, vous voudrez donc qu’il soit disponible \u00e0 tout moment, et ma\u00eetriser le cas d’utilisation pour une vari\u00e9t\u00e9 d’appareils est le meilleur moyen de aller.\n<\/p>\n
\n 7 La conception r\u00e9active ne fonctionne pas pour le commerce de d\u00e9tail
\n<\/h5>\n
\n Faux. Bien qu’il puisse impliquer une interface plus d\u00e9licate, le design r\u00e9actif fonctionne tr\u00e8s bien pour les commerces de d\u00e9tail. En fait, cela devient une n\u00e9cessit\u00e9. Une \u00e9tude r\u00e9alis\u00e9e par Juniper Research montre que d’ici 2018, 30 % de toutes les transactions de commerce \u00e9lectronique auront lieu sur des appareils mobiles. De plus, le nombre d’acheteurs mobiles est pass\u00e9 de 393 millions \u00e0 580 millions entre le d\u00e9but et la fin de 2014, ce qui indique qu’il est plus que temps pour la conception r\u00e9active du commerce de d\u00e9tail.\n<\/p>\n
\n 8 Il faut plus de temps pour mettre en \u0153uvre une conception r\u00e9active
\n<\/h5>\n
\n Il est peut-\u00eatre vrai qu’il faudra un peu plus de temps pour mettre en place une conception r\u00e9active, mais pas beaucoup. En fait, cela peut vous faire gagner du temps lorsqu’il cr\u00e9e une base de code et une base de contenu communes pour une myriade d’appareils. De plus, de plus en plus de soci\u00e9t\u00e9s d’h\u00e9bergement Web ajoutent un codage de conception r\u00e9actif \u00e0 leur package d’origine, ce qui facilite et r\u00e9duit le temps de d\u00e9veloppement des deux sites en m\u00eame temps.\n<\/p>\n
\n 9 Tout le monde se tourne vers le design r\u00e9actif
\n<\/h5>\n
\n Tout le monde ne voit pas la valeur du design r\u00e9actif. Cela peut signifier attirer le plus grand public en ligne, mais cela ne signifie pas n\u00e9cessairement que chaque entreprise a besoin d’un design r\u00e9actif pour r\u00e9ussir. Cela vaut la peine pour chaque entreprise de tenir compte du rapport co\u00fbt \/ revenu, m\u00eame si l’entreprise d\u00e9cide qu’elle n’en a pas besoin.\n<\/p>\n
\n 10 La conception r\u00e9active devrait fonctionner sur tous les navigateurs
\n<\/h5>\n
\n Les d\u00e9veloppements dans le secteur r\u00e9actif s’am\u00e9liorent tout le temps, mais cela ne signifie pas que vous pourrez faire fonctionner n’importe quelle conception Web sur tous les navigateurs mobiles. Il ne fonctionnera g\u00e9n\u00e9ralement que sur les navigateurs cr\u00e9\u00e9s depuis le d\u00e9but de la conception Web r\u00e9active, tels que Chrome, Firefox et Safari. Vous aurez du mal \u00e0 le faire r\u00e9pondre aux anciennes versions d’Internet Explorer, ce qui est tr\u00e8s bien, car l’utilisateur d\u00e9couvrira bient\u00f4t qu’il doit de toute fa\u00e7on mettre \u00e0 jour son navigateur.\n<\/p>\n
\n 11 C’est trop cher \u00e0 mettre en \u0153uvre
\n<\/h5>\n
\n Il est vrai qu’il faut un ensemble diff\u00e9rent de comp\u00e9tences, d’outils et de technologies pour mettre en \u0153uvre une conception r\u00e9active, mais ce n’est pas beaucoup plus cher que d’autres efforts de conception Web. En fait, de nombreux sites d’h\u00e9bergement offriront un tarif r\u00e9duit si vous achetez d\u00e9j\u00e0 un h\u00e9bergement Web avec eux.\n<\/p>\n
\n 12 La conception r\u00e9active et le r\u00e9f\u00e9rencement ont des liens limit\u00e9s
\n<\/h5>\n
\n Le SEO est d\u00e9sormais fortement li\u00e9 au responsive design, gr\u00e2ce \u00e0 la mise \u00e0 jour de l’algorithme de Google sortie en d\u00e9but d’ann\u00e9e, les sites web seront p\u00e9nalis\u00e9s dans leur classement s’ils ne sont pas optimis\u00e9s pour un usage mobile. L’objectif principal de Google est de donner \u00e0 ses utilisateurs exactement ce qu’ils veulent, et le principal moteur de recherche ne vous r\u00e9compensera pas avec un classement plus \u00e9lev\u00e9 si votre site n’est pas convivial pour son large public mobile.\n<\/p>\n
\n 13 Il est facile de faire la transition d’un contenu existant vers une conception r\u00e9active
\n<\/h5>\n
\n Au contraire. Il faut un peu de doigt\u00e9 pour faire passer de mani\u00e8re transparente le contenu du grand \u00e9cran au petit. Le processus de transition implique de reconna\u00eetre le contenu le plus important, de supprimer l’exc\u00e9dent et de le r\u00e9duire pour l’adapter \u00e0 des appareils plus petits. Avant tout, il est pr\u00e9f\u00e9rable d’aborder tout nouveau contenu avec une perspective \u00abmobile d’abord \u00bb, ce qui vous permettra d’utiliser beaucoup plus facilement les appareils sur les deux plates-formes.\n<\/p>\n
\n 14 \u00ab\u00a0Mobile First\u00a0\u00bb signifie se concentrer davantage sur la conception mobile que sur le site Web d’origine
\n<\/h5>\n
\n Si vous pensez d’abord au mobile, vous penserez d’abord \u00e0 l’utilisateur, ce qui se traduira par une meilleure exp\u00e9rience pour l’utilisateur, sur le site mobile et le site d’origine. Le concept propose un moyen bien pens\u00e9 d’offrir une meilleure exp\u00e9rience globale \u00e0 l’utilisateur, quelle que soit la mani\u00e8re dont il acc\u00e8de au contenu.\n<\/p>\n
\n 15 points d’arr\u00eat de p\u00e9riph\u00e9rique individuels devraient \u00eatre une premi\u00e8re priorit\u00e9 dans la conception r\u00e9active
\n<\/h5>\n
\n La conception r\u00e9active ne consiste pas \u00e0 r\u00e9duire un site Web pour l’adapter \u00e0 un appareil particulier. C’est juste faire plus de travail pour vous-m\u00eame que n\u00e9cessaire. Si vous souhaitez d\u00e9velopper un site Web r\u00e9actif, vous devrez concevoir une interface qui fonctionnera sur une myriade d’appareils, pas seulement sur un seul. Il ne s’agit pas seulement des points d’arr\u00eat de chaque appareil, mais de la cr\u00e9ation d’un cadre qui fonctionnera avec n’importe quel point d’arr\u00eat.\n<\/p>\n
\n 16 images universellement optimis\u00e9es fonctionneront pour tous les \u00e9crans
\n<\/h5>\n
\n \u00c9tant donn\u00e9 que vous essayez de placer une image dans un conteneur de plus petite taille, vous aurez \u00e9videmment besoin d’une optimisation de l’image. Cependant, une image unique ne suffira pas, m\u00eame si cette image a d\u00e9j\u00e0 \u00e9t\u00e9 optimis\u00e9e pour un appareil plus petit. Les appareils sont de tailles diff\u00e9rentes, et si l’image optimis\u00e9e universellement est trop grande, la page ne se chargera pas. S’il est trop petit, le design sera fauss\u00e9. En g\u00e9n\u00e9ral, vous pouvez optimiser les images dans une gamme de tailles pour s’adapter \u00e0 une gamme d’appareils.\n<\/p>\n
\n 17 Le contenu peut devenir cach\u00e9 dans la conception r\u00e9active
\n<\/h5>\n
\n C’est peut-\u00eatre vrai, mais seulement si les concepteurs de sites Web n’ont aucune id\u00e9e de ce qu’ils font. Pour le concepteur de sites Web chevronn\u00e9, ce mythe est absurde. Le but d’une conception Web r\u00e9active est de rendre le contenu facilement disponible et accessible. Cacher du contenu est l’antith\u00e8se de cette id\u00e9e, et ce n’est jamais quelque chose que vous voudriez faire expr\u00e8s. Si vous vous concentrez sur l’accessibilit\u00e9 plut\u00f4t que sur le contenu cach\u00e9, vous ne devriez pas avoir de probl\u00e8me pour cr\u00e9er une interface r\u00e9active.\n<\/p>\n
\n 18 La conception Web r\u00e9active est l’avenir
\n<\/h5>\n
\n Ce mythe vient peut-\u00eatre du fait que seuls 22 % des sp\u00e9cialistes du marketing d\u00e9clarent ma\u00eetriser parfaitement le responsive design, 29 % disent avoir une compr\u00e9hension moyenne, 23 % disent avoir une compr\u00e9hension de base mais sont en retard, et 4 % disent qu’ils ‘re sans espoir quand il s’agit de conception r\u00e9active.\n<\/p>\n
\n Mais la r\u00e9alit\u00e9 est que la conception Web r\u00e9active est maintenant. Les gens veulent des sites Web plus r\u00e9actifs aujourd’hui, pas dans cinq ans. La seule fa\u00e7on de prendre de l’avance sur la courbe de conception r\u00e9active est de mettre en \u0153uvre les meilleures pratiques d\u00e8s aujourd’hui et d’envisager une accessibilit\u00e9 et une int\u00e9gration encore plus transparentes \u00e0 l’avenir.\n<\/p>\n
\n 19 La conception Web r\u00e9active devrait \u00eatre votre seule priorit\u00e9
\n<\/h5>\n
\n Encore une fois, c’est faux. R\u00e9ussir dans la conception de sites Web, c’est \u00eatre capable de porter plusieurs chapeaux diff\u00e9rents, et de bien les porter. Vous devrez apprendre \u00e0 \u00e9quilibrer vos mises \u00e0 niveau du site Web d’origine, de votre blog, de vos sites mobiles et de tous les autres aspects de vos responsabilit\u00e9s de conception Web.\n<\/p>\n
\n De plus, la v\u00e9ritable priorit\u00e9 doit toujours \u00eatre l’exp\u00e9rience utilisateur. Souvent, faire du mobile une priorit\u00e9 revient \u00e0 donner la priorit\u00e9 \u00e0 l’utilisateur, mais pas toujours. En tant que concepteur de sites Web, il est de votre responsabilit\u00e9 de trouver cet \u00e9quilibre.\n<\/p>\n
\n 20 La conception Web r\u00e9active est un mod\u00e8le parfait
\n<\/h5>\n
\n Esp\u00e9rons que personne ne croit vraiment \u00e0 ce mythe. Le designer chevronn\u00e9 comprend qu’il n’y a pas vraiment de mod\u00e8le parfait, en particulier avec une entit\u00e9 qui se d\u00e9veloppe si rapidement. Il y aura toujours des bizarreries, des temps de chargement plus lents et d’autres probl\u00e8mes dont les utilisateurs pourront se plaindre.\n<\/p>\n
\n Cependant, c’est le meilleur mod\u00e8le que nous ayons pour am\u00e9liorer l’exp\u00e9rience utilisateur sur plusieurs appareils, et c’est aussi votre meilleur pari pour stimuler l’engagement des utilisateurs avec votre marque. Avec plus de 60 % de toutes les activit\u00e9s Internet accessibles sur un appareil mobile, il s’agit d’un mod\u00e8le tr\u00e8s important \u00e0 prendre en compte, m\u00eame s’il pr\u00e9sente des d\u00e9fauts.\n<\/p>\n
\n Le responsive web design n’est pas une science exacte, et il est difficile de comprendre tous les tenants et les aboutissants de ce qui fait son succ\u00e8s. Cependant, cela vaut la peine d’\u00eatre \u00e9tudi\u00e9 et ma\u00eetris\u00e9 pour am\u00e9liorer votre r\u00e9ussite globale avec votre entreprise.\n<\/p>\n<\/p>\n
\n Source d’enregistrement:
instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"La n\u00e9cessit\u00e9 d’aborder l’importance de la conception Web r\u00e9active est depuis longtemps pass\u00e9e. Il est maintenant temps de se concentrer sur la fa\u00e7on de rendre la conception la plus r\u00e9active possible. C’est ce dont tout le monde parle, mais malheureusement, tout le monde ne sait pas de quoi il parle. Trop souvent, vous trouverez sur Internet des informations qui remettent en question vos connaissances en mati\u00e8re de conception r\u00e9active. Parfois, la friandise sera extr\u00eamement constructive et aidera \u00e0 orienter vos strat\u00e9gies de conception Web dans la bonne direction. D’autres fois, vous finirez par \u00eatre confus ou finirez par aller dans la direction totalement oppos\u00e9e. Quand cela arrive, il y a\u2026<\/p>\n","protected":false},"author":1,"featured_media":149017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[197,145,54],"tags":[],"class_list":["post-251784","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-web","category-trucs-et-astuces-web","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251784"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251784\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/149017"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}