個別に折りたたまれたセクションがあるページにすべて展開/すべて折りたたむ機能を追加することを正当化できるのはどのような場合ですか?
折りたたみ-それらのツリーノード内に多くのオプションがあり、ユーザーが再びナビゲートする前に、ツリーを管理可能なリストに折りたたむ必要がある場合(ユーザーが本当に多くのスクロールを好まない限り)。
Expanding-これは、ユーザーがサブノードの場所を正確に知らず、サブノードを検索する場合に便利です。 (これは、Webページまたはアプリケーションがツリービューリストでのある種の検索を許可していることを前提としています)。
折りたたみと展開との私の出会いに従って、次のようなケースになります:
複数のセクションからオプションを選択していて、セクション内のオプションの数が多い場合。ユーザーがこの機能を使用するのは簡単です。
高レベルの概要とその詳細を1つずつ表示します。
複数のオプションを提供する画面とユーザーが興味のあるオプションを選択し、クリック/タップすると、希望のオプション/詳細/メニューなどが表示されます。
ここにもページの読み込み時間に関する議論があります。私は最近、さまざまなWebページでのエキスパンド/折りたたみ可能なアセットの影響をテストするためにいくつかの作業を行いました。
これは、小さい画面解像度(例:展開された情報を表示するオプションをユーザーに提供できるので、モバイルに移動できます。その後、展開すると、デバイスに不要な長いWebページを表示しないように折りたたむことができます。
テスト中に、ユーザーがコンテンツを表示することを決定した場合にのみコンテンツがロードされるため、対話の増加とロード時間の短縮のオプションを証明するだけであることがわかりました。
alwaysさまざまなセクションに分散された情報を処理しながら、expand all/collapse allオプションを提供することは正当化されます。
すべてのWebデザイナーは、すべてのユーザーが同じというわけではないことを覚えておく必要があります。一度にすべての情報を取り込み、すべてのセクションを展開することを好む人もいます。他の人は一度に1つのセクションを開くことを好むかもしれませんが。
Expand/Collapse Allボタンを提供するのに実質的に問題はありません。しかし、それはしばしばブラウジング体験をかなり改善します。
この相互作用を正当化する1つの方法は、親要素に含めることができるアイテムの数に制限がない場合や、ユーザーがタスクを実行するためにすべてを表示する必要があるが、そのコンテキストは必要ないシーケンシャルワークフローがある場合です。後で、視覚的なノイズを取り除いて次のタスクに集中できるようにします。