web-dev-qa-db-ja.com

ドロップダウンメニューからのアイテムの削除

ドロップダウンメニューからアイテムを削除する最良の方法についてのフィードバックを探しています。

ユーザーが新しいリスト(つまり、リスト1)を作成できるWebアプリのセクションを作成しています。これらのリストが作成されると、ドロップダウンに追加されるため、ユーザーは新しいリストを作成する代わりに既存のリストを選択できます。また、ユーザーがドロップダウンからリストを削除できるようにしたいのですが、これを行う最善の方法に行き詰まっています。一部の人は、ドロップダウンメニューでxを削除すること、およびこれをポップアップモーダルと組み合わせて削除を確認できることを示唆していますが、実際にはこれを見たことがありません。現在の方法は、選択したリストをドロップダウンから削除する削除ボタンを用意することです。

これを行う最善の方法について誰かが何か提案がありますか?

1. All list items have X's 2. X's fade in on hover 3. X for selected list item 4. Delete button for selected list item

4
Ben

drop-list または combination box は通常、選択肢のリストを提供し、ユーザーがカスタムの選択肢を指定できるようにします。したがって、このコントロール内で別のアクション(場合によっては削除)を挿入または非表示にすることはお勧めしません。

Apple OS X UI要素のガイドライン:

ユーザーが単独で選択できるアイテムのみをリストします。コンボボックスでは複数の項目を選択できないため、一度に1つしか選択できない項目のリストをユーザーに提供してください。

マイクロソフトデザインガイドライン:

オプションはコマンドですか?その場合は、代わりにメニューボタンまたは分割ボタンを使用してください。コマンド(動詞)ではなく、オブジェクト(名詞)または属性(形容詞)にはドロップダウンリストとコンボボックスを使用します。

ドロップリストでリストを管理することは最善の方法ではありません

私の意見では、リストを管理する最良の方法は、ユーザーが編集、delete、およびその他のアクションを実行できる専用の管理ページ/セクションを用意することですリスト。これは、次の理由で有益です。

a)ユーザーが簡単に見つけられる統合ページです。

b)リストが大きくなった場合、ユーザーは大きなリストをより簡単に管理できます。

c)ドロップリスト環境では不可能な複数のリストの削除など、他のアクションを実装できます。

2
Chairman Meow