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.
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:
La première chose à laquelle j'ai pensé est de rendre le drapeau du langage inactif un peu transparent, comme ceci
(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?
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.
Bien que j'aime l'option de drapeau, il y a quatre problèmes potentiels avec elle:
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
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.
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.