新しいヘッダードロップダウン/通知メニューのスタイル

複数の通知が強調表示されている方が、ずっと気持ちが良いです。

「いいね!」 2

はい、クリスさんのアバターバランスの提案と共に、私もそれが良いと思います。

編集:一貫性のため、サイドバーで使用しているのと同じ間隔を使用しました。

「いいね!」 3

スタイルに関して:個人的には、元の四角いスタイルの方が、丸みを帯びたエッジのスタイルよりも好みです。これは主に個人的な好みと、他のUIポップアップボックス(例:作成)の表示方法との一貫性によるものです。しかし、それはほとんど美的感覚の問題です。

機能に関して:さらに重要なこととして、ハイライトがない/すべて既読の通知の場合、右側のボタンアイコンが左側の通知欄と十分に区別できないと思います。特に、ハイライトされた通知がない場合、アイコンが左側の情報とつながりすぎているように感じられ、右側のアイコンが左側の通知に関連しているという印象を新しいユーザーに与えやすくなります。これは、3つの変更がすべてこの手がかりを取り除いたことの組み合わせによるものです。1)ボタンアイコンが同じサイズになり、同じ行に表示されるようになった(少なくとも元のリビジョンでは、最近のスクリーンショットではそうではない)、2)列の背景色がなくなった、3)それらを区切る垂直線がなくなった。#1はすでに解決されているようなので、それで十分かもしれませんが、少し不安です。

さらに難しいのは、アカウントアクセスと、アカウント設定もこのメニューから行われることをユーザーに知らせることが、より混乱を招く可能性があることです。なぜなら、一番下のアカウントボタンの動作が、他の通知ボタンとはまったく異なるものを示しているからです。(より一般的には、アカウントアクセスと通知が同じヘッダードロップダウンにあるのは非常に奇妙です。しかし、モバイルデバイスのスペースの節約/制限を考えると、それは妥当なトレードオフかもしれません)。

私の投稿の要約:アカウントアイコンには、人々が見つけやすいように特別な差別化を設けることをお勧めします。

「いいね!」 3

これは余談ですが、この実験の範囲を超えるかもしれませんが、DiscourseのUXを改善するために、通知を専用のメニューに移動させることを提案します(そのメニューには、いいね、返信、メンション、バッジの4つの水平タブ/セクションを設けることができます)。

これは、Youtube、Reddit、Twitter/Blueskyなどの一般的なパターンであり、XenForoのような他のフォーラムソフトウェアでも見られます。

「いいね!」 4

確かに同意します。おっしゃる通り、今回の変更の範囲外ですね。ユーザーメニューと通知メニューを分離することは、検討する価値のある素晴らしい変更だと思います。

「いいね!」 3

はい、今日の午後にモバイルで試してみましたが、特に右側のタブのタップ領域はかなり小さいように感じました。

「いいね!」 4

これがFacebookのやり方です…

これにはいくつかの問題点があると思います。(以前からの問題がさらに悪化しています)

  1. アバターが小さすぎる
  2. 未読時の青一色表示 - 通知間の細い白い線が目立ちすぎるため、さらに悪化しています。
  3. 右側のわずかなハイライトはクリックしにくい

ここで、青いハイライトをやめて、新しい通知には(サイドバーで既に使われている)「青いドット」を使用するという方法が考えられます。

そうすれば、アバターを少し大きくし、右側のクリックターゲットとハイライトを元に戻すことができます。

Facebookのようにアバターを巨大にする必要はありませんが、中間的な解決策があるかもしれません。「青一色表示」をやめることが、この問題の解決の鍵になる可能性があります。

「いいね!」 4

私としてはこの変更は気に入っていますが、フォントサイズが小さすぎます。通知メニューでは約13px、メインのトピック本文のフォントは16pxです。ここでは近接して見ることができます。

視力がすでに悪い私にとって、アイテムを読むのがはるかに難しくなります:nerd_face: フォントサイズが同じであればありがたいです。

「いいね!」 9

右側のアイコンの下にある大きなスペースについてどう思うか確信が持てません… 大きすぎると思います。

「いいね!」 3

ええ、しばらくして私も同じように感じました。現在は16pxに戻しました。サイドバーの多くの間隔とサイズ設定を模倣しようとしています。アクティブ状態とホバー状態とともに。

これらを元のサイズに戻しました。

これは一般的に良い考えだと思います。サイドバーの状態にさらに近づけることができます。これを試してみます。

青いドットへの移行がアバターを大きくするのにどのように役立つか、詳しく教えていただけますか?

これも増やしました。

@sam
これについてどう思いますか?これは非常に簡単な変更で、CSS以外のテンプレート/コアの編集なしで可能でした。

ナビゲーションを上に配置した場合

「いいね!」 2

これらのフォローアップデザインはクールですね!

ナビゲーションをトップにする場合、コアの他の場所にある horizontal-overflow-nav で使用している既存のデザインのようにスタイリングを試すことはできますか?

「いいね!」 1

これは、前回のアップデート前のメニューと非常によく似ています。

これはすでにモバイルユーザーに混乱を引き起こしていませんか?(例えば、ユーザープロフィールの管理ボタンが見えなくなってしまうなど、モバイルでのユーザーページ上の管理ボタンが隠れている)。最後のアイコンがこのように隠れてしまうと、例えばログアウトボタンを見つけるのが非常に困難になります。

「いいね!」 4

はい、おっしゃる通りです。オーバーフローの混乱を避けるために、ナビゲーションは右側に配置したままにしておくべきだと思います。

実際には、デザインを様式的に模倣することだけを意味していました。右側に配置したままでも、それが可能だと思います。フィルターと通知エリアの間に、より明確な区分を設けることができます。

このようなものを考えていました。

「いいね!」 5

読み取り通知を薄暗くすることも、別のアイデアとして考えています。

トピックリストにはすでに前例があります。

「いいね!」 5

円の位置

(個人的には)通知の円は右側が良い。まずは左側で試してみて、皆の意見を聞く価値はあると思う。自然に感じて皆が気に入るかもしれない。

上部ナビゲーション vs サイドナビゲーション

サイドナビゲーションの方が断然良い。使いやすくクリックしやすい。それに、スペースの制約も大きい。

ナビゲーションのハイライト

ナビゲーションに関しては、「大きな青いハイライトボックス」を維持したい。現在の縮小された状態ではなく、あの小さなナビゲーションボックスには、私にとって奇妙な心理が働いている。メカニクスが変わらないにもかかわらず、クリックするのが非常に難しいと感じる。

私の脳は奇妙にも、「ナビゲーションを変更するには、あの小さくて小さなボックスをクリックしなければならない」と言っている。


視覚的にごちゃごちゃしていないほど、アバターを大きくする余地があると考えている。とはいえ、現在のサイズで問題ないと思う。

とにかく、このフィードバックは今のところ気にしないでくれて構わない。

「いいね!」 5

ハイライトされたアイテムを他のメニューに合わせて端から端まで表示する方法を見つける必要があると思います。これは現在ほとんどの場所で行われています。唯一残っている大きな例外はサイドバーだと思います。

「いいね!」 3

一貫性は重要だと思いますが、未読が多い場合に問題となるのは、アイテム間の区切りがなく、青一色の海のように感じられることです。

メニューでは、アクティブなハイライトを持つアイテムを多数表示することはありません。通常は1つ、あるいはまったくないと思います。

ギザギザの青いドットを進めるなら、これはもはや問題ではなくなるかもしれません。

「いいね!」 3

Keegan、ここで提示してくれたアイデアは気に入りました。共有してくれてありがとう@!

「いいね!」 2

最新のアップデートがmetaで公開されました。

「いいね!」 1