新的侧边栏实验(Sidebar Feng Shui)

我们正在 meta 上进行一项实验,对侧边栏设计进行一些调整,以创建更宽敞、更宁静的布局。通过增加元素之间的间距,并优化内边距和外边距,我们的目标是实现更简洁、更有条理的外观,但代价是可能会有更多元素消失在屏幕下方。

之前

之后

功能上没有任何变化,只是视觉上您可能需要一点时间来适应。

26 个赞

我很喜欢。\n\n___\n\n不过,这在桌面聊天中很明显,如果你加入了许多频道,要看到任何新的 :large_blue_circle: 未读消息需要滚动很多。\n

5 个赞

当然可以,我认为在使用全屏聊天时,使用论坛/聊天切换器在某个时候开始变得有意义。这种设计肯定会让你更快地达到这一点。

2 个赞

太有空间感了。不过,这属于个人口味。

7 个赞

这不仅是品味问题,也可能是屏幕尺寸的问题。

在我的平板电脑上,我通常会折叠大部分部分,这样我仍然可以看到我发送了聊天消息的人是否在线。因此,私信部分必须可见。但我也很常使用顶部部分,所以向下滚动一次并不能解决问题。

正如你所见,即使所有部分都折叠了,也无法同时看到私信和带有额外空间的顶部部分,而以前我还有空间打开一些部分。

这也是我不使用聊天侧边栏的原因。聊天按钮需要很多空间。

9 个赞

喜欢这个 :heart: :pray:

尤其是四周的填充。右侧的背景高亮确实切断了一些能量流 :innocent:

话虽如此,滚动条能否保留在右侧边缘?现在它与左侧的填充融为一体:

同意关于空间的问题……为什么不去掉按钮,而是使用与管理员菜单或元文档相同的上下文切换呢?

关于侧边栏的整体长度,它似乎已经自食其果了?那里有太多东西要放……通常需要一个自定义部分(或几个),成员也可以放置他们自己的部分,然后是类别、标签、消息、聊天列表……还有一个菜单,无论屏幕空间如何,它都无法停止滚动。

也许到处都使用上下文菜单?对我来说,它们比折叠部分有更好的流程。

4 个赞

它看起来确实更简洁了,但我也有关于屏幕空间(尤其是在平板电脑和智能手机上)的担忧。凭直觉:也许在当前设计和提议设计之间找一个折衷点。

另外:当侧边栏以这种方式更新时,右侧的帖子列表会立即显得过于拥挤。我认为这两者需要对齐(自从基本字体大小增加以来,我个人认为它们之间已经存在比我喜欢的更多的失配了)。

5 个赞

我要吹毛求疵一点:

  • 为什么一个部分的底部有这么多额外的空间?有时底部多一些空间是合理的,但这感觉太不均匀了

  • 较小的“所有类别”和“所有标签”是故意的吗?我认为这些是相当重要的链接

  • 通常标题文本感觉很小,尤其是在折叠时

  • 不喜欢右侧的插入符号,我猜这是为了区分标题,但感觉我们浪费了空间,因为我们已经有一个侧边栏列用于图标了

  • 侧边栏容器应删除右内边距,以便滚动条与右侧对齐,正如 Manuel 所提到的

  • 我们失去了标题上的背景悬停效果……这与较小的尺寸相结合,使得可点击区域比主链接感觉更加模糊

是的,老实说,这感觉太填充了,以至于与 Discourse 的其他部分格格不入……要使其成为默认设置,我认为我们需要致力于在所有地方添加更多填充(我不反对这一点,但这需要付出巨大的努力)

是的,我们正在考虑在侧边栏中添加一个侧边栏,有点像 Slack 的做法……这可以切换上下文和侧边栏内容,目前我们有几种不同的侧边栏工作方式,需要以某种方式将它们联系起来。我们也可以将消息和“关于”内容移到它们自己的部分,以缩短主侧边栏的长度。

19 个赞

最能帮到我的是,当我滚动时,章节标题能固定在顶部。我的侧边栏里有很多类别和聊天频道,有了这个改变,我很难快速理解我当前的位置,因为标题经常会滚出屏幕。\n\n如果我们实现固定的章节标题(就像我们在滚动时对帖子的用户头像所做的那样),我认为我会更喜欢这个 :slight_smile:

7 个赞

你能再试试看,感觉怎么样。我们已经是 V2 了 :wink:

这是我的疏忽,谢谢你——应该已经修复了。

这是故意的。我希望只有折叠功能的标题与其他导航到某处的元素区分开来。我觉得在可折叠标题上使用完整的悬停效果有点不寻常。此外,大多数行都有两个操作:折叠和次要操作(编辑或添加消息)。突出显示整个行,包括次要操作,感觉不对。

1 个赞

因为 docs 链接被移除了,我现在可以看到两个 DM 聊天了 :tada:

2 个赞

我个人更喜欢文本密集、留白很少的排版。即使是之前的布局似乎也浪费了空间。之后的布局更糟。可惜这不能设置为用户偏好。

昨晚我准备上床睡觉,并进行了最后的观光。我发现自己试图把它捏得更紧 :winking_face_with_tongue:

1 个赞

我更喜欢“之前”版本更紧凑的间距

2 个赞

我们决定将设计实验的当前状态合并到核心中。

已经有一些易于使用的变量可以根据您的喜好进行修改(特别是 --d-sidebar-row-height),并且可以轻松地进一步去除间距,以满足那些偏好的人;但是,我们认为这是为 Discourse 的用户群体提供的一个更好的默认设置。

3 个赞