Ce qui est plus intuitif pour ouvrir le contenu lorsque la flèche est à droite, la flèche pointant vers l'intérieur ou vers l'extérieur

Question

Lorsque vous regardez un panneau extensible, tel que ceux que l'on pourrait trouver dans un accordéon et considérant la situation où la flèche est positionnée sur le côté droit de l'élément qui doit s'ouvrir, laquelle des deux directions de flèche suivantes est la plus susceptible de impliquer à l'utilisateur que le contenu du panneau s'ouvre sous l'en-tête:

^{télécharger la source bmml - Wireframes créés avec Balsamiq Mockups}

Pour être précis, je recherche spécifiquement des réponses qui concernent les contrôles où la flèche se déplace, cliquez pour indiquer quelque chose ouvert et se retrouve en position pointée vers le bas pour indiquer que le panneau est ouvert.

Answer 1

Cela dépend de l'emplacement de la flèche.

Pour les flèches qui se trouvent à gauche de votre menu accordéon (avant le texte), cela semble être la convention de le faire comme ceci:

et il est beaucoup plus intuitif d'avoir l'icône de flèche sur le côté gauche (pointant vers le texte).

Lorsque la flèche se trouve à droite du texte, il ne semble pas y avoir de convention particulière (les flèches peuvent pointer vers la gauche ou la droite). Il est un peu plus logique pour moi de pointer la flèche "état fermé" vers le texte, mais la direction de numérisation et la distance de certaines des flèches par rapport au texte de l'élément de menu (gestalt: elles ne ressemblent pas à elles appartiennent au texte) rend la flèche du côté droit peu intuitive.

Dans tous les exemples ci-dessus, la flèche indique l'état actuel de l'élément de menu (latéralement pour fermé, pointant vers le bas pour ouvert).

Cependant, il existe un autre paradigme utilisant des flèches haut/bas:

Dans cet exemple, les flèches sont utilisées pour indiquer l'état dans lequel l'élément de menu se trouvera si vous cliquez dessus, plutôt que d'indiquer l'état actuel.