例えば10万件のデータから任意の1000件を選択させるような操作をWeb上で行なうとした場合、
どのようなUIが適しているでしょうか。
検索画面を作って検索結果の一覧画面にチェックボックス置いてカートに追加するような方法が一般的だと思いますが、
ユーザ目線で選択が負担にならない方法として他にオススメの方法や役立つTIPSなどありましたら教えていただきたいです。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答4件
0
amazonのように、大量の商品を陳列しているサイトを考えれば、ユーザーに対して、どのような操作を提供すると良いのか、想像できるのではないでしょうか?
それ以外に、世の中にはないような操作を提供したいという意図でしょうか?
投稿2017/02/08 01:33
総合スコア5488
0
考え方は2つ
- 一つは絞込機能、なんらかのキーワードや属性から予め選択肢をしぼる
とくに10万件を全部見せられたとしても、任意にユーザーが選ぶことは
不可能なので、絞込は必須です
- もう一つはページング
1ページで表示する上限を設定し、複数ページで更生する
ページ内であれば全選択ができるようにすれば、選びやすくなります。
ただしページをまたぐ選択をする場合は、継承するための工夫が必要。
上記2つに対して表示する順番にランク付けをして調整する必要もあります。
投稿2017/02/08 01:51
総合スコア114572
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
たとえば表示すべきデータが社員情報のようなデータで、特定の役職を持った社員だけを選択しないといけないというのであれば、1人選択した時点で同一役職の社員を全て選択させる、という仕様が考えられるでしょう。
ページをまたいだ選択を行うなら、当然現在選択しているものの一覧は別に出す必要があるでしょうし、
別に用意した一覧に選択したものを出すのであれば、既に選択している項目は表から消してしまってもいいかもしれません。
選択の方法という意味ではキーボードによるショートカットも便利かもしれません。
キーに対応した項目を選択させるのはもちろん、ある項目にマウスオーバーしている状態で1~9のキーを押すと、マウスオーバーしている位置から押したキーの数字分選択される等々・・・
tomohiro_obara様の言うとおりもう少し情報があると回答をもらいやすいと思います。
ドラッグによる選択を便利と感じたようですが、表示されるデータに対して選択すべきデータが毎回ばらばらの位置になってしまうようなデータだとドラッグで選択できても便利とは思えない気がします。
たとえば上記例に挙げた社員情報であれば、イニシャルが違う社員を1000人選択しないといけないといった話になると、五十音順で並べても選択したいデータが離れてしまうのでドラッグによる選択ができたところで大して便利にはならない気がしますが、その代わり一人選択したら同一イニシャルの社員をグレーアウトしたり消したりしてしまうといった仕様が考えられます。
結局何を表示して何を選択したいかによります。
投稿2017/02/08 02:48
総合スコア433
0
ベストアンサー
例えば10万件のデータから任意の1000件を選択させるような操作
例が極端過ぎます?!
10万件のユーザ選択は、そもそもユーザ目線から乖離し過ぎている様に感じますし、
ブラウザーがDOMの展開でギブアップしませんか?
実際何件くらいなのでしょうか?
それによってUIは変わってくるかと思います。
投稿2017/02/08 01:35
編集2017/02/08 01:36総合スコア94
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/08 01:48
2017/02/08 01:56
2017/02/08 02:22
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/08 01:52
2017/02/08 01:58