web-dev-qa-db-ja.com

折りたたみパネルとWebアプリケーションの削除ボタン

Webアプリケーションを開発していますが、削除ボタンを配置する場所についてアドバイスが必要です

ユーザーは、垂直方向に整列した要素のリストとして配置されたアイテムを作成、変更、または削除できます。各要素は折りたたみパネルであり、展開してその下の設定を表示できます。ここで、アイテムオープナーと削除ボタンを設計する方法に関する私の2つのアイデア:

enter image description here

削除ボタン(アイテムを削除する)を配置する必要があります。最初のオプション(矢印)はよりユーザーフレンドリーで見慣れていますが、削除ボタンを配置する場所がわかりません。 2番目のオプションには削除ボタンがありますが、メニューボタンと同じように強調されています。この場合のベストプラクティスは何ですか?

1

展開ボタンは、最初のオプションにあるように私にはよく見えます(3つのドットのアイコンは menus に使用されます)。いくつかのアイデア:

  • ユーザーが一度に削除したい項目の量に応じて、チェックボックスを使用して リスト項目を選択 すると、削除アクションボタンがリストの上部に表示されます。

(この最後の動作は 材料設計-データテーブル で説明されています)

1
Alvaro

このようなものはどうですか?

enter image description here

1