現在、右上隅のアバターは、さまざまな種類の非常に異なるアイテムの統一されたコンテナとして機能しています。通知(返信、投稿通知、いいね、DM、バッジ)だけでなく、ブックマークやアカウントオプションもあります。最初は「ああ、なるほど」と思いましたが、使う時間が長くなるにつれて、実際に気になり始めました。私が直面している具体的な問題から始めましょう。
問題1:通知かアカウントエラーか?
「アイコンに重なる円の中の数字」は、私にとって「このものには私へのメッセージがある」という意味です。Gmailのアイコンに5が表示されているのはメールが5件、Discordのアイコンに999+が表示されているのはどうでもいい人からの通知です。それは理解できます。
しかし、「円の顔」とは何でしょうか?直感的には、それは私自身に関するものです。「無料トライアルが終了しました」、「メールアドレスを確認してください」といった、アカウントに関する問題だと思います。もし円に数字が表示されていなかったら、「ユーザーはオンライン」というアクティビティインジケーターを選ぶでしょう。しかし、「ああ、ただあなたの投稿への返信の通知だ」ということは決してありません。
問題2:「ログアウトするにはどうすればいいですか?」
これは、今年フォーラムで3回見た質問です。ユーザーのステップは次のようになっていると想像します。
- 今日のフォーラムは終わりだ。ログオフしよう。
- アバターをクリックする。これは、他のほぼすべてのウェブサイトでログアウトボタンがある場所だと知っている。
- 代わりに通知が表示され、ログアウトボタンは見当たらない。
- (混乱して、フォーラムに仕組みについて投稿する)
根本的な問題は、通知とアカウントのドロップダウンが組み合わさっていることが途方もなく複雑であることです。ここではメタで、実質的に初めて使うユーザーとして、ドロップダウンに20個の要素が表示されています。通知が10個、タブが8個、アクションが2個です。完全に圧倒されます。それを見て、ログアウトボタンが(アカウントアイコンをクリックした後に表示される)アカウントアイコンの中にさらに隠されていることを見つけ出すには、かなりの思考力が必要です。
提案
私の考えは、シンプルに保つことです。
- アカウント関連のもの(アバター)だけを含むアカウントボタンを設ける。
- 通知関連のもの(購読中の投稿アクティビティ、返信、メンション、いいね、バッジ)だけを含む通知ボタンを設ける。
- チャット通知だけを含むチャットボタンを設ける。
- ブックマークはサイドバーに含める。そこにはすでにブックマークのようなもの(カスタムセクション)を追加する機能があります。
- (検索アイコンを検索バーに変更して、右側のアイコンの数を減らし、人々が投稿前に検索する頻度を高める)
または、視覚化するために、私の驚くべきFigmaスキルをご覧ください!アイコンやその他のUI要素(「チャット」ウィジェット、「サイドバーのリマインダー付き投稿」)の隣にある赤い円は、通知数、またはブックマークの場合は「1日後にスケジュール済み」/「木曜日から延滞中」のようなものになります。青い虚空に浮かぶ大きな赤い円は、あなたの背景の一部です ![]()
補足:「個人メッセージ」(Messages)と「個人チャット」(DMs)の違いは何ですか?
私の意見では、これらはトポロジカルに同一であり、主な違いは、一方が他方よりも操作が少し厄介であるということです。メッセージは私のデザインではまだ良い場所が見つかっていません(そして、参考までに、Redditでも見つかっていません)。私はこれら2つのシステムを統合するか、あるいは一方を「レガシーDM」、もう一方を「チャット/新しいDM」と呼ぶことを検討するでしょう。


