web-dev-qa-db-ja.com

リストから連続したアイテムを選択するための適切なUIパターンは何ですか?

私は長く複雑な一連のイベントを編集するための(Web)ツールを作成しています。これを簡単に行えるようにしたいと思います。

  • 1つのイベントを再生する
  • 一連の連続したイベントを再生します(すべての遷移が正しく機能するかどうかなどを確認するため)

それを行うためのいくつかの優れたUXパターンは何ですか?現時点では、各イベントのボタンが1つだけあり、1つのプレイを行うことができます(そのイベントにカーソルを合わせていない場合は、ボタンを非表示にすることができます)。

私の場合のいくつかの情報:

  • 今のところ「選択する」という概念はありません(「たくさんプレイする」ためだけに必要です)
  • 私の「イベントアイテムは垂直に配置され、かなり大きい(それらにはより詳細なデータが含まれているので、圧縮できる)ので、一度に3つまたは4つしか画面に収まりません。
  • これは、いくぶん技術的なツールのカスタム内部使用であり、ほとんどがより効果的なエディションであるため、私は超ユーザーフレンドリーで直感的である必要はありません(むしろ望んでいます)

私は、クリックアンドドラッグ(このように 範囲ピッカー -ですが、画面あたりのアイテムの数が少ないと面倒になります)、またはテキストのように複数選択するにはShiftキーを押しながらクリックすることを検討しています(しかし、私は本当に単一選択の概念を必要としません。)。

このトピックについて何か提案、またはいくつかの良いアドバイスへのポインタ?

ありがとう!

5
Emile

したがって、プレイリストオプションが利用できない場合、1つのアプローチは、次のユーザーフローでイベントのグリッドを作成することです。

  • ステップ1:ユーザーがイベントのリストを閲覧する
  • 手順2:ユーザーがクリックまたはタップしていずれかを選択すると、ユーザーが再生ボタンを押すことができるボタン領域が表示されます(選択前は非アクティブ)。
  • ステップ3:ユーザーは(最初の1が再生されている間に)1つ以上の追加のイベントを選択します。
  • ステップ4:これらはキューに追加され、選択した順序で再生されます。ユーザーがイベントをスキップしたり、イベントに戻ったりできるように、prevおよびnextボタンを追加する必要があります。

このアプローチでは、キーはボタン領域のデザインであり、UIで修正することも意味があります。

1
NVas