web-dev-qa-db-fra.com

Changement de langue état graphique langue actuelle / langues disponibles

Je construis un site Web en deux langues anglais/français.

La plupart des pages du site Web sont disponibles dans les deux langues. Il y a un interrupteur (deux drapeaux) au-dessus de l'en-tête du site Web qui permet à tout moment de changer de langue. Ainsi, si un utilisateur atterrit sur une page et n'en comprend pas la langue, il peut obtenir la page correspondante dans l'autre langue.

enter image description here

Certaines pages n'ont cependant pas de traduction. Lorsqu'une page n'est pas traduite en anglais par exemple, le drapeau britannique n'est pas cliquable et le drapeau français l'est toujours et sera redirigé vers la page que vous consultez déjà.

Je voudrais que l'utilisateur comprenne par l'apparence du commutateur:

  • dans quelle langue est la page qu'il regarde
  • si cette page est disponible dans l'autre langue

La première chose à laquelle j'ai pensé est de rendre le drapeau du langage inactif un peu transparent, comme ceci

enter image description here(cas où le français est la langue active, l'anglais l'inactif)

Mais j'ai pensé que cela pourrait aussi signifier que l'anglais est la langue actuelle et être source de confusion pour l'utilisateur.

Comment dois-je afficher cet indicateur inactif pour l'utilisateur de manière évidente pourquoi il n'est pas actuellement actif?

4
TKrugg

Vous devriez avoir un graphique pour montrer laquelle des langues est active. Par exemple, une bordure forte autour du drapeau de la langue active. Je crois que de cette façon, vous pouvez rendre le drapeau du bit de langue indisponible transparent et ne pas confondre l'utilisateur (au moins). Cependant, vous devriez vraiment tester cela avec de vrais utilisateurs.

Si cela est fait de cette façon, vous devez vous assurer que les utilisateurs ne peuvent pas arriver à une page où leur langue semble être choisie, mais la page est en fait dans une autre langue.

1
Illotus

Bien que j'aime l'option de drapeau, il y a quatre problèmes potentiels avec elle:

  • Tout le monde n'est pas capable de reconnaître les drapeaux et avec la taille des drapeaux que vous utilisez, il pourrait être difficile de faire la différence.
  • Les gens peuvent savoir à quelle langue est associé un drapeau (par exemple, le Canada a deux langues officielles - le français et l'anglais et le drapeau ne indiquera pas quelle langue sera utilisée une fois sélectionné) Remarque : Je suis d'accord que cela pourrait ne pas être applicable dans votre cas mais c'est un point à noter
  • La taille du drapeau rend le clic difficile
  • Considérant votre exemple ci-dessus où le français est la langue sélectionnée,

enter image description here

Cela me donne l'impression que l'option anglaise est désactivée et avec la superposition grise tranchante, il est également difficile de distinguer le drapeau.

Je recommanderais d'adopter une approche similaire à la façon dont Microsft le fait, ce qui vous permet d'utiliser une liste déroulante pour sélectionner la langue que vous souhaitez, puis conserve simplement la langue en surbrillance en haut à droite

enter image description here

Une autre option consiste à utiliser une combinaison de texte et d'indicateur et une liste déroulante comme la façon dont Booking.com le fait.

enter image description here

4
Mervin

Je ne comprends pas vraiment pourquoi vous devez montrer à un utilisateur dans quelle langue se trouve la page actuelle. Je m'attends à ce que les utilisateurs regardent le texte et déterminent s'il s'agit d'une langue qu'ils comprennent (en particulier pour le français/anglais).

Je n'aime pas l'idée de ne pas pouvoir cliquer sur les drapeaux. La langue est une "variable utilisateur"; ce n'est pas spécifique à une page. Je recommanderais d'avoir un commutateur à l'échelle du site. Si le contenu n'est pas disponible dans la langue de l'utilisateur, il vous suffit de lui envoyer un message (dans sa langue), avec des liens vers les langues dans lesquelles le contenu spécifique est disponible.

Cela dit, je pense que les drapeaux fonctionnent bien en combinaison avec du texte. Le texte a l'avantage supplémentaire de se démarquer comme le seul texte compréhensible sur la page pour quelqu'un dans la mauvaise langue, tandis que les icônes de drapeau peuvent être interprétées à tort comme du contenu.

0
Brendon