web-dev-qa-db-ja.com

コンテキストメニューのアクションアイコン

ツールバーにオブジェクトとメニューがあります。ユーザーが上部のツールバーのメニューアイコンをクリックすると、次のようにドロップダウンでコンテキストメニューが開きます。

enter image description here

実際には3種類のオブジェクトが存在する可能性があるため、コンテキストメニューを3つのグループに分けました。これらの各オブジェクトは削除または編集できます。オブジェクト/メニューを削除/削除するには、ユーザーがその名前にカーソルを合わせると、削除アイコンが表示され、そのアイコンをクリックするとオブジェクトが削除されます。

今私の懸念は、ユーザーがメニューを編集したい場合、それに対して編集アイコンをどのように表示するのですか?削除アイコンがホバーにすでに表示されているため。

このようなコンテキストメニューを開発するには、どのガイドラインに従う必要がありますか?すでに読みましたAppleおよびコンテキストメニューに関するMicrosoftのガイドラインですが、このようなシナリオは見つかりませんでした。

私はこのようなものが欲しいです:

enter image description here

しかし、UIでこれがどのように見えるかはわかりません。

1
Ayse

編集および削除オプションのあるサブメニューを使用します。

それはオプションへのそのような即時のアクセスを提供しないかもしれませんが、それは間違いなくユーザーがメニューと対話することを期待する方法の「親しみやすさ」の側面に適合します。

サブメニューは、オプションが呼吸する余地があり、メニュー項目の最後まで押し込まれる小さな領域よりもクリックしやすいことを意味します。

また、トップレベルのメニューをさらに雑然とさせることなく、将来いつでもより多くのオプションを簡単に提供できます。

メインメニューから削除オプションを遠ざけることができるので、誤ってクリックするのが難しくなります-サブメニューの一番下のオプションにして、上記のオプションから分離することをお勧めします)

modesがあり、オプションを使用できる場合と使用できない場合は、必要に応じてサブメニュー機能を無効にできます。

2
Roger Attrill