web-dev-qa-db-ja.com

複数選択の確認-アプリの設計

このアプリでは、ユーザーが複数のアイテムを選択してデータを検索できるようにします。また、非常に長くなる可能性があるため、ユーザーはこのアイテムのリストを検索できます。

たとえば、ページの主な目的は人のペットを一覧表示することですが、種に基づいて検索することもできます。だから、犬、猫、ウサギなどを選択してください。一度に複数の種を選択できます。選択すると、種のリストを検索できます。これは次のようになります。

List of items to be selected

オプションをタップすると、右側にチェックマークが表示され、選択したことを示します。アイテムをもう一度タップすると、チェックマークが削除されます。

選択が完了したら、右上の[完了]をタップし、フィルターを適用して前の画面に戻ります。

特定のアイテムを簡単に見つけるためにこのリストを検索できますが、それをタップして選択する必要があります。検索ボックスに入力すると、リストは即座にフィルタリングされます。

例えば:

Elephant searched for

この例では、ユーザーがElephantを検索したため、1つのアイテムのみが返されます。以前の選択はすべてそのままですが、象を選択するためにまだタップしていません。

ユーザーがこの画面を表示するというフィードバックがありました。1つのアイテムのみが表示されているため、「完了」をタップすると「象」と「象」のみが選択されて検索されると想定していると仮定します。ダニはなく、タップしていません。

これを再設計して、この検索、フィルター、および選択がどのように機能するかをユーザーにわかりやすくする方法はありますか?

2
Tom.Bowen89

私は動物用のカードを使用しましたが、カードはカードをタップすることで選択および選択できます。

enter image description here

1
Yasintha

ここにいくつかの提案があります。

  1. かなりマイナーで、あなたはおそらくそれを考えたかもしれませんが、ユーザーがテキストを入力したら検索バーに「X」アイコンを表示して、ユーザーがテキストフィールドに移動して削除ボタンを押さなくてもテキストをクリアできるようにします。
  2. 私はおそらく選択のために複数選択チェックボックスを行うでしょう。そのため、種を選択できること、および選択されていることと選択されていないことをより適切に示す、各項目のチェックボックスを表示します。このようにして、象を検索すると、たとえば緑のラジオボタンではなく、灰色のラジオボタンが表示されます。
  3. さらに明確にするために、「完了」ボタンで選択された種の数を示します。また、ボタンのテキストを変更して、ボタンが押されたときに何が起こるかをより適切に示すことができます。つまり、完了の代わりに「フィルター」を使用しますか?

これらは、まったく新しい再設計をせずに、物事をより明確にするための提案だと思います。しかし、一部の人々はここでもっと思い切ったアイデアを持っているかもしれません。 :Dそれが役に立てば幸い:)

0
DavisCipans

デービスの1と3に同意する

ただし、すでに述べたように、複数選択にラジオボタンを使用することはお勧めしません。

他の選択された種を示すために、すでに選択された種の付箋セクションを上部に作成するか、検索が進行すると、「5他の種が選択されました」という単一の付箋アイテムを使用することもできます。

ボタンのキャプションには、「フィルターを適用」のようなsthも使用します

0
chris07