web-dev-qa-db-ja.com

トグル機能のあるアイコン/ボタンの場合、マウスオーバーでアイコンを強調表示するか、それを(トグルするアイコンに)変更する方が良いですか?

会社のWebアプリケーションでTo Doリストを作成しています。 to-doリストの各アイテムにはフラグが付いており、これは(Outlookのように)to-do/completedの切り替えとして機能します。アイコンはフラグとチェックボックスを循環します。

これをアクションに完了のマークを付けるための機能として簡単に認識できるようにして、これを示すための最良の方法を見つけようとしています。

A)カーソルを合わせるとフラグアイコンが強調表示され、ツールチップに「完了としてマーク」が表示されます

B)カーソルを合わせると、フラグアイコンが強調表示されたチェックマークに変わります(ただし、チェックマークを外してもチェックマークは残りません)。

C)チェックボックスを使用する(このプロジェクトの関係者の一部は、これは「醜い」と思われる)

D)他に何かありますか?

2
Meredith Emily

オプションBと言いますが、完了アイコンのグレースケールバージョンを提供して、アクションを知らせ、完了状態とホバー状態の違いを簡単に伝えます

mockup

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

1
bendataclear