web-dev-qa-db-ja.com

同じアイコンに2つの通知タイプを表示するにはどうすればよいですか?

1つのアイコンに2つの通知ステータスを表示する最良の方法は何ですか。ビジネスでは、エスカレーションされたアイテムと新しいアイテムを一目で確認する必要があることを要求しています。

異なる通知を表示するために、1つのアイコンに2つの通知バブルを表示するのが適切かどうかを知りたいです。私が説明しようとしていることのイラストを添付しました enter image description here

6
Reg

Slackはそれをうまく処理します。多分それはあなたを助けるでしょう。

enter image description here

https://slack.zendesk.com/hc/en-us/articles/201675007-Dock-icon-notifications

8
Martyn

ユーザーに2つのバッジが必要かどうかを質問します。

情報がユーザーのニーズを満たす方法の詳細を提供していないため、いくつかの前提を設けさせてください。

ユーザーはエスカレートされたメッセージがあるか、またはいくつあるかを知る必要がありますか?どちらがより重要ですか?

おそらくエスカレーションされたメッセージがある場合、ユーザーはより早く受信トレイに行きます。 「ああ、エスカレートされたメッセージは3つしかありません。今は受信トレイをチェックアウトしません。4つあった場合は、すぐに受信トレイに行きます」とユーザーが言っているのではないでしょうか。

エスカレートされたメッセージの数は、ユーザーの行動決定には重要ではないため、混乱しているようです。問題は、エスカレートされたメッセージがあることです。

したがって、ユーザーが本当に知っておくべきことは次のとおりです。

  1. メッセージがあります(この数は、メッセージをチェックするタスクの処理にどのくらい時間がかかるかを示すものです)
  2. 一部はエスカレートされています(おそらくこれらは受信トレイの上部にあります)

したがって、メッセージ全体を表示する1つのバッジを用意し、それらのメッセージの一部がエスカレートされたときに処理を何らかの方法で変更します。色、形、位置、サイズは、エスカレート状態と非エスカレート状態の違いを示す典型的な方法です。

3
Eric Stoltz

1つのオプションは、統合受信ボックス方式です。アラート項目の総数が表示され、内訳とグループがクリックまたはマウスオーバーで明らかになります。 Stackexchangeサイトの上のバーが良い例です。赤いバブルに合計2が表示され、それをクリックすると、2つのアラートがどのサイトとカテゴリに分類されるかがわかります。 screenshot of alert dropdown

Facebookは、独自のアイコン[フレンドリクエスト、メッセージ、グローバル通知]を受け取る高レベルのカテゴリによってそれらを分類するための少し異なる方法を持っています。

screenshot of alert icons

誰もディバイダーを広いバブルに詰め込もうとするのを見たことがありませんが、それは探求するものです...

mockup

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

1
sirtimbly

質問は少しあいまいなようですが、アイコンに色と数字を使用してさまざまなステータスを表示することも考えられます。

0
Daniel Zahra