5 tendances de conception de sites Web pour 2020 avec une puissance réelle –

Cet article sponsorisé a été créé par notre partenaire de contenu, BAW Media . Merci de soutenir les partenaires qui rendent SitePoint possible.

Le début d'une nouvelle année est toujours une période passionnante. Tout le monde s'engage à être meilleur, à se sentir mieux, à faire mieux. Mais comme de nombreuses résolutions du Nouvel An qui sont rapidement rejetées ou oubliées, les tendances de conception de sites Web similaires à la mode ont tendance à suivre un chemin similaire.

C'est parce qu'il est facile de se retrouver dans ce qui est cool maintenant au lieu de se concentrer sur ce que nous pouvons faire pour renforcer un site Web chaque jour qui passe.

5 tendances de conception Web qui ont un réel pouvoir de maintien

Jetez un œil à BeTheme et ses 500+ sites Web pré-construits. Ces conceptions épurées et classiques ont une réelle tenue.

C'est parce qu'elles sont centrées sur des principes de conception solides. Pas de palettes de couleurs flashy, de choix de polices tendance ou de technologies auxquelles vos utilisateurs ne sont pas prêts ou dont ils n'ont pas besoin. Et c'est la clé, non?

Vous créez des sites Web pour l'utilisateur final – pas pour vous-même.

Passer votre temps à utiliser les tendances de conception Web qui vont et viennent n'a pratiquement aucun impact sur vos visiteurs . Vous pouvez tirer parti de ces tendances éprouvées, éprouvées et durables en matière de conception de sites Web…

Tendance n ° 1: supprimer l'excédent et créer une navigation super minimale

L'un des avantages impressionnants du Web évoluant vers un système plus mobile -la première expérience est que les sites Web consultés sur le bureau sont également devenus plus simples et plus faciles à naviguer.

Avec plus de consommateurs affluant vers le Web sur leurs smartphones, les menus des sites Web ont dû rétrécir. Non seulement en termes d'espace, mais aussi en nombre de liens.

En 2020 et au-delà, les sites Web n'auront que la plus essentielle des pages du menu principal . Les liens secondaires seront relégués à des domaines tels que le pied de page et la barre latérale. Par conséquent, cela aidera à nettoyer les conceptions sur la page. Ils ne seront pas aussi jonchés de boutons d'appel à l'action pointant vers des pages internes.

Le site pré-construit BeRepair en est un bel exemple. Avec sa navigation cachée sous une icône de menu hamburger:

Lorsqu'il est ouvert, le menu contextuel suit la tendance du moins-est- plus. Il possède une liste de liens courte et simple à parcourir entourée d'un tas d'espaces blancs:

Les navigations non traditionnelles peuvent également bénéficier de ce formulaire du minimalisme. BeGarden le démontre avec son menu aligné à gauche:

Tendance n ° 2: Apportez une plus grande attention à votre message avec un espace blanc

Les utilisateurs sont surchargé de contenu, d'offres et d'autres distractions chaque fois qu'ils accèdent à Internet. Voulez-vous vraiment que votre site Web soit une autre chose qui cause du stress et, à son tour, de l'indécision?

Lorsque vous concevez avec un espace blanc, cela vous évite de chercher à mettre autant d'informations et autant d'options dans une seule section ou page que possible. Au lieu de cela, il vous encourage à faire plus avec moins.

Messagerie concise + grands espaces ouverts = bon pour votre taux de conversion.

Prenez, par exemple, cette bannière vidéo brève mais puissante au bas de BeWine :

Vous pouvez trouver d'autres moyens de laisser des images fortes mais simples raconter l'histoire de votre marque, comme le site BeWeddingPlanner fait:

Tendance n ° 3: Donnez aux visiteurs un visage humain à connecter

Peu importe à qui votre site Web ou votre marque sert. Il peut s'agir de lecteurs de blog, d'acheteurs en ligne ou de clients commerciaux à la recherche de nouveaux logiciels. Ils recherchent des marques fidèles.

Non seulement la fidélité à une entreprise crée moins de travail pour elle. Cela leur donne la tranquillité d’esprit de savoir qu’ils obtiennent à chaque fois un produit ou un résultat de haute qualité.

Parfois, vous n’êtes pas responsable de l’élaboration de l’offre de l’entreprise. Mais la façon dont vous présentez le site Web au monde affectera ce que les visiteurs en pensent initialement.

Ainsi, plutôt que d'utiliser des conceptions construites numériquement, intégrez davantage de visages humains et d'objets du monde réel à vos sites Web. La meilleure façon de commencer une relation avec des clients potentiels est de leur faire sentir qu'ils interagissent avec quelqu'un au lieu de quelque chose .

Même pour les entreprises qui vendent des choses, donner un peu de vie à vos images peut aider à améliorer les connexions des visiteurs avec votre site.

BeEcoFood par exemple, ajoute de la chaleur à son site Web avec cet en-tête plein de vie:

BeC Catering fait également un excellent travail en ajoutant la touche humaine à son offre. (C'est quelque chose qui est essentiel à son offre dans le monde réel, mais qui revient souvent à la nourriture):

Tendance n ° 4: Créez une expérience cohérente avec une typographie universellement acceptée [19659005] Au cours des dernières années, nous avons vu des tonnes de sites Web jouer avec la typographie décorative, en particulier pour susciter un sentiment de nostalgie. Le problème avec cela, cependant, est que beaucoup de ces polices créatives ne se traduisent pas bien sur tous les appareils.

Vous passez tellement de temps à créer vos conceptions Web, alors pourquoi autoriseriez-vous les navigateurs ou appareils de vos visiteurs pour finalement choisir les polices de sauvegarde qu'ils verront sur vos sites?

Alors que nous entrons dans les années 20, nous allons voir plus de sites Web jouer en sécurité (sur le Web) avec la typographie. Pour commencer, il permet une expérience plus cohérente sur tous les appareils. C'est aussi meilleur pour les performances de votre site Web.

De plus, en utilisant les polices serif et sans-serif pour le Web, il existe d'autres éléments dans lesquels vous pouvez investir vos énergies créatives. Tout comme cette animation sur la BeParty site:

Ou vous pouvez simplement vous concentrer sur la création d'un design accrocheur et impressionnant de haut en bas comme BeTheme fait:

Tendance n ° 5: Embrace Dark Mode

C'est l'une des nouvelles tendances de conception de sites Web, mais elle a déjà montré beaucoup de promesses en termes de tenue. Regardez simplement vos propres appareils mobiles et combien de vos applications (ou même l'appareil lui-même) ont des options de mode sombre.

De nombreuses études ont suggéré que le mode sombre est plus convivial pour les yeux lorsqu'il est vu dans des environnements à faible luminosité et lors de la lecture texte plus petit. Les consommateurs – en particulier ceux sur mobile – n'ont montré aucun signe de réduction du temps passé à regarder les écrans. Donc, il n'est pas surprenant que tant de gens raffolent du mode sombre .

En tant que tel, de nombreux concepteurs de sites Web se tournent vers des palettes de couleurs en mode sombre, même si ce n'est que pour les sections clés de la

Afin de créer un site Web plus convivial à long terme, les sites Web sont susceptibles de s'assombrir dans les bons contextes comme BeBoxing l'image concise mais puissante du héros:

Il y a aussi BeHosting qui utilise une palette plus dramatique pour attirer l'attention sur ses messages clés, comme celui-ci sur la maison page:

Le tableau de prix en est un autre excellent exemple car la palette dramatique et plus sombre est utilisée pour attirer l'attention sur le plan le plus avantageux sans avoir à le nommer explicitement comme tel:

Which Web Des Ign tendances adopterez-vous cette année?

En tant que concepteur de sites Web, il serait dans votre intérêt de garder un œil sur les tendances, mais sans consacrer trop d'énergie aux tendances de conception de sites Web qui passeront certainement à la mode. Il n'y a rien de mal à les utiliser quand cela a du sens de le faire, tant que vous vous engagez à les échanger lorsqu'ils tombent en désuétude.

Mais si votre objectif est de créer des sites Web plus solides, votre concentration doit être sur la conception avec des tendances qui ont une réelle tenue. Et, comme nous l'avons vu dans cet article, vous pouvez facilement transformer cet objectif en réalité avec l'un des plus de 500 sites Web préconstruits de BeTheme .