Catégories
Astuces et Design

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

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 un moment passionnant. 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 à la mode ont tendance à suivre une voie similaire.

C'est parce qu'il est facile de s'envelopper 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 de sites Web qui ont un réel pouvoir de rester

Jetez un œil à BeTheme et à plus de 500 sites Web pré-construits. Ces designs épurés et classiques ont une réelle tenue.

En effet, ils sont centrés 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 profiter de ces tendances de conception Web éprouvées, durables et durables…

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

L'un des avantages incroyables du Web vers une expérience plus axée sur le mobile 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 zones comme 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:

Site pré-construit BeRepair

Une fois ouvert, le menu contextuel suit la tendance du moins est plus. Il a une liste de liens courte et simple à parcourir entourée d'un tas d'espace blanc:

menu

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

menu aligné à gauche

Tendance n ° 2: mettez davantage l'accent sur votre message grâce à l'espace blanc

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

Lorsque vous concevez avec un espace blanc, cela vous évite d'avoir l'habitude d'essayer de 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:

bannière vidéo

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

racontez l'histoire de votre marque

Tendance n ° 3: donner aux visiteurs un visage humain auquel se connecter

Peu importe qui dessert votre site Web ou votre marque. 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 un produit ou un résultat de haute qualité à chaque fois.

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 au départ.

Ainsi, plutôt que d'utiliser des conceptions construites numériquement, intégrez davantage de visages humains et d'objets du monde réel dans 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 objets, 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:

En-tête BeEcoFood

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 à l'arrière de la nourriture):

Ajouter la touche humaine

Tendance n ° 4: créez une expérience cohérente avec une typographie universellement acceptée

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 les appareils de vos visiteurs à choisir les polices de sauvegarde qu'ils verront sur vos sites?

Alors que nous entrons dans les années 20, nous allons voir davantage 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 également 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 le site BeParty:

Animation BePart

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

design impressionnant

Tendance n ° 5: adopter le mode sombre

C'est l'une des nouvelles tendances en matière de conception Web, mais elle a déjà montré beaucoup de promesses en termes de durabilité. 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 de 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 du site.

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

image de héros concise mais puissante

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 page d'accueil:

une palette plus dramatique

Le tableau des 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 mentionner explicitement comme tel:

tableau des prix

Quelles tendances de conception Web 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 de ne pas consacrer trop d'énergie aux tendances de conception 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, vous devez vous concentrer sur la conception avec des tendances qui ont un réel pouvoir de résistance. Et, comme nous l'avons vu dans cet article, vous pouvez facilement transformer cet objectif en réalité avec l'un des 500+ sites Web préconstruits de BeTheme.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *