web-dev-qa-db-ja.com

CRUD操作アイコンとメニュー

CRUD操作オプションのベストプラクティスを提案してください。

次の設計を検討してください。各操作のアイコンを保持するか、すべてのオプションを含むドロップダウンメニューを作成する必要がありますか?

Link to image

これが最終結果です

enter image description here

11
Silagy

アイコンを保持することにより:


  1. ユーザーのクリックを保存できます。 (たとえば、オプションがすぐに利用できるアイコンのみのバージョンとは対照的に、ドロップダウンボックスをクリックしてからオプションをクリックした場合と同様です)。
  2. オプションをクリックすることで発生する視覚的な混乱を避けることができます(Editの代わりにDeleteをクリックするときに特に危険です) 、たとえばシナリオ2)で述べられているように。
  3. 以下に示すシナリオ比較に示されているように、これは1つのステージのみです。

mockup

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

考慮事項


  • 関連するツールチップがあることを確認してください
  • 各行に作成ボタンがなくてもかまいません。テーブルの上部にあると便利です。
  • 詳細ボタンはオプションであり、行のタイトルとリンクすることも推奨されます(Item Number 1上記のように)) 。

ボーナス


Delete、またはその他の適切なBulk Transactionsの一括操作オプションを、名前の横にあるチェックボックスで追加します

11
edgarator

視覚的な混乱が懸念され、アイコンを保持したい場合は、ユーザーが関連するアイテムの上にホバーするとライトグレーのプレースホルダーが点灯する可能性があります。このようにして、ユーザーはアクションが存在することを認識しますが、コンテンツを閲覧する際に邪魔されることはありません。

3
Ray V