web-dev-qa-db-ja.com

それらを削除する機能を備えた選択された項目リストを表示する方法

私はこのようなアイテム選択の現在のデザインを持っています:

enter image description here

ユーザーは、異なるタグタイプから複数のアイテムを選択できます。チェックボックスを使用すると、リストから複数の項目を選択できます。タグタイプ1がスピナーから選択されると、1つのリストが表示され、ユーザーはリストから複数のアイテムを選択できます。タグタイプ2に切り替えると、別のリストが表示され、同じ方法でユーザーはこのリストから複数のアイテムを選択することもできます。

私は彼女に現在選択されているアイテムのリストを表示し、いくつかを削除する機能を提供する必要があります。その方法は2つあります。

  1. タブを使用する
  2. 単純なテキストフィールドを使用する

これが最初のオプションです:

enter image description here

2番目のオプションは次のとおりです。

enter image description here

どちらが私の仕事に適していますか?たぶん私が通っていないことがあるでしょう。

2
Maxim Koretskyi

答えはほぼわかったと思います。
ユーザビリティの観点から、ユーザーが到達できるものを表示する必要があります(タグ名)また、他のタグタイプからリストアイテムを選択できるというフィードバックを提供します

両方の組み合わせは、大画面(表形式の表、およびスペースの「選択された項目」)に適していると思います。
ただし、モバイルではスペースがあまりないため、選択したアイテムの見出しを使用できます(フィードバック)が続きますtabs(「何に到達できるか」)によって。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

あなたの意見は何ですか?

1
gpelelis