web-dev-qa-db-ja.com

最も直感的なアコーディオンアクションアイコン

アコーディオンヘッダー(状態変更ボタン)のアイコンの使用については、多くの話題があります。

短い調査の後、私は上矢印と下矢印を使用するという結論に達し、この問題のアイコンの使用についてより良い推論を誰かが提供できるかどうか疑問に思っていました。

このオプション(上矢印と下矢印)を選択したときの私のロジックは次のとおりです。

  • 下矢印が表示されたら、この方向(上から下)で何かが発生すると予想します。同じロジックがp iconにも適用されます。

  • 拡大/縮小のアクションは加算/減算シンボルに関係しないため、+ /-シンボルの使用の考えを拒否しました。

  • 同じ矢印のアプローチを使用するいくつかのドロップダウンメニューがあったため、一貫性を保ちたいとも思っていました。

もう1つのバリエーションがありました。初期状態(折りたたみ)により大きい記号を使用し、拡張状態に上矢印を使用します。 左矢印右矢印の記号は、左から右へのナビゲーションやステップバイバイの場合に意味があるため、このアプローチは少し混乱します。ステップアクション

この問題のより良い/直感的なアプローチを知っている人はいますか?

1
n1kkou

これと同じテーマで他の質問があります、あなたは見ることができます: herehere

これらの投稿はあなたを助けることができます:)

私の意見では、私は多かれ少なかれのアイコンを好む

プラスアイコンは、メニュー拡張の明確なアフォーダンスです。アコーディオンに関する別の調査研究では、ユーザーは矢印のアイコンよりもプラスのアイコンをクリックすることがわかりました。プラス記号は加算の数学記号なので、これは理にかなっています。追加すると、量、数、または程度が増加します。ユーザーがアコーディオンメニューをクリックすると、メニューオプションの数が増えます。

それについての詳細 ここ

3
Maisa Barros