Je rencontre souvent différentes manières de représenter le comportement d'expansion/d'effondrement. Laquelle est la plus correcte?
Option 1 (flèche gauche - flèche bas)
Option 2 (flèche vers le bas - flèche vers le haut)
C'est définitivement la deuxième option.
Le bouton donne des conseils à l'utilisateur sur l'action qu'il engendre. Dans la deuxième option, la flèche orientée vers le bas indique aux utilisateurs qu'il y a plus à voir en dessous; c'est donc plus logique. Respectivement, le bouton fléché vers le haut indique à l'utilisateur de replier vers le haut le panneau déployé (indique la direction).
L'option 2 semble plus correcte.
Vous développez la liste déroulante vers le bas afin qu'une flèche vers le bas ait un sens. De plus, la liste déroulante a un curseur vers le bas par défaut sur Chrome et beaucoup d'autres programmes.
La flèche dirigée vers le haut indique également à l'utilisateur que la liste déroulante montera à nouveau.
la flèche tournée vers l'intérieur de l'option 1 me déroute car elle ne raccourcit pas la barre par exemple.
L'option 2 est donc probablement plus naturelle et la voie à suivre.