質問: アコーディオンが拡張されていることをどのように示すべきですか? アコーディオンを持っている場合、何らかの方法が必要です現在の状態を表示が展開されます。これを処理するにはさまざまな方法があり、それぞれが多くの尊敬されるwebサイトやフレームワークで使用されています。したがって、どの方法がどの状況で使用するのが最適かは明確ではありません。どの方法を使用するのが最適ですか?これに関する研究のボーナスポイント。シンボルはまったくなく、展開を示す色のみandroidのgmailではこれを使用していますが、以下にいくつかの明確な例を示します。右側の左と下の山形これらはbbcによって使用されます global experience language :右側の山形の上下これらは androidデザインガイドラインのドキュメント およびsilverlightで使用されます。左側の右と下の山形右側のプラス(+)およびマイナス(-)記号これはextjsのデフォルトとして使用されます左側のプラス(+)およびマイナス(-)記号
回答: 私はアコーデオンのさまざまなオプションを検討するのにかなりの時間を費やしています(一部は質問を書いています)。左側vs右側アコーディオンにcheckboxesがある場合、チェックボックスの反対側にインジケータを配置することは理にかなっています。これは主に、多くのインジケーターが互いに非常に近い状況を回避するためですが、ユーザーが他のオプションを選択するつもりだったときに、誤って1つのオプションを選択する可能性も低くなります。これは、androidのgmailでスターセレクターとチェックボックスが反対側にある理由と同様です。 それ以外の場合、左側または右側にチェックボックスを配置することは、主に設計上の決定のようです。デザインについては、コンテンツに対するユーザーの注意を引き付けるため、私は権利を優先します。アフォーダンスインジケータとしてアイコンがない場合は、単純なリストではなくアコーディオンを表示していることを示すものはほとんどありません。これは多くの人にとって問題ではないかもしれませんが、私は何らかの形の指標を持つことをお勧めしますです。これにより、使用頻度の高い設計が必要になる(議論の余地がある)コストで、使いやすくなります。スキャンと理解のしやすさ上/下または左/右のシェブロンを使用すると、常に問題が発生します。上向きのシェブロンが状態なのか行動なのかは定かではありませんが、失読症の人が違いを見分けるのは困難です。 左/下(右側のインジケータ)または右/下(左側のインジケータ)は、スキャンが簡単でありながら、混乱を最小限に抑えるようです。+ そして - 彼らは何をするかという点で最も明確ですが、彼らは(内部テストで)迅速にスキャンしている間、見分けが遅いことがわかっています。したがって、スキャン速度が重要な場合は、これらを回避します。色と色相これは、アイテムが展開されていることを示すために色(または色相)を使用することを常にお勧めする最も簡単な方法です。非常に微妙で、折りたたまれたアイテムと展開されたアイテムを区別できます。googleはそのandroid=設計ガイドラインで微妙ですが、違いをより明確にすることをお勧めします。