1つのアイコンに2つの通知ステータスを表示する最良の方法は何ですか。ビジネスでは、エスカレーションされたアイテムと新しいアイテムを一目で確認する必要があることを要求しています。
異なる通知を表示するために、1つのアイコンに2つの通知バブルを表示するのが適切かどうかを知りたいです。私が説明しようとしていることのイラストを添付しました
Slackはそれをうまく処理します。多分それはあなたを助けるでしょう。
https://slack.zendesk.com/hc/en-us/articles/201675007-Dock-icon-notifications
ユーザーに2つのバッジが必要かどうかを質問します。
情報がユーザーのニーズを満たす方法の詳細を提供していないため、いくつかの前提を設けさせてください。
ユーザーはエスカレートされたメッセージがあるか、またはいくつあるかを知る必要がありますか?どちらがより重要ですか?
おそらくエスカレーションされたメッセージがある場合、ユーザーはより早く受信トレイに行きます。 「ああ、エスカレートされたメッセージは3つしかありません。今は受信トレイをチェックアウトしません。4つあった場合は、すぐに受信トレイに行きます」とユーザーが言っているのではないでしょうか。
エスカレートされたメッセージの数は、ユーザーの行動決定には重要ではないため、混乱しているようです。問題は、エスカレートされたメッセージがあることです。
したがって、ユーザーが本当に知っておくべきことは次のとおりです。
したがって、メッセージ全体を表示する1つのバッジを用意し、それらのメッセージの一部がエスカレートされたときに処理を何らかの方法で変更します。色、形、位置、サイズは、エスカレート状態と非エスカレート状態の違いを示す典型的な方法です。
1つのオプションは、統合受信ボックス方式です。アラート項目の総数が表示され、内訳とグループがクリックまたはマウスオーバーで明らかになります。 Stackexchangeサイトの上のバーが良い例です。赤いバブルに合計2が表示され、それをクリックすると、2つのアラートがどのサイトとカテゴリに分類されるかがわかります。
Facebookは、独自のアイコン[フレンドリクエスト、メッセージ、グローバル通知]を受け取る高レベルのカテゴリによってそれらを分類するための少し異なる方法を持っています。
誰もディバイダーを広いバブルに詰め込もうとするのを見たことがありませんが、それは探求するものです...
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
質問は少しあいまいなようですが、アイコンに色と数字を使用してさまざまなステータスを表示することも考えられます。