web-dev-qa-db-ja.com

矢印が右側にあり、矢印が内側または外側を指している場合、コンテンツを開く方が直感的です

アコーディオンで見られるような拡張可能なパネルを見て、矢印が開く要素の右側にある状況を考えると、次の2つの矢印の方向のどちらが最も可能性が高いかパネルコンテンツが見出しの下に開くことをユーザーに示唆します。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

正確には、何かが開いていることを示すためにクリックで矢印が移動し、パネルが開いていることを示すために下向きの位置で終了する場所のコントロールに関する回答を特に探しています。

1
Toni Leigh

矢印の位置によって異なります。

アコーディアンメニュー(テキストの前)の左側にある矢印の場合、次のようにするのが慣例のようです。

right pointing arrows on accordian menu

また、矢印アイコンを左側(テキストを指す)に置くと、より直感的になります。

矢印がテキストの右側にある場合、特定の規則がないように見えます(矢印は左または右を指すことができます)。 「閉じた状態」の矢印をテキストの方に向けることは少し論理的な意味がありますが、スキャンの方向と、メニュー項目のテキストからのいくつかの矢印の距離(ゲシュタルト:それらはそれらのようには見えません)テキストに属します)、右側の矢印が直感的にわかりません。

enter image description here

上記のすべての例で、矢印はメニュー項目の現在の状態を示します(閉じている場合は横向き、開いている場合は下向き)。

ただし、上/下矢印を使用する別のパラダイムがあります。

enter image description here

この例では、矢印を使用して、現在の状態を示すのではなく、クリックした場合のメニュー項目の状態を示します。

1
Franchesca