web-dev-qa-db-fra.com

Quelles sont les meilleures pratiques lors de la conception d'un élément de navigation à gauche?

Il existe de nombreux CMS et autres applications Web qui nécessitent parfois une zone de navigation à gauche qui permet à l'utilisateur d'accéder à des ressources supplémentaires dans cette zone spécifique. Ce n'est pas une navigation globale, mais plutôt contextuelle en fonction de l'emplacement.

Quelles sont quelques directives de conception? Combien d'espace doit-elle occuper sur la page? Quel est le comportement attendu? Quelle est la complexité des styles et des animations?

2
TubaTech

Comme vous le dites parfois, une navigation à gauche voire verticale est une nécessité. En termes de directives de conception, j'en ai trois pour vous.

  1. Découvrez - si vous travaillez avec un CMS - quoi, si une limite de caractères est définie en raison de la configuration du CMS pour les étiquettes de navigation, de nombreux produits CMS ont de telles limites. Si c'est le cas, assurez-vous que votre conception permet le maximum.
  2. Si vous avez la chance de travailler sans aucune limite de caractères, assurez-vous que la conception et la construction peuvent permettre des étiquettes de navigation qui s'étendent sur plusieurs lignes, car à un moment donné, cela se produira même avec les meilleures intentions et le guide de style de contenu en place.
  3. Au cours des derniers mois, j'ai effectué des tests utilisateurs sur un certain nombre de sites disposant d'une navigation verticale à gauche et à droite. Les conclusions de ces informations incluent - assurez-vous que la navigation est visuellement intégrée au contenu en vue afin qu'il soit prévu de voir qu'elle est contextuelle. Deuxièmement, assurez-vous que les liens ne ressemblent pas ou n'apparaissent pas dans des positions qui sont souvent prises par les annonces Google, car le contenu de ces zones est ignoré par un groupe toujours plus nombreux d'utilisateurs.

Vous mentionnez également l'animation qui suggère qu'il existe d'autres sous-divisions ou groupes de contenu. Si tel est le cas, assurez-vous que ceux-ci existent à des niveaux supérieurs afin que rien ne soit oublié et gardez les animations courtes afin de ne pas ennuyer l'utilisateur au fil du temps.

2
Adam Fellowes