web-dev-qa-db-ja.com

マルチレベルオプションのドロップダウンとウィザードに代わるものは何ですか?

ユーザーが複数のワークフローオプションから選択できるようにするユーザーインターフェイスを設計しようとしています。オプションリストは固定されていますが、2つ以上のオプションがあります。ユーザーがすばやく選択できることが重要です。

  • グループA

    • ワークフローA1
    • サブワークフローA1.1
    • SubWorkflow A1.2
    • ワークフローA2
    • ワークフローA3
  • グループB

    • ワークフローB1
    • ワークフローB2
    • ワークフローB3

ドロップダウンを検討していましたが、遅いと感じました。 Wizardも、少しぎこちなく、それほど速くはありません。ボタンがたくさんあると、雑然と感じます。

複数選択の長いリストを処理するパターンはありますか?

3

このサイトのいくつかの既存の回答は、この質問に関連するアドバイスを提供しています。問題の1つは、ドロップダウンメニューとドロップダウンセレクターが "ドロップダウン"と呼ばれるため、検索が困難になることです。私はこれらの答えを自分のいくつかの提案と組み合わせました。全体と下部のリンク。

これが本当に問題であることを確認してください

このような多くの問題と同様に、変更の背後にある主な要因は、このタイプのセレクターが遅いと感じているという主観的な意見のようです。

調査によって ナビゲーションシステムでは不必要な深さを避ける の理由がわかりますが、それは、ドロップダウンが一般的に悪い選択であることを意味するものではありません。

堅牢な実装と比較的少数のオプションを使用すると、ドロップダウンが機能し、仮説を最初にテストすることで多くの時間と労力を節約できます。これは実際にはまったく問題ではないかもしれません。

1.すべてのオプションを表示する

セット内のオプションの数によっては、すべてのオプションを表示するだけで実行できる場合があります。質問には2つの箇条書きが含まれていました。グループBを取得し、グループAの横に上に移動し、すべてのアイテムをリンクし、サブリンクをインデントし、デザイナーにレイアウトを調整してページのスタイルに合わせると、次のような使用可能な実装が得られます。簡単です。

2.ドロップダウンを使用する

冒頭で述べたように、メニューが小さい場合、ドロップダウンが機能する可能性があります。慣習から離れすぎず、ベストプラクティスを遵守するようにしてください。

2.a.ドロップダウンバリエーション-ドリルダウンメニュー

ドリルダウンメニューは、標準のドロップダウン機能とよりウィザードのような動作との間のギャップを埋めます。

http://www.jque.re/plugins/menu-nav/drill.down/#

3.メガメニューにする

メガメニューはNNGroupの恵みを得て、通常のドロップダウンの使いやすさの問題の解決策として推奨されています。 メニューの深さを減らす方法を提供しますが、過負荷の場合、扱いにくくなる可能性があります。

ケースとサンプルデータに適用すると、ユーザーがグループAリンクをクリックすると、第3レベルのアイテムA1.1とA2.2を含む、グループAの下のすべてのワークフローを示すパネルが表示されます。

4.より多くのフィルター、少ないナビゲーション

これは、「すべてを表示し、ユーザーがフィルターで除外できるようにする」というカテゴリーに分類されます。アイテムの数と種類を考えると適切ではない可能性がありますが、ここでは、考えや潜在的なインスピレーションのための食べ物を提供するためにここに含めました

メニューのフィルタリングについては、たくさんのオプションがあります。1つは、参考としてライブフィルタリングです。

UX.SEリファレンス

2
dennislees

これまでに使用可能な「タスク」のリストがサイドバー(Wordのタスクペインなど)にあり、それぞれにアイコンと、アクションが何であるかを説明するテキスト(実際にはタイトルとサブタイトル)があります。

昔はツールバーもオプションでしたが、これらはデクラスと見なされていました。

これは最もエレガントなソリューションではないかもしれませんが、ユーザーはどのオプションが利用可能かをすぐに確認でき、選択するのが簡単であるため、ユーザーはそれを気に入っていることがわかりました。

0
Steve Jones

ワークフローの違いはどれほど現実的ですか?それらの間の境界は、ユーザーにとってどの程度関連していますか? 「今日、私は 'B'をやりたい!」その質問を一連のより簡単な質問に分割する必要があります。

私は何がうまくいくかを強く主張しています。
UXゴスペルにもかかわらず、7つのオプションのリストを提示されたときに認知過負荷に達するユーザーはほとんどいません。選択の速さが重要であるため、ドロップダウンとウィザードの両方をドロップすることを検討します。代わりに、7つの明確にラベル付けされたボタンを選択します。次に、選択が完了したら、画面をクリアして、選択したワークフローを開始します。

0
Henry Taylor