web-dev-qa-db-fra.com

Quelle représentation développer / réduire est correcte?

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 1: arrow left - arrow down

Option 2 (flèche vers le bas - flèche vers le haut)

Option 2: arrow left - arrow down

1
rpavlyk

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).

1
Vincent S.

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.

1
Martijn Vissers