Tendances du web design 2016 : navigation simple, minimalisme, personnalisation

Torben Simon Meier Dernière mise à jour : 15.01.2020
5 Min.
tendances du web design 2016

Les designs web innovants sont beaux à regarder, mais terriblement peu pratiques pour la plupart des sites web. Aujourd'hui, je vais vous dire quelles tendances en matière de design deviendront importantes en 2016 et promettent également des conversions plus nombreuses et plus faciles.

Au début de l'année, les tendances de l'année à venir en matière de web design sont régulièrement examinées. Le minimalisme - comme dans la conception des plats ou des matériaux - joue également un rôle important en 2016. Aujourd'hui, je vais vous montrer comment vous pouvez concevoir votre navigation, votre zone de conversion et votre contenu de manière à être en parfaite adéquation avec la tendance en 2016 et à optimiser votre taux de conversion. Et cela sans avoir à entrer dans les spécifications de certaines directions de conception.

Tendance 1 en matière de conception de sites web : navigation axée sur les objectifs

Si vous donnez trop de choix à l'utilisateur, il est rapidement dépassé. Bien que les gens puissent stocker en moyenne 5 à 7 objets dans leur mémoire à court terme sans aucun problème, tout ce qui dépasse ce niveau est difficile à mémoriser pour l'utilisateur moyen. Ainsi, plus de 7 points de navigation sont inutiles et réduisent l'interaction avec votre site. Par inutile, j'entends dans ce cas tous les points de navigation, derrière lesquels aucune conversion n'est cachée ou qui en détournent l'attention. Ces éléments de menu peuvent donc être retirés de la navigation et combinés, par exemple, dans un " burger ". L'utilisateur ne peut alors choisir qu'entre quelques options, qui sont toutes pertinentes pour la conversion. Le visiteur peut naviguer vers toutes les autres sous-pages comme auparavant, mais doit pour cela cliquer sur le burger.

Tendances du web design 2016 : navigation simple, minimalisme, personnalisation

UBER a une navigation minimaliste exemplaire : l'utilisateur a seulement la possibilité de s'enregistrer ou d'ouvrir les autres points de la navigation.

Il est important de ne mettre dans le burger que les pages qui ne sont pas pertinentes pour la conversion. Car tous les points de navigation de ce menu - développé à l'origine pour les petits écrans - risquent de ne pas être vus et donc d'être moins souvent consultés.

Conception de cartes - Visualisation et compression

La conception d'une carte peut également rationaliser la barre de navigation et guider vos visiteurs de manière rapide et ciblée vers les zones de votre site web où la conversion a lieu. Cette conception vous offre également la possibilité de regrouper des éléments de texte et d'image. Lors de la mise en œuvre de cette conception, vous devez veiller à ne pas trop accabler l'utilisateur. Le design de la carte a été mis en avant par Pinterest, par exemple.

Tendances du web design 2016 : navigation simple, minimalisme, personnalisation

Pinterest est le cas d'utilisation classique pour un design de carte.

Tendance 2 du web design : le minimalisme

Un grand mot et un large champ d'application, je sais. Votre site web aura très probablement déjà un design minimaliste, car deux des tendances les plus importantes de ces dernières années en matière de design web sont basées sur ce principe : le design plat et le design des matériaux. Ces styles fournissent également un apport important pour la conception de la zone de conversion. Il doit être aussi mince que possible sur le plan visuel.

Un bon titre, quelques avantages et une question de conversion convaincante.

D'une part, le bouton de conversion doit être associé à un bon contenu, c'est-à-dire un titre compréhensible et captivant et une brève description des principaux avantages. D'autre part, l'espace blanc et une mise en page claire assurent l'attention nécessaire et facilitent la compréhension du contenu. Le bouton de conversion lui-même doit alors contenir une question ou une invite courte et appropriée au thème.

Tendances du web design 2016 : navigation simple, minimalisme, personnalisation

Exemple de zone de conversion conçue de manière minimaliste et habilement illustrée. Si l'utilisateur fait défiler la page vers le bas, il reçoit des informations plus détaillées. La conversion est possible en trois clics seulement.

Placez le bouton de conversion bien en évidence

Vous devez également vous assurer de placer le bouton de conversion proprement dit aussi en évidence que possible. Par exemple, si vous avez une page avec plusieurs colonnes de texte, il est bon d'afficher le bouton de conversion en pleine largeur et sans barre latérale ou autres éléments inutiles. Il suffit d'appuyer sur le bouton, d'afficher un titre et quelques informations clés si nécessaire, et la zone de conversion apparaît directement à l'utilisateur. Avec beaucoup d'espace blanc autour de cette zone et des choix de couleurs appropriés, vous pouvez même renforcer cet effet.

Tendances du web design 2016 : navigation simple, minimalisme, personnalisation

Notre bouton de conversion attire l'attention parce qu'il se distingue clairement du reste de la page : Au lieu de quatre lignes, une seule colonne est visible dans la conversion, qui est également mise en évidence visuellement.

Tendance 3 du web design : la personnalisation

Dans ce contexte, la personnalisation signifie deux choses. Tout d'abord, la représentation émotionnelle et humaine de sa propre entreprise, de son équipe, de son blog, etc. Cela devrait susciter un effet positif chez le visiteur, c'est-à-dire un vague sentiment de bien-être lors de l'interaction avec la page. Ici, dans la plupart des cas, je ne veux pas encore évoquer une émotion particulière, mais simplement rendre la marque (du blogueur, de l'entreprise, du site) plus humaine et donc plus facile à saisir. Deuxièmement, la personnalisation signifie adapter l'expérience de l'utilisateur (UX) aux préférences de l'utilisateur.

Étant donné que la personnalisation de l'UX est un sujet particulier, qui requiert également des connaissances et des compétences particulières - ou du moins un certain budget - je ne parlerai pas ici des aspects créatifs et de conception de l'UX. Ce sujet devrait être traité séparément.

En revanche, il est relativement facile de personnaliser la présence de sa propre marque - du moins en théorie. Si vous choisissez les bons motifs, par exemple vos propres employés, vos propres locaux ou au moins des images qui reflètent bien votre propre personnalité (de marque), vous avez fait le premier pas. Si vous en avez la possibilité et les ressources, il est également judicieux d'inclure du matériel vidéo. En utilisant des images animées, vous pouvez gagner plus rapidement la confiance de vos clients potentiels et illustrer votre propre entreprise d'une manière plus simple et plus durable. Sur WordPress , par exemple, une intégration vidéo est possible tout simplement via des fonds vidéo.

Conclusion : beaucoup de potentiel pour les tests de conversion

Ce sont les tendances de mon web design de 2016 qui non seulement rendront votre site plus élégant et plus moderne, mais qui augmenteront aussi vos conversions : rationalisation de la navigation et adaptation à votre conversion, minimalisme non seulement dans les zones de contenu de votre site, mais surtout dans les zones de conversion, et enfin, personnalisation de votre site avec des vidéos et des images.
Ces directives de conception assez générales vous donnent l'occasion en 2016 de jouer beaucoup avec vos zones de conversion et de continuer à les améliorer. Ce qui importe ici, c'est que vous abordiez la mise en œuvre de manière professionnelle et authentique dès le départ. Cela demande du travail, mais vos clients vous en remercieront.

Torben est le fondateur et le PDG de RAIDBOXES. En tant que concepteur multimédia de formation, il a toujours l'œil pour la conception de produits et de sites web et est notre gourou en matière de marketing, de référencement et de publicité. Il est originaire du cœur du bassin de la Ruhr. Depuis plus de dix ans, il est basé à Münster en tant qu'entrepreneur de sa quatrième start-up.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.