Il existe un sujet de tendance dans la navigation de conception de sites Web: les menus de la barre latérale. De plus en plus de concepteurs travaillent avec la navigation latérale verticale pour les projets, avec un emplacement spécifique sur le côté gauche pour bon nombre de ces conceptions de sites Web.
Et même s’il est beau et qu’il peut aider à réduire l’encombrement dans l’ensemble du canevas, est-ce que cela fonctionne vraiment? Les utilisateurs répondront-ils à la navigation latérale? Est-ce une tendance de design que vous devriez considérer? Aujourd’hui, nous allons essayer d’aller au cœur des questions en apportant des réponses pratiques et utilisables.
La navigation latérale saute partout
La navigation latérale fait partie d'une évolution des styles de menus cachés et intéressants. La conception réactive a presque obligé les concepteurs à réfléchir à des modes de navigation alternatifs pour faciliter les déplacements sur de petits écrans. Et l'icône du menu hamburger était née.
Cela a évolué vers des styles plus pop-out qui commencent par une icône de hamburger. Certains de ces menus de navigation s'ouvrent complètement, tandis que d'autres proposent un menu déroulant ou un style à l'aide d'une palette complète d'options utilisateur. Le thème commun est que de nombreuses icônes de hamburger s’ouvrent dans la navigation verticale coulissante.
La navigation complète dans la barre latérale semble être une extension de cette idée.
La tendance dans son itération actuelle comporte principalement des barres latérales de navigation de gauche minces. Ils ont tendance à être simples, d'une seule couleur unie (ou superposition) et incluent une poignée d'éléments parmi lesquels choisir. La barre de navigation peut inclure un mélange de logo ou de marques de marque, de liens de texte et de médias sociaux ou d'autres icônes et de recherche.
La clé pour que cette tendance fonctionne est de s’assurer que la barre latérale comprend suffisamment de contraste pour être clairement visible par rapport au reste de l’écran, elle doit fonctionner sur les appareils mobiles (cela peut être assez compliqué) et suffisamment large pour contenir des polices de caractères sont lisibles.
Un dernier conseil en matière de navigation verticale: ne soyez pas tenté de la surcharger d'éléments remplis uniquement pour remplir la profondeur d'un écran à résolution standard. L'espace blanc est tout à fait acceptable - et même fortement recommandé - en tant qu'outil de conception dans ce format. En observant les exemples de cet article, vous pouvez constater que le fait de laisser un espace entre les éléments ou d’aligner des éléments en haut, en bas ou au centre avec un espace autour peut présenter un intérêt. L'espace supplémentaire dans la barre de navigation contribuera à attirer l'attention, ce qui contribuera à améliorer la convivialité.
Avantages de la navigation latérale
La navigation latérale a beaucoup de valeur esthétique. Bien que ce concept ait été utilisé fréquemment aux débuts du Web, les menus de navigation verticale actuels sont élégants et stylés.
Les avantages d'utiliser la navigation latérale verticale incluent:
- La navigation verticale gauche s'inscrit dans le long trait de la forme en F, dans laquelle les lecteurs regardent d'abord en haut puis en bas à gauche comme un motif de lecture naturel
- Les éléments de menu ne sont pas initialement masqués, comme cela arrive souvent avec d'autres styles à la mode tels que les menus hamburger
- Les articles ont un poids égal au-dessus du rouleau
- La lecture de haut en bas est facile à analyser lorsque l'espacement est suffisant entre les éléments
- Laisse une toile épurée pour le reste de la conception
- Fournit une forme différente, ce qui peut ajouter un intérêt visuel ou faciliter l'utilisation de certains contenus image ou vidéo
- Peut potentiellement contenir plus de liens de manière propre
Contre la navigation latérale
Il y a un assez grand nombre de personnes qui n'aiment pas du tout la navigation verticale. Bien que les principales plaintes concernant la convivialité concernent la navigation à droite, certains concepteurs font valoir que les styles de navigation verticale ajoutent un niveau de complexité aux utilisateurs et aux développeurs.
Les raisons contre l'utilisation de la navigation latérale verticale incluent:
- Il peut être difficile de faire fonctionner correctement la navigation verticale dans un cadre réactif
- Les mots de la navigation doivent être suffisamment courts pour tenir dans une colonne étroite sans utiliser de caractère illisible.
- L'espace utilisé par la navigation verticale pourrait être plus utile pour d'autres contenus.
- Avec des écrans plus larges, le défilement est plus haut et certains éléments de navigation risquent de se "perdre".> / Li>
- Le supplément? Espace? de navigation verticale peut encourager certains concepteurs à aller trop loin et encombrer le menu de navigation; comme pour la navigation horizontale en haut, ne vous adressez qu'aux quatre ou cinq meilleurs liens du site.
- De nombreux utilisateurs de souris (droitiers) doivent traverser l'écran pour cliquer sur les éléments de navigation. Cela peut être un motif utilisateur encombrant et éventuellement gênant.
- La navigation verticale doit faire défiler et? Coller? à l'écran pour que les utilisateurs ne le perdent pas. La navigation verticale fonctionne souvent bien sur une conception de page unique, mais devient difficile avec une utilisation plus large.
Ça marche vraiment?
La navigation latérale verticale fonctionne-t-elle vraiment?
Le jury est toujours à ce sujet.
La tendance est accrocheuse et vous fait regarder. Donc, cela a une certaine valeur parce que les utilisateurs le verront. Si votre navigation est un élément essentiel des modèles de clic et du flux d’utilisateurs, cette option peut être prise en compte.
Globalement, ce style de navigation semble être le plus efficace pour les petits sites Web avec une poignée d'options de navigation et un contenu limité. De nombreux exemples dans cet article semblent concerner des complexes immobiliers (totalement par hasard), alors que cela semble fonctionner également pour un portefeuille créatif ou un site Web d'agence. Toute conception avec beaucoup de contenu peut donner l’impression que la navigation latérale est trop restrictive en termes de conception et de hiérarchie de contenu.
Qu'en est-il des autres lieux de navigation?
Les styles de navigation non traditionnels peuvent être un moyen amusant de casser certains des mêmes modèles de conception anciens. L'option verticale n'est qu'une des nombreuses idées.
Le problème avec tout modèle d’utilisateur non standard est que vous courez le risque de confondre les utilisateurs, les obligeant à abandonner complètement le site Web. Une telle expérience est préférable avec un site plus petit qui présente un flux visuel global simple.
Parmi les autres styles de navigation qui commencent à gagner du terrain, citons le saut horizontal pour hamburger, utilisé par Aurora (en haut) et le navigateur de texte incliné à 90 degrés utilisé par AndCulture (ci-dessous).
Les deux styles offrent quelque chose d'un peu inattendu et fonctionnent bien dans leurs environnements respectifs, bien qu'ils puissent être difficiles à comprendre avec des conceptions différentes. Comme pour toute technique de conception, si vous réalisez quelque chose en dehors des schémas utilisateur normaux, veillez à surveiller vos analyses et à effectuer des tests fréquemment. Si les motifs de clics sont impairs ou si les utilisateurs arrêtent de naviguer dans la navigation, vous risquez de rencontrer un problème avec la conception non traditionnelle et de devoir la repenser.
Conclusion
Une chose est certaine en ce qui concerne les tendances de la navigation, les utilisateurs et les concepteurs semblent en avoir marre des styles complètement cachés et des options exigeantes qui fonctionnent dans des formats similaires sur les ordinateurs de bureau et les appareils mobiles. C'est peut-être l'une des raisons pour lesquelles un motif vertical est tendance.
Quelles tendances observez-vous dans la navigation? Êtes-vous ennuyé de concevoir des liens en haut de l'écran? Laissez-moi un message sur Twitter et discutons-en. (Assurez-vous de marquer également Design Shack.)