厄介なアイコンでユーザーに通知アラートを表示する別の方法

Question

通知アイコンの扱いにくい性質のため、通知アイコンの近くに赤い点が表示されることを余儀なくされました。これは、特に十分に明確ではないため、UXの観点からは理想的とは言えないようです。アイコンの右上に配置しようとしましたが、機能しませんでしたので、ユーザー通知アラートをもっと良い方法で表示できますか？

アイコンを変更する必要がある状況では、どんな提案も歓迎します。

Answer 1

2つの変更を行います。

1. スクリーンショットに表示されている通知アイコンを置き換えます。それは象徴的なテーマからのものです。 （ http://somerandomdude.com/work/iconic/ ）

2. アイコンには2つの状態があります。

   • 非アクティブ：白いアイコンを表示します。
   • アクティブ：アイコンの背景色を変更し、通知の数を表示します。数字を3桁までに制限します。この方法では、99を超える通知がある場合、「+ 99」が表示されます。

Answer 2

アイコンとラベルを変更できない場合は、赤いドットに新規/未読の通知の数を追加できますか？

[ICON]      # No unread notification
[ICON] (1)  # one unread notification
[ICON] (2)  # two unread notifications
…

Answer 3

単に赤い点をバッジの赤い数字で完全に置き換えるのはどうですか？これはかなり一般的な設計要素です。たとえば、Bootstrapバッジ： http://getbootstrap.com/components/#badges を参照してください。

たとえば、iOS通知には赤い点がまったくありません。通知の数のみが表示されます。

Answer 4

背景と境界線の色を変更することも検討に値するかもしれません。