J'ai une exigence dans laquelle je dois concevoir une navigation horizontale avec 6 éléments de menu.Le défi ici est que certains de ces éléments de menu sont assez longs et si j'ai essayé de mettre tous les éléments de menu sur une seule ligne, le menu ira au-delà de l'écran largeur et l'une des exigences était que la taille du conteneur ne dépasse pas 1024 pixels. Donc, si je choisis un design qui ressemble à ceci:
Est-ce une mauvaise conception ou est-ce acceptable?
Malheureusement, je ne peux pas changer les noms car ils ont déjà été définis.
Les problèmes que cela peut provoquer sont la rupture des conceptions et la rupture des attentes .
Souvent, je vois cela comme un problème avec les en-têtes de table; les tables dynamiques peuvent parfois avoir un en-tête inhabituellement long pour une couleur, ce qui double la taille de l'en-tête. Dans le pire des cas, la table semble idiote avec l'en-tête extra large ou la conception est cassée; l'en-tête extra large peut sortir de son élément contenant d'une manière ou d'une autre, ect.
Si la conception s'adapte visuellement à la ligne supplémentaire, je ne verrais un problème que si cela semblait tout simplement étrange; disons que vous aviez une liste de 10 éléments de menu sur une seule ligne, puis un soit deux lignes. C'est là que ça commence à paraître bâclé.
Essayez de garder les noms de menu dans une certaine longueur, ne faites pas ressortir un élément de menu pour être extrêmement long*.
Si cela ne semble pas inapproprié et que vos utilisateurs s'en moquent, vous êtes bon.
*Il existe des exceptions lorsque vous souhaitez qu'un élément de menu se démarque, mais ce n'est généralement pas le cas
Avec par rapport à UX, c'est aussi simple que cela, essayez d'obtenir au moins 2 ou 3 utilisateurs cibles et donnez-leur une tâche qui nécessite une bonne navigation. Si les utilisateurs en sont satisfaits et peuvent terminer la tâche facilement - c'est une bonne conception UX car tout dépend du cas d'utilisation. Il n'y a aucune règle qui stipule que vous ne pouvez pas avoir 2 lignes dans la navigation.
Mais quand il s'agit de esthétique cela peut sembler un peu bizarre, mais un petit design délicat comme la fabrication de boutons rectangulaires qui se tiennent verticalement donnera de la place pour 2 lignes là où vous en avez besoin.
La concision est bonne. Si un utilisateur peut se référer à un élément de menu en utilisant un ou deux mots, il pourra parler plus efficacement des fonctionnalités de votre application.
Selon toute vraisemblance, vos utilisateurs les plus fréquents choisiront de raccourcir les titres de vos menus, que vous le fassiez ou non. Il pourrait être utile de considérer comment vous pouvez représenter conceptuellement ces éléments en utilisant une description plus courte maintenant; les titres plus longs (plus verbeux) peuvent toujours être affichés à l'aide d'une info-bulle au survol.