web-dev-qa-db-ja.com

どのエキスパンド/コラプス表現が正しいですか?

多くの場合、展開/折りたたみの動作を表現するさまざまな方法に出くわします。どちらが正しいですか?

オプション1(左矢印-下矢印)

Option 1: arrow left - arrow down

オプション2(下矢印-上矢印)

Option 2: arrow left - arrow down

1
rpavlyk

それは間違いなく2番目のオプションです。

ボタンは、それが引き起こすアクションについてユーザーにヒントを与えます。 2番目のオプションでは、下向きの矢印がユーザーに、その下に表示するものがあることを伝えます。より論理的です。それぞれ、上向きの矢印ボタンは、エキスパンドパネルの上部に折りたたむようユーザーに指示します(方向を示します)。

1
Vincent S.

オプション2の方が正しいようです。

ドロップダウンボックスを下に展開して、下向きの矢印が意味をなすようにします。また、Chromeおよびその他の多くのプログラムでは、ドロップダウンにデフォルトで下向きのキャレットが付いています。

上向きの矢印は、ドロップダウンボックスが再び上に移動することもユーザーに示します。

オプション1の内向きの矢印は、たとえばバーを短くしないので、混乱します。

したがって、オプション2はおそらくより自然であり、進むべき道です。

1
Martijn Vissers