Conception de sites Web en 2020 – Tendances, conseils et terreurs

tendances de conception de sites Web pour 2020Alors que 2019 s’estompe déjà derrière nous, nous’re commence à se concentrer sur la promesse brillante et dorée de la nouvelle année: 2020.


Que vous’déjà en cours d’exécution d’un site Web, ou ont fait une nouvelle année’s résolution d’en démarrer un, sachant quoi’s se passe dans le monde de la conception web est toujours un point positif. nous’re ici pour vous préparer aux tendances les plus chaudes à venir en 2020, vous avertir des erreurs courantes à éviter et partager les meilleures compétences en conception à rafraîchir avant la nouvelle année.

Nous nous sommes tournés vers des experts en conception de sites Web d’un certain nombre d’industries qui pourraient nous donner un aperçu spécial de ce que la nouvelle année réserve à la conception de sites Web..

et voici les résultats…

Meilleures tendances de conception Web pour 2020

  1. UI: Mode sombre
  2. Aspect visuel: Graphiques 3D
  3. Mobile: Design minimal
  4. Commerce électronique: Couleurs vives
  5. UX: AI et interaction vocale
  6. Personnalisation: Illustrations et animations
  7. WordPress: Gutenberg
  8. Contenu: Cadres blancs
  9. Typographie: Typographie décrite

Chaque tendance appartient à une catégorie différente – nous’Je vais parcourir chacun plus en détail, y compris des citations d’experts et des conseils.

Si vous’En consultant notre liste et en vous demandant comment appliquer ces tendances à votre propre site Web, ne’t t’inquiète. nous’re va également plonger dans les compétences et les outils de conception pour vous aider à vous préparer pour 2020, en plus de passer par quelques erreurs de conception courantes que vous devriez éviter.

La décennie tire à sa fin, nous avons donc gagné’t attendre plus longtemps – laissez’s plongez directement dans les 9 meilleures tendances de conception de sites Web pour 2020!

Rencontrez les experts!

ana abrantes

Ana Abrantes,
Concepteur d’interface utilisateur

Kevin Murray

Kevin Murray,
Expert en solutions de commerce électronique

ella johnson

Ella Johnson,
Designer numérique créatif

carol verity mann

Carol Verity Mann,
fondateur de
Les femmes sur le Web

andreas poulos

Andreas Pouros,
PDG de Greenlight Digital

alex vasili

Alex Vasili,
Chef de marque chez MVF Global

edd wilson

Edd Wilson,
Spécialiste technique SEO principal

1

Meilleure tendance de conception pour l’interface utilisateur: mode sombre

conception de sites Web en mode sombre mobile UI signifie interface utilisateur, et se compose de la éléments visuels d’un produit numérique. Cela inclut la conception d’écrans, de texte, de boutons et d’images – tout ce que l’utilisateur voit et interagit avec relève de l’interface utilisateur.

Le mode sombre est devenu une tendance de conception répandue en 2019 lorsqu’il a été introduit par Google dans de nombreuses applications, de Chrome à YouTube. Le mode sombre a pris d’assaut Internet, et tous les signes suggèrent qu’il continuera de se propager en 2020.

conception de sites Web en mode sombre twitterTwitter passe automatiquement en mode sombre lorsqu’il est activé dans les paramètres de votre navigateur.

C’est une fonctionnalité amusante avec laquelle jouer sur votre téléphone, mais pourquoi devriez-vous la considérer comme une tendance de conception de sites Web pour 2020? Eh bien, Google Chrome et d’autres navigateurs Web ont un mode sombre intégré, de sorte que les sites Web peuvent désormais passer automatiquement en mode sombre si l’utilisateur l’a activé.

Cela ne fonctionne que si le site Web prend en charge le mode sombre, bien que!

Parce que tant de sites Web n’ont pas’t encore pris en mode sombre, Google Chrome a développé un “Oeil de nuit” qui rendra les sites Web normaux sombres, qu’ils’ve été optimisé pour cela ou non.

Nous vous recommandons de rester en avance sur la courbe et de penser au mode sombre lors de la conception de votre site, plutôt que de laisser le hasard au fait que votre site sera toujours beau en mode nuit forcée. YouTube, par exemple, a fière allure en mode sombre, ce qui signifie qu’il offre toujours une excellente expérience utilisateur:

conception de sites Web en mode sombre youtubeYouTube offre toujours une excellente expérience utilisateur en mode sombre, offrant aux utilisateurs le choix du style de conception qui leur convient le mieux.

Cependant, votre site pourrait finir par ressembler au vilain petit canard du monde du mode sombre – un peu comme le magasin de meubles IKEA’site web…

conception web mode sombre ikeaC’est sûr, IKEA’La boutique en ligne de s pourrait mieux paraître en mode sombre… 2

Meilleure tendance de conception pour la conception visuelle: graphiques 3D

Exemple de tendance de conception de sites Web 3D

Lorsque nous avons parlé à la designer numérique créative Ella Johnson, elle nous a donné un aperçu de la montée du design 3D:

“La conception en rendu 3D est populaire pour augmenter les effets secondaires, ce qui rend les choses vraiment lisses et satisfaisantes. Là’s été une grande adoption dans l’utilisation de Cinema 4D pour ajouter des effets postérieurs 3D, et je pense que cela ne fera que gagner en popularité.”

Cela a du sens, en particulier avec l’augmentation de la réalité virtuelle – il semble que les gens recherchent de plus en plus d’expériences immersives en ligne.

L’évolution vers les graphismes 3D suggère une ambiance lisse, élégante et moderne, bien qu’il soit intéressant de voir comment les concepteurs jouent avec cela à travers des illustrations et de la typographie, par exemple.

Exemple de conception Web 3D WellyLa boutique en ligne Welly utilise des visuels 3D combinés à un motion design interactif pour créer une vue produit unique pour ses clients. Exemple de mouvement de conception web 3D

S’éloigner du design plat pourrait également avoir un impact sur les choix de couleurs que nous commençons à voir. Ella a développé cela en nous disant:

Les concepteurs s’éloignent des couleurs vives et lumineuses et s’orientent davantage vers les couleurs sourdes et pastel. Cela semble particulièrement efficace dans les illustrations illustrées en 3D où les compositions sont créées avec des ombres douces et un éclairage naturel doux, créant une scène visuellement agréable.”

web design tendance pastel 3d trelloTrello utilise beaucoup de couleurs pastel aux côtés de ses graphiques 3D, créant une sensation douce, lumineuse et moderne. 3

Meilleure tendance de conception pour mobile: conception minimale

quiz minimal de tendance de conception mobile

Le minimalisme est un choix de conception populaire pour les mobiles depuis quelques années maintenant. Pourtant, il’s une tendance fiable et durable qui a plus que prouvé sa valeur et qui devrait rester forte jusqu’en 2020.

Le point que nous voulons souligner ici, cependant, est que le design minimaliste ne’t doit signifier un design ennuyeux. Vous pouvez toujours utiliser des couleurs vives et audacieuses, des sections qui se chevauchent et des polices lourdes – tout ce qui convient à votre image de marque.

Le minimalisme consiste à supprimer tout excès inutile pour créer une expérience utilisateur claire et facile. Utilisez l’espace blanc et concentrez-vous sur la forme et la fonction pour éviter de submerger vos visiteurs.

Des experts

ana abrantes

Ana Abrantes dit… “Ce n’est pas une nouveauté, mais elle est tout de même importante: l’approche Mobile first devrait être la priorité. Dans un avenir proche, les utilisateurs ne visiteront que les sites Web sur leur téléphone, il est donc’s important de se préparer au jour venu.”

Ici’s un excellent exemple de design minimaliste pour mobile, du site web du studio de design Yaroflasher:

exemple mobile minimal de yaroflasherStudio de design Yaroflasher’Le site Web de s est extrêmement visuel et élégant, sans se sentir encombré. Il utilise un design minimal pour offrir aux visiteurs une expérience utilisateur propre et facile.

Ce site utilise de grandes polices, des animations et des couleurs vives contrastées sur un fond noir – tout en conservant un design clair et minimal qui’s très facile à naviguer.

Vous’Nous remarquerons également que la plupart des applications mobiles favorisent une conception minimale, comme l’exemple ci-dessous de Headspace, une application de méditation populaire. Il’Il est particulièrement important que cette application offre une expérience’s facile à utiliser, car les gens attendent une expérience calme et relaxante.

app mobile headspace design mobile minimalL’application Headspace utilise un design minimal pour offrir un parcours utilisateur fluide et accessible, tout en engageant ses utilisateurs.

Notez l’utilisation d’icônes, de couleurs et d’illustrations – ces éléments fonctionnent tous ensemble pour engager les utilisateurs, tout en gardant le contenu simple et facile à digérer et à naviguer.

Le design minimal a fière allure, mais’s une autre raison de défendre cette tendance en 2020 – l’effet qu’elle peut avoir sur les vitesses de chargement.

Comme toujours, les vitesses de chargement sont un facteur critique – et cela ne deviendra de plus en plus important qu’en 2020, en raison de l’énorme concentration sur le mobile qui’s est en croissance depuis que Google a introduit l’indexation mobile en mars 2018.

Nous avons discuté avec Edd Wilson, spécialiste principal du référencement technique à l’agence de marketing numérique Impression, qui a expliqué comment le paysage des moteurs de recherche et du design évolue en raison de l’essor du mobile:

“Google a introduit l’indexation mobile-first en mars 2018 – et maintenant, en 2019, la majorité des sites Web de Google’L’index sera analysé et visualisé dans une perspective mobile. Étant donné que la majorité des appareils dépendent d’un réseau 3G / 4G, il’s important de considérer qu’ils voudront un site Web à chargement rapide.”

Il’Il est facile de voir comment le mobile pousse tout Internet à voyager plus léger, à charger plus rapidement et à offrir une satisfaction instantanée aux utilisateurs – en particulier avec la 5G qui relève la tête et promet des vitesses ultra-rapides pour ses utilisateurs.

Dans cet esprit, il’s pas étonnant que l’ère du design minimal entre en jeu pour les appareils mobiles!

4

Meilleure tendance de conception pour le commerce électronique: couleurs vives

conception de sites Web de commerce électronique jackie smith

Il était une fois, il n’y a pas si longtemps, le commerce électronique a vu une vague de design minimaliste et moderne avec des océans d’espace blanc et des couleurs monochromes. Mais cela pourrait tout changer à l’aube de 2020 – recherchez les couleurs vives et audacieuses qui vous viennent des magasins en ligne.

Les couleurs vives attirent l’attention, créent des réactions émotives et peuvent être de grandes motivations.’Il est facile de comprendre pourquoi les grandes couleurs fortes font un retour dans l’industrie du commerce électronique.

Alex Vasili avait ceci à dire sur le passage du minimalisme au multicolore dans la conception web:

“nous’voir un véritable mélange de styles à travers le conseil d’administration. Les designs minimalistes et raffinés auxquels nous nous sommes habitués au cours des dernières années ont donné la possibilité à une esthétique plus audacieuse et perturbatrice. Cela signifie que nous voyons des motifs et des couleurs audacieux utilisés dans l’industrie à la fois dans l’impression et le numérique.”

crâne de commerce électronique coloré bonbons 12 humeursGalerie de bonbons de crâne de commerce électronique coloréLa boutique en ligne Skullcandy a “12 Humeurs”, où chaque mois célèbre une manière différente que la musique nous fait sentir.exemple de bonbons de crâne de commerce électronique coloréChaque mois a une couleur différente qui occupe tout l’écran.

Si vous’Si vous définissez toujours votre marque, c’est le moment idéal pour choisir une palette de couleurs forte pour votre boutique en ligne. Choisissez une couleur principale et une couleur secondaire qui se complètent et qui créent un look qui correspond à votre marque’personnalité de s.

Cela peut sembler démodé, mais la psychologie des couleurs est extrêmement utile pour trouver les bonnes couleurs à utiliser sur votre site Web, alors faites des recherches avant de vous lancer. La recherche suggère que la couleur peut augmenter la reconnaissance de la marque jusqu’à 80%, donc ça’s vaut la peine d’y réfléchir!

Des experts

Kevin Murray

Kevin Murray dit… “La puissance et le potentiel du commerce électronique sont clairs. D’ici 2021, le marché devrait atteindre 4,9 billions de dollars… Les habitudes des consommateurs évoluent chaque jour – ils souhaitent que leur expérience d’achat soit plus personnalisée, plus rapide et de meilleure qualité que les années précédentes… En 2020, les marques doivent commencer à mesurer ce que ressentent les clients.”

En savoir plus

  • Est votre nouvelle année’s résolution de démarrer votre propre entreprise de commerce électronique? Consultez notre guide Comment vendre en ligne pour un coup de main!
  • Lisez notre explication pas à pas de Comment créer une boutique en ligne pour créer votre propre superbe boutique en 2020.

5

Meilleure tendance de conception UX: IA et interaction vocale

exemple de netflix de personnalisation ai UX signifie expérience utilisateur et concerne comment l’utilisateur se sent lors de l’interaction avec un produit ou un service. Satisfaire l’utilisateur’s besoins, résoudre des problèmes et créer une expérience positive et satisfaisante.

Saviez-vous que 65% des 25 à 49 ans parler à leurs appareils à commande vocale au moins une fois par jour? La façon dont nous interagissons avec les marques en ligne évolue, les écrans n’étant plus une nécessité.

La recherche vocale et les interactions vocales, combinées aux technologies de l’IA, révolutionnent notre façon de naviguer sur le Web.

En raison de l’IA, les gens s’attendent à un plus grand niveau de personnalisation et à des suggestions plus précises de produits, de musique, de films, etc. – il suffit de voir comment Netflix adapte son contenu à chaque utilisateur en fonction de ses choix.

Maintenant nous’ne dis pas que vous devriez commencer à travailler sur vos propres prototypes d’IA, ou créer un concurrent pour Siri – mais il y a deux choses clés que vous pouvez faire pour accueillir cette tendance en 2020:

1. Optimisez votre site Web pour la recherche vocale

D’ici 2020, 50% de toutes les recherches en ligne seront des recherches vocales effectuées à l’aide d’un assistant virtuel comme Siri ou Alexa – c’est donc autant de bon sens que de rester dans la tendance. Voici quelques façons de commencer:

  • Utilisez un langage naturel et conversationnel à travers des questions, des phrases simples et des contractions comme’s, ici’s, et’s.
  • Facilitez la recherche d’informations clés par Google – par exemple, mettre les informations de contact sur sa propre page, ou même sur votre page d’accueil!
  • Cibler des mots clés à longue queue, tel que “où’s le meilleur bar de New York?”
  • Mélanger le contenu des formulaires longs et courts – essayez d’inclure des FAQ accrocheuses à la fin des longs articles.
  • Concentrez-vous sur la vitesse de la page – compresser des images, couper du code inutile et supprimer des fichiers lourds comme des publicités et de longues vidéos

2. Adoptez l’IA

L’intelligence artificielle et l’expérience utilisateur devraient être une alliance parfaite – les deux sont conçues pour comprendre le comportement humain, puis offrent une solution utile et naturelle.

Accueillir l’IA sur votre site Web peut sembler intimidant, mais il existe quelques moyens assez simples pour commencer à offrir une meilleure expérience utilisateur grâce à la technologie moderne:

  • Essayez un chatbot pour fournir un service client rapide via le chat en direct, qui peut aider vos visiteurs sans épuiser votre temps ou vos ressources.
  • Utilisez l’IA pour offrir aux visiteurs une expérience personnalisée. C’est un peu plus avancé, mais vous pouvez personnaliser le contenu que les visiteurs voient en fonction de leurs choix ou achats précédents – c’est particulièrement idéal pour les sites de commerce électronique et de divertissement!

Que vous vouliez ou non essayer d’intégrer l’IA et les interactions vocales dans votre propre site Web, vous pouvez vous attendre à les voir faire des vagues sur le Web en 2020.

6

Meilleure tendance de conception pour la personnalisation: illustrations et animations

illustration de conception web exemple koox

Les illustrations sont chaudes sur la plupart des listes de tendances 2020 – il’s été un changement notable loin de la photographie de stock fade vers des illustrations plus uniques. Les images en désordre, abstraites, fluides et dessinées à la main deviennent de plus en plus populaires, car elles aident à transmettre la personnalité, la positivité et la créativité.

Des experts

ella johnson

Ella Johnson dit… “L’illustration, en particulier l’illustration vectorielle, fait son retour – plus que le dessin réaliste. Pour cette raison, je m’attendrais à voir une utilisation continue des motifs et des couleurs vives pour améliorer les images. L’illustration vectorielle est excellente, car elle peut être largement utilisée et a une petite taille de fichier pratique – et qui ne le fait pas’t aime un petit doodle!”

illustration web design exemple de curi sébastienSebastian Curi est un illustrateur et animateur qui travaille avec des clients qui ont besoin de graphiques pour leurs sites Web. Ce style d’illustration apparaît de plus en plus sur le web.

Les animations poussent cette idée un peu plus loin pour donner plus de vie à un site Web et peuvent être un outil utile pour créer une image de marque plus forte et une expérience plus attrayante pour vos visiteurs..

Les animations et les graphiques animés peuvent également créer une expérience plus personnalisée pour les utilisateurs, en les aidant à se connecter, à se souvenir et à revoir votre site Web. Un bon exemple de ceci est Animal, une agence de design suédoise, qui utilise des graphiques animés interactifs pour engager les utilisateurs:

web design tendance animation animal exempleAgence de design Animal’Le site Web de S utilise des graphiques animés interactifs pour engager ses visiteurs. web design tendance animation animal interactif exempleLes visiteurs peuvent utiliser leur curseur pour effacer le texte, encourageant l’engagement avec les messages du site.

Attention cependant – comme l’a souligné notre experte interne Ana Abrantes:

“Une tendance majeure consiste à utiliser de grandes images ou des illustrations avec du mouvement, mais cela peut ralentir un site Web et casser Google.’s règles sur la vitesse du site.”

Pour éviter cela, Ana recommande d’optimiser et de compresser les images pour réduire la vitesse du site, tout en gardant les visuels nets.

7

Meilleure tendance de conception pour WordPress: Gutenberg

tendance wordpress gutenberg

D’accord, nous savons que Gutenberg lui-même n’est pas techniquement’t vraiment une tendance de conception de sites Web. Et oui, il est sorti en novembre 2018. Mais ce nouvel éditeur WordPress devrait être énorme pour les utilisateurs de WordPress en 2020.

Comment savons-nous cela? Eh bien, le cofondateur de WordPress, Matt Mullenweg’s Discours sur l’état de la parole en novembre’s WordPress Camp US était plutôt concentré sur Gutenberg – il l’a mentionné plus de 70 fois dans son discours – nous avons donc pensé que nous devrions nous asseoir et écouter.

“… ce [Gutenberg] est le fondement fondamental que nous’va construire la prochaine décennie de WordPress sur” – Matt Mullenweg, co-fondateur de WordPress

Gutenberg est un gros problème car il repense tout le processus de construction et d’édition sur WordPress. nous’Nous avons sélectionné trois fonctionnalités de Gutenberg qui semblent intéressantes pour la conception de sites Web WordPress en 2020.

Thème WordPress Twenty Twenty

Le nouveau thème WordPress par défaut pour 2020 – à juste titre appelé Twenty Twenty – est conçu pour tirer le meilleur parti de l’éditeur Gutenberg. Son objectif est la flexibilité, les modifications basées sur des blocs et la personnalisation. Jusqu’à présent,’s été installé plus de 400 000 fois – jetez un œil ci-dessous et voyez si vous pensez que cela pourrait influencer votre style 2020.

tendance wordpress tendance vingt vingtWordPress’ le nouveau thème par défaut est conçu pour Gutenberg et vise à faciliter la personnalisation pour ses utilisateurs.

Dégradés

Gutenberg vous permet facilement ajouter des dégradés de couleurs aux boutons sans avoir à connaître de code. Cliquez simplement sur le bouton et choisissez vos couleurs dans l’onglet de dégradé interne qui apparaît – sélectionnez le design que vous souhaitez, puis cliquez sur mettre à jour pour enregistrer vos modifications!

wordpress web design gutenberg bouton gradientIl’Il est désormais facile d’ajouter des effets de couleur, y compris des dégradés, à vos boutons – vous’t même besoin de coder!

Image et texte

Gutenberg vous permet également placer une image et du texte côte à côte. Alors qu’avant cela aurait causé beaucoup de maux de tête et de frustration, il’s maintenant super simple d’insérer le “Médias & Texte” bloc pour insérer des images et du texte côte à côte.

wordpress web design gutenberg texte et bloc multimédiaLes média & Le bloc de texte facilite l’insertion d’une image avec du texte à côté.

Une fonctionnalité similaire est en préparation pour les boutons, où vous pouvez facilement formater les boutons dans une rangée plutôt que verticalement.

Ce ne sont que trois façons dont l’éditeur Gutenberg ouvre la conception, en particulier pour ceux qui n’ont pas de compétences en codage. En bref, cela vous donne plus de flexibilité de conception lors de l’utilisation de WordPress, et signifie que vous pouvez facilement personnaliser votre site Web.

En savoir plus

  • Vous débutez sur WordPress? Ici’s notre guide simple en 8 étapes sur Comment créer un site Web WordPress pour vous aider!

8

Meilleure tendance de conception pour le contenu: cadres d’espace blanc

exemple de l'espace blanc de la chronique de picasso

Les images en plein écran et le défilement de parallaxe ont été populaires au cours de la dernière année, et bien que nous’tu es sûr qu’ils’re pas sur le point de disparaître, il’s une nouvelle tendance en ville très prometteuse, en particulier pour les sites riches en contenu.

nous’parler de l’utilisation de blocs pleins d’espace blanc pour séparer le contenu, attirer l’œil et encadrer des images ou des blocs de texte. C’est un excellent moyen de donner à votre site un vrai sens de la structure et de la hiérarchie, tout en apportant un style frais et moderne à toute la page.

L’utilisation d’espaces blancs peut aider à accroître la compréhension du contenu de près de 20%, c’est donc une tendance de conception particulièrement utile pour les sites riches en contenu. Un tel exemple est Medium, un site de publication en ligne. Il utilise efficacement l’espace blanc pour garder subtilement ses lecteurs’ attention:

exemple moyen de conception web espace blancLa combinaison d’espace blanc, de texte et de blocs qui se chevauchent concentre le lecteur’l’attention et encadre efficacement le contenu.

Apple, Dropbox et Squarespace sont tous des exemples pour jeter un œil à l’inspiration des espaces blancs. Utiliser des sections pleines d’espaces blancs pour encadrer des images et du texte est une façon claire et audacieuse de présenter des informations et de guider vos utilisateurs’ attention aux faits saillants importants.

9

Meilleure tendance de conception pour la typographie: les polices décrites

exemple de typographie de conception web point à point

La typographie esquissée est quelque chose à surveiller de près dans l’année à venir. C’est peut-être un terme inconnu, mais il fait vraiment ce qu’il dit sur l’étain – c’est-à-dire que le contour du texte constitue les lettres, plutôt que le corps.

tendance de typographie décrite ella johnsonLa typographie décrite est élégante et accrocheuse, et devrait être prête pour 2020. (Image gracieuseté d’Ella Johnson)

Nous avons eu un conseil d’Ella Johnson sur sa prédiction pour les tendances typographiques en 2020:

nous’J’ai récemment vu beaucoup de typographie décrite – Huawei et Clarks en sont deux exemples – et’s notre prévision de tendance la plus forte pour 2020. Elle’s populaire en vidéo (en particulier les vidéos musicales),’s vraiment efficace lorsque vous animez.”

La typographie décrite offre un moyen accrocheur de concevoir des titres et d’ajouter une texture plus en couches à votre site, se prêtant facilement aux effets 3D.

La possibilité de montrer votre arrière-plan à travers votre texte est une dynamique intéressante à jouer et crée une sensation très moderne.

exemple de badass typographie web designCet exemple, de la société de production française Badass, lit des vidéos d’arrière-plan derrière son texte décrit, qui se remplit de rose uni lorsque vous faites défiler la page.

Bien sûr, vous devez faire attention à la façon dont vous utilisez les couleurs et les motifs lorsqu’ils sont associés à la typographie décrite, car vous’en s’appuyant sur votre arrière-plan pour clarifier le texte. Un arrière-plan uni et des couleurs contrastées fonctionnent mieux, mais vous pouvez jouer avec le style – comme Badass dans l’exemple ci-dessus – jusqu’à ce que vous’re heureux.

Des experts

alex vasili

Alex Vasili dit… “dans le branding et le design, j’ai remarqué une tendance générale vers des structures simples et audacieuses, avec plus de liberté créative donnée aux designs… Alors que les marques traditionnelles cherchent à rendre leurs identités plus utilisables et dynamiques dans un espace numérique… un nombre croissant de marques utilisent une typographie grande, audacieuse et propre pour leur logo, tout en donnant plus de place à l’illustration et à la couleur pour développer l’histoire de leur marque”

9 erreurs à éviter en 2020

Maintenant que nous’Je vous ai montré ce que vous devriez faire en 2020,’s jetez un oeil à certains péchés de conception à éviter au cours de la prochaine année. Nous avons demandé à notre bureau de découvrir quels éléments de conception communs intéressaient vraiment les gens’nerfs – peut-être vous’re déjà coupable de certains d’entre eux!

Les réponses ont été nombreuses, mais voici les 9 erreurs de conception qui ont le plus excité les gens:

  1. Médias de lecture automatique
  2. Coordonnées cachées
  3. Des pop-ups et des publicités intrusives qui vous suivent tout au long de la page
  4. DEFILEMENT infini
  5. Pages produits Clunky
  6. En-têtes collants obstructifs
  7. Sites Web à chargement lent
  8. Boutiques en ligne sans caisse d’invité
  9. Des fenêtres contextuelles plein écran qui couvrent la totalité de la page Web

Les médias de lecture automatique étaient définitivement en tête de liste, avec un collègue disant: “les vidéos de lecture automatique sont un péché et devraient être bannies de l’existence.” Assez solide – et un signe clair pour rester à l’écart de cette tendance de conception particulière si vous voulez garder vos visiteurs heureux.

Pour les magasins en ligne, avoir une option de paiement en tant qu’invité – où vous pouvez terminer votre commande sans avoir à vous inscrire – est d’une importance vitale. En fait, un récent sondage a révélé que 31% des gens ont abandonné leurs commandes parce que le site voulait qu’ils créent un compte, ce qui en fait le deuxième raison la plus courante pour abandon de panier!

Cette liste montre que toutes les tendances de conception ne sont pas bonnes – comme pour la plupart des choses, juste parce que quelque chose est populaire,’Cela signifie que tout le monde devrait commencer à le copier. Il en va de même pour votre site Web – réfléchissez bien à vos choix de conception, et s’ils profitent à vos utilisateurs tout en ayant l’air cool.

C’était un point important souligné par Carol Verity Mann, qui a déclaré:

“Quand le design est un ‘tendance’, il pourrait en fait ne pas convenir à l’utilisateur et au ‘Regardez’ ils veulent dépeindre… Oui, il y a des tendances et je ne voudrais pas’t dire que je les ignore du tout. Mais j’ai gagné’t faire quelque chose ou utiliser quelque chose juste parce’s une tendance. Je n’appliquerais une tendance que si’s totalement approprié à la construction globale.”

Cela souligne l’importance de penser d’abord à votre site Web, à votre marque et à vos utilisateurs, et de travailler à partir de là pour décider des tendances ou des tactiques de conception à appliquer. Pensez au pourquoi avant toute chose.

Notre conseil est de:

  • Embrassez l’espace blanc
  • Obtenez les commentaires des autres
  • En cas de doute, laissez-le sortir!

Des erreurs et des accidents se produisent, mais ne’t laissez votre site Web souffrir d’une mauvaise conception. Écoutez les experts et essayez de vous rappeler ce qui vous agace lorsque vous’réutiliser le Web – il est probable que vos propres visiteurs ressentent la même chose!

Des experts

andreas poulos

Andreas Pouros dit… “Les enquêtes sur la page, ou même les enquêtes de sortie, sont un excellent moyen d’obtenir plus d’informations sur les clients et leur expérience sur le site. Les enquêtes sur la page permettent d’évaluer des domaines particuliers des sites Web. En apprenant leurs pensées, leurs sentiments envers le site peuvent être évalués et tous les obstacles qui peuvent créer une expérience négative peuvent être découverts.”

3 compétences en conception à rafraîchir en 2020

Peut-être toi’Je vous ai déjà fixé des objectifs à atteindre l’année prochaine, et vous êtes prêt et impatient de partir. Mais si tu’re regardant notre liste et se demandant où diable vous’re censé commencer, ici’s une liste de compétences et d’outils à considérer.

1. Animation

La plupart des gens semblent d’accord sur le fait que l’animation sera importante en 2020 – en fait, une récente enquête mondiale sur le design a révélé que la motion design était la compétence que la plupart des concepteurs souhaitaient acquérir au cours des deux à trois prochaines années, afin de rester pertinent dans leur domaine.

Il est donc logique de se préparer pour 2020 en apprenant des techniques de motion design ou d’animation!

enquête mondiale sur la conception de sites WebDribble’L’enquête mondiale sur le design a révélé que le motion design était la compétence que la plupart des concepteurs souhaitaient acquérir au cours des deux à trois prochaines années..

La bonne chose à propos du motion design est que vous pouvez l’adapter à votre médium préféré ou à vos compétences existantes. Par exemple, si vous’re tout sur la création d’illustrations, vous pouvez vous essayer à l’animation de vos créations.

Pour commencer, jetez un œil à ces outils et ressources:

  • Adobe Photoshop – il est utile de se familiariser avec cela avant de passer à Adobe After Effects
  • Adobe After Effects – le premier choix pour créer des graphiques animés
  • École de mouvement – une plateforme de formation en ligne spécifiquement pour le motion design
  • Lynda.com – une ressource incroyable pleine de cours en ligne

2. Illustration

Au regard des tendances attendues pour 2020, il’Il est clair que la créativité continuera de prospérer et de croître dans la conception Web. L’illustration est susceptible de jouer un rôle clé dans la définition des marques, l’engagement du public et la conception des pages, de sorte qu’elle’s vaut prendre au sérieux.

Commencez à jouer avec l’illustration pour trouver votre propre style et niche!

3. Codage

Cela peut sembler effrayant, mais si vous’re débutant, puis apprendre du code vous aidera à aller plus loin. Il existe différents codages “langues” vous pouvez apprendre, mais voici les principaux à regarder:

  • HTML – cela signifie HyperText Markup Language, et est utilisé pour donner du contenu et une structure aux sites Web
  • CSS – Les feuilles de style en cascade contrôlent le style et la mise en forme d’une page Web’s HTML
  • Javascript – celui-ci est à ajouter à votre ensemble de compétences si vous voulez vous démarquer de la concurrence et amener vos conceptions au niveau supérieur avec des éléments interactifs

Meilleures tendances du design pour 2020: le tour d’horizon

nous’avons parlé aux experts, nous’ve chaluté sur Internet pour des exemples élogieux, et nous’Je vous ai donné notre sélection des tendances de conception de sites Web les plus en vogue pour 2020, du mobile au commerce électronique. Nous avons même exploré les erreurs de conception courantes à éviter et les compétences de conception à réviser pour 2020.

Mais après tout cela, ce que nous voulons vraiment dire, c’est: les tendances du design web de 2020 sont entre vos mains. Allez-vous choisir d’explorer des illustrations ou des graphiques 3D? Allez-vous adopter des couleurs douces ou choisir des dégradés vibrants pour votre site Web?

Les experts ont parlé, mais les tendances de 2020 n’ont pas’t encore écrit – encore, pendant que vous décidez lesquels vous conviennent, ici’s un résumé rapide de nos choix les plus populaires:

  1. UI: Mode sombre
  2. Aspect visuel: Graphiques 3D
  3. Mobile: Design minimal
  4. Commerce électronique: Couleurs vives
  5. UX: AI et interaction vocale
  6. Personnalisation: Illustrations et animations
  7. WordPress: Gutenberg
  8. Contenu: Cadres blancs
  9. Typographie: Typographie décrite

Que vous’êtes juste un débutant ou êtes un expert vous-même, nous espérons que vous’ai apprécié notre ventilation de 2020’s les plus grandes tendances de la conception de sites Web, et nous sommes ravis de prendre tout ce que la nouvelle année nous réserve!

Merci à nos experts!

ella johnson

Ella Johnson,
Creative Digital Designer chez Armadillo

carol verity mann

Carol Verity Mann,
copropriétaire de We Get Digital et fondatrice de Women on the Web

andreas poulos

Andreas Pouros,
PDG de Greenlight Digital

ana abrantes

Ana Abrantes,
Concepteur d’interface utilisateur

edd wilson

Edd Wilson,
Spécialiste technique SEO principal chez Impression

Kevin Murray

Kevin Murray,
Directeur général de Greenlight Commerce

alex vasili

Alex Vasili,
Chef de marque chez MVF Global

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me