{"id":10050,"date":"2019-12-24T16:08:29","date_gmt":"2019-12-24T15:08:29","guid":{"rendered":"https:\/\/www.printoclock.com\/blog\/?p=10050"},"modified":"2021-11-26T17:37:55","modified_gmt":"2021-11-26T15:37:55","slug":"6-grandes-tendances-du-web-design-pour-2020","status":"publish","type":"post","link":"https:\/\/www.printoclock.com\/blog\/6-grandes-tendances-du-web-design-pour-2020\/","title":{"rendered":"6 grandes tendances du web design pour 2020"},"content":{"rendered":"

Ces derni\u00e8res ann\u00e9es, les concepteurs de sites Web ont mis l\u2019accent sur l\u2019exp\u00e9rience utilisateur (UX Design) en r\u00e9alisant des interfaces pr\u00e9sentant l’information recherch\u00e9e par les internautes de fa\u00e7on optimale, rapidement et efficacement. Ainsi, si on compare les sites Web d’il y a dix ans \u00e0 ceux d’aujourd’hui, on remarque une nette \u00a0l’industrie s’am\u00e9liore \u00e0 cet \u00e9gard. Mais avons-nous perdu quelque chose en cours de route ?<\/p>\n

\u00ab\u00a0Je pense que nous sommes \u00e0 une \u00e9poque o\u00f9 les commentaires des utilisateurs conduisent \u00e0 des designs bien optimis\u00e9es mais de plus en plus g\u00e9n\u00e9riques \u00ab\u00a0, affirme Simon Gater, directeur de la cr\u00e9ation et copropri\u00e9taire de Mad River. Les retours que nous recevons de la part des utilisateurs nous permettent de comprendre plus facilement et rapidement si votre travail est \u00a0\u00bb adapt\u00e9 \u00e0 l’objectif<\/em> \u00a0\u00bb et nous permettent d’atteindre les objectifs du client \u00e0 un niveau statistique. Mais comme de plus en plus de cr\u00e9ateurs de sites web re\u00e7oivent des commentaires similaires, nous risquons d’\u00eatre filtr\u00e9s par la m\u00eame tendance de conception ou le m\u00eame chemin d’ex\u00e9cution. Pour cette raison, nous devons d\u00e9sormais travailler plus fort pour nous diff\u00e9rencier tout en maintenant une exp\u00e9rience utilisateur optimale<\/em>\u00ab\u00a0.<\/p><\/blockquote>\n

Alors que nous continuons arbitrer entre fonctionnalit\u00e9 et originalit\u00e9, utilit\u00e9 et inspiration, quelles sont les grandes tendances dont il faudra tenir compte, en 2020 et au-del\u00e0 ? Voici quelques pistes de tendances que Printoclock a d\u00e9nich\u00e9 pour vous.<\/p>\n

Des Micro-interactions sophistiqu\u00e9es<\/h2>\n

C\u2019est d\u00e9sormais une g\u00e9n\u00e9ralit\u00e9, le digital rythme notre quotidien, que ce soit sur un smartphone, une tablette, un ordinateur ou m\u00eame une montre connect\u00e9e. Ces interactions permanentes avec des interfaces num\u00e9riques ont favoris\u00e9 l\u2019\u00e9mergence des micro-interactions.<\/p>\n

Ce terme invent\u00e9 par Dan Saffer est d\u00e9fini comme de \u00ab Petits instants pendant lesquels l\u2019utilisateur et l\u2019interface interagissent. Quand elles sont bien con\u00e7ues, ces micro-interactions am\u00e9liorent l\u2019exp\u00e9rience de l\u2019utilisateur et optimisent la conversion sur des actions sp\u00e9cifiques.<\/em> \u00bb.<\/p>\n

Les MI (micro-interactions) existent depuis des ann\u00e9es, en particulier sur les m\u00e9dias sociaux. Un exemple que vous connaissez surement\u00a0: le c\u0153ur rouge qui surgit lorsqu’une publication est aim\u00e9e sur Instagram. Mais alors que l’attention continue de se restreindre, Lee Poynter, responsable mondial du design chez Crowd, pense que les MI vont devenir plus importantes en 2020.<\/p>\n

\"micro<\/p>\n

\u00ab\u00a0Les micro-interactions et les micro-animations vont devenir plus sophistiqu\u00e9es jusqu’\u00e0 ce qu’elles fassent partie de l’interactivit\u00e9 de tout le monde<\/em>\u00ab\u00a0, pr\u00e9dit-il.<\/p>\n

\u00ab\u00a0Elles sont un moyen de signaler, de donner du feed-back et d’assurer la confiance.<\/em>\u00ab\u00a0<\/p><\/blockquote>\n

Sa coll\u00e8gue, la webdesigneuse Vicky Kwan, est d’accord. \u00ab\u00a0Les micro-interactions sont utilis\u00e9es pour montrer la personnalit\u00e9 et l’ambiance d’une marque <\/em>\u00ab\u00a0, explique-t-elle. \u00a0\u00bb Par exemple, si un produit veut \u00eatre pr\u00e9sent\u00e9 de mani\u00e8re \u00e9l\u00e9gante, les interactions ne seront pas rebondissantes ; au contraire, elles se feront en douceur et lentement, de sorte que cela donne une impression d’\u00e9l\u00e9gance quand la personne le regarde<\/em> \u00ab\u00a0. Comme par exemple l\u2019animation \u00ab\u00a0wavy\u00a0\u00bb au survol des boutons que vous pourrez voir sur le site Bornemouth Beach Lodge.<\/p>\n

\"Site<\/p>\n

Des typographies vari\u00e9es<\/h2>\n

L’ann\u00e9e 2020 verra-t-elle davantage d’exp\u00e9rimentations typographiques sur le web ? Nous vous avions proposer r\u00e9cemment \u00ab\u00a0Le top 10 typographies qui vont compter en 2020\u00a0<\/a>\u00bb et cette tendance semble se confirmer.<\/p>\n

\u00ab\u00a0Les caract\u00e8res minuscules sans empattement sont tr\u00e8s utilis\u00e9s depuis des ann\u00e9es maintenant et, par cons\u00e9quent, beaucoup de sites Web ont commenc\u00e9 \u00e0 se ressembler un peu<\/em>\u00ab\u00a0, dit James Wood, co-fondateur et directeur cr\u00e9atif de ShopTalk. \u00ab\u00a0Mais nous voyons les germes du changement, et cela va prendre de l’ampleur en 2020. Les caract\u00e8res manuscrits, les polices r\u00e9tro et les polices d’animation font un retour en force<\/em>.\u00a0\u00bb<\/p>\n

\u00ab\u00a0Nous voyons aussi des combinaisons – des choses qui semblent ne pas aller ensemble, mais qui fonctionnent quand m\u00eame<\/em> \u00ab\u00a0, poursuit-il. \u00ab\u00a0Les imperfections peuvent ajouter une vraie personnalit\u00e9. Attention aussi \u00e0 une grande pouss\u00e9e dans les \u00e9l\u00e9ments 3D immersifs. L’esperluette m\u00e9tallique 3D rotative de Walsh en est un bon exemple.<\/em>\u00a0\u00bb<\/p>\n

\"site<\/a><\/p>\n

L\u2019essor du Dark Mode<\/h2>\n

\u00ab\u00a0Le design en mode sombre a \u00e9t\u00e9 un grand sujet de conversation cette ann\u00e9e<\/em> \u00ab\u00a0, note Davide Barrata, directeur du design chez Impero. La pol\u00e9mique sur ses avantages et ses inconv\u00e9nients a \u00e9t\u00e9 discut\u00e9 partout, notamment en demandant si le \u00ab\u00a0design\u00a0\u00bb n\u2019\u00e9tait pas sacrifi\u00e9 au profit de la science. C\u2019est un sujet qui sera toujours d\u2019actualit\u00e9 en 2020.<\/p><\/blockquote>\n

Consuela Onighi, designer UX chez Illustrate Digital, voit la tendance comme une bonne chose.<\/p>\n

\u00ab\u00a0Le mode sombre est une option int\u00e9ressante pour une UX plus agr\u00e9able, car il fait ressortir le contenu et il est plus agr\u00e9able \u00e0 l’\u0153il<\/em> \u00ab\u00a0, affirme-t-elle. \u00ab\u00a0Je ne serais pas surprise si la plupart des designers commen\u00e7aient \u00e0 passer en mode sombre au cours de la nouvelle ann\u00e9e<\/em>.\u00a0\u00bb<\/p><\/blockquote>\n

Ce concept n’est pas nouveau, bien s\u00fbr. \u00ab\u00a0Cependant, en 2019, nous avons vu des marques comme Pinterest, Slack et Instagram le mettre en place, avec Facebook et Whatsapp dont le lancement est imminent<\/em> \u00ab\u00a0, souligne Lee Hoddy, partenaire cr\u00e9atif chez Conran Design Group. Et il approuve de tout c\u0153ur.<\/p>\n

\u00ab\u00a0Au-del\u00e0 des avantages plus fonctionnels qu’offre le mode sombre, comme l’augmentation de la dur\u00e9e de vie de la batterie et les r\u00e9glages de faible luminosit\u00e9, esth\u00e9tiquement parlant, il r\u00e9alise l’exploit de cr\u00e9er l’impression d’un design vraiment sans lunette et sans encoche, ce que la majorit\u00e9 des fabricants de t\u00e9l\u00e9phones intelligents r\u00e9clament \u00e0 cor et \u00e0 cri du point de vue du design du produit<\/em> \u00ab\u00a0, soutient M. Hoddy. \u00ab\u00a0Il va \u00eatre int\u00e9ressant de voir comment les designers vont pousser le mode sombre plus loin en 2020<\/em>.\u00a0\u00bb<\/p>\n

\"Instagram<\/p>\n

La tendance au minimalisme se poursuit<\/h2>\n

\u00ab\u00a0Une tendance que nous constatons de plus en plus en 2019 est la conception de pages Web simples et minimalistes<\/em> \u00ab\u00a0, dit Steve Sharp, directeur de Fat Cow Media. \u00ab\u00a0Suivant les traces d\u2019Apple, les entreprises recherchent des mod\u00e8les simples pour faire passer leur message de marque et pr\u00e9senter leurs produits et services de mani\u00e8re claire et concise<\/em>\u00a0\u00bb. Fervent partisan de cette approche, il ajoute. \u00ab\u00a0C’est propre, moderne et frais et \u00e7a rend l’exp\u00e9rience de l’utilisateur encore meilleure. Je suis heureux de voir cette tendance particuli\u00e8re se g\u00e9n\u00e9raliser en 2020.<\/em>\u00a0\u00bb<\/p>\n

Bien s\u00fbr, le minimalisme consiste en fin de compte \u00e0 offrir une exp\u00e9rience plus facile et meilleure \u00e0 l’utilisateur, et c’est tout autant une question de fonctionnalit\u00e9 que d’esth\u00e9tique. Alex Schleifer, directeur du design chez Airbnb, pense que de grandes avanc\u00e9es seront r\u00e9alis\u00e9es en 2020. \u00ab\u00a0Nous nous habituerons \u00e0 des interfaces \u00e0 tr\u00e8s faible friction, ou sans friction, pour les inscriptions et les paiements<\/em> \u00ab\u00a0, pr\u00e9dit-il. \u00ab\u00a0L’inscription en une seule fois et les paiements instantan\u00e9s deviendront la norme, tandis que la saisie des num\u00e9ros de cartes de cr\u00e9dit et des mots de passe commencera \u00e0 sembler archa\u00efque.<\/em>\u00a0\u00bb Nous sommes impatients de voir \u00e7a !<\/p>\n

\"Site<\/p>\n

Plus d\u2019images en format portrait<\/h2>\n

\u00ab\u00a0J’ai remarqu\u00e9 une r\u00e9elle augmentation de l’utilisation d\u2019image en format portrait dans les versions desktop de site internet cette ann\u00e9e<\/em>\u00ab\u00a0, d\u00e9clare Jake Young, designer num\u00e9rique senior chez Mad River. \u00ab\u00a0Cela va devenir de plus en plus courant car de plus en plus de gens regardent du contenu sur leur t\u00e9l\u00e9phone<\/em>.\u00a0\u00bb<\/p>\n

Cette tendance n\u2019est pas limit\u00e9e \u00e0 quelques webmasters paresseux qui ne recadrent pas leur images destin\u00e9es \u00e0 l\u2019affichage sur mobile ou au rapport 4:5 habituel.<\/p>\n

\u00ab\u00a0Nous voyons de plus en plus de recadrages d’images de plus en plus grands sur desktop… et ils sont magnifiques. Cette consid\u00e9ration d’image r\u00e9sulte en des illustrations plus grandes, mais bien r\u00e9fl\u00e9chies, qu’il s’agisse de carrousels ou de cartes<\/em>.\u00a0\u00bb<\/p><\/blockquote>\n

\"site<\/a><\/p>\n

Les interfaces pliables<\/h2>\n

De nombreuses grandes tendances dans le domaine de la conception de sites Web ont \u00e9t\u00e9 dict\u00e9es par les nouveaux appareils, notamment au d\u00e9but des ann\u00e9es 2010 par l’essor de l’iPad. A l’aube des ann\u00e9es 2020, nous assisterons peut-\u00eatre \u00e0 un changement similaire pour r\u00e9pondre aux nouveaux appareils pliables, comme le Samsung Galaxy Fold 5G.<\/p>\n

\u00ab\u00a0L’\u00e9mergence d’un \u00ab\u00a0web pliable\u00a0\u00bb signifie que de plus en plus de designs reconna\u00eetront et offriront une exp\u00e9rience unique aux t\u00e9l\u00e9phones et tablettes pliables<\/em>\u00ab\u00a0, pr\u00e9dit Adam Innes, d\u00e9veloppeur de logiciels senior \u00e0 50,000feet<\/em>.<\/p>\n

\"smartphone<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Ces derni\u00e8res ann\u00e9es, les concepteurs de sites Web ont mis l\u2019accent sur l\u2019exp\u00e9rience utilisateur (UX Design) parfois au d\u00e9triment de la cr\u00e9ativit\u00e9. Cette tendance sera-t-elle au coeur des webdesign de 2020 ? Vous le saurez en parcourant cet article faisant \u00e9tat des 6 grandes tendances en mati\u00e8re de webdesign pour 2020.<\/p>\n","protected":false},"author":36,"featured_media":10174,"comment_status":"closed","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_seopress_titles_title":"6 grandes tendances du web design pour 2020 - PrintOblog","_seopress_titles_desc":"Marronnier me direz-vous ? Peut-\u00eatre mais connaitre les derni\u00e8res tendances en mati\u00e8re de design web est d'une importance capitale pour les professionnels du secteur !","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"facebook_10227655330001852_196003483236":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[710],"tags":[],"class_list":{"0":"post-10050","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-webdesign"},"_links":{"self":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/10050"}],"collection":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/comments?post=10050"}],"version-history":[{"count":5,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/10050\/revisions"}],"predecessor-version":[{"id":12757,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/10050\/revisions\/12757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media\/10174"}],"wp:attachment":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media?parent=10050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/categories?post=10050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/tags?post=10050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}