新的标题下拉/通知菜单样式

当有多个通知突出显示时,感觉会更好。

2 个赞

是的,我认为我喜欢它以及克里斯关于头像平衡的建议。

编辑:为了保持一致性,我使用了与侧边栏相同的间距。

3 个赞

从风格上来说:我个人更喜欢原来的方正风格,而不是圆角风格,这主要是因为个人偏好以及与其他UI弹出框(例如:撰写邮件)的一致性。但这主要只是审美偏好。

从功能上来说:更重要的是,在没有高亮显示/所有通知都已读的情况下,我认为右侧的按钮图标与左侧的通知栏没有足够的区分度。尤其是在没有高亮显示的通知的情况下,图标很容易让人觉得与左侧的信息联系过于紧密,给新用户一种右侧图标与左侧通知相关的印象。这归因于三个变化共同消除了这个提示:1)按钮图标现在大小相同/显示在同一行上(至少在原始版本中是这样,而不是在最近的截图中),2)该列不再有不同的背景颜色,3)不再有分隔它们的垂直线。由于#1似乎已经解决,那么这可能就足够了,但我有点不确定。

但更具挑战性的是,这也会让帐户访问更加混乱,并且更难提示用户帐户设置也通过此菜单进行,因为底部帐户按钮的行为与其余通知按钮完全不同。(更一般地说,在同一个头部下拉菜单中同时包含帐户访问和通知是非常奇怪的,而不是分成两个独立的下拉菜单。但是,考虑到移动设备上的空间节省/限制,这可能是一个合理的权衡)。

我的帖子要点:我建议帐户图标有一些特殊的区分,以便人们能够找到它。

3 个赞

这让我想起来:虽然这可能超出了本次实验的范围,但我认为如果通知能移到它们自己的菜单中(然后该菜单可以有四个水平标签/部分,分别用于赞、回复、提及和徽章),那么将会改善 Discourse 的用户体验。

我觉得这也是一种非常常见的模式(例如在 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 个赞

我确实认为一致性很重要,但我发现的问题是,当有很多未读项时……它感觉像一片蓝色的海洋,项目之间没有区分。

在我们的菜单中,我们不会显示很多带有活动高亮的项。通常……我认为只有一个,甚至没有。

也许如果我们继续使用参差不齐的蓝色圆点,这个问题将不再重要。

3 个赞

我喜欢你在这里提出的想法,Keegan,感谢分享@!

2 个赞

最新更新已在 meta 上线。

1 个赞