水平加载滑块

您在滑块设计上做得非常出色,整体确实显得更加高雅(非常适合像知名建筑师事务所这样的网站)。但不幸的是,与我们的习惯以及其他论坛相比,它让 Discourse 显得反应迟缓,我认为这种心理影响可能会成为阻碍。

不妨对比一下滑块与加载动画:尽管页面加载时间大致相同,但加载动画给人的感觉要快得多:

https://streamable.com/07k3p9

如果我们确实决定使用滑块,以下是一些值得尝试的改进方案:与其将不透明度降至 20%,不如直接降至 0,并且在页面加载时间超过一秒左右时才显示滑块。

2 个赞

请注意,Elixir 论坛托管在欧洲,因此对我们这些在大西洋这一侧的用户来说,速度实际上要快得多。Meta 托管在 AWS 的 us-west-1 区域。

> time (curl -Ss https://meta.discourse.org/latest.json > /dev/null) 
0.03s user 0.01s system 3% cpu 1.280 total

> time (curl -Ss https://elixirforum.com/latest.json > /dev/null)
0.02s user 0.01s system 10% cpu 0.286 total

不过,总的来说我同意淡入淡出效果并不是完美的解决方案。我们将尝试一些新的想法……敬请期待。

9 个赞

说实话,在 Discourse 托管的论坛上体验也差不多,但很高兴听到你正在考虑调整它 :+1:

2 个赞

目前我已恢复加载动画,同时也保留了滑块。本周晚些时候我们可能会尝试其他实验。

6 个赞

@dodesz 这是什么主题?看起来非常棒。

我暂时又把它禁用了,因为在我看来,滑块和加载动画同时出现实在太过分了。

不过,我很期待新的更新。

2 个赞

我们的网站正在使用这个很棒的滑块,且没有页面主体过渡动画,效果很好(除了“极快的无限滚动”时,不过目前这不算大问题),并获得了用户的积极反馈。

查看页面加载示例:

同意 @Terrapop 的看法,滑块加加载圈确实“过于杂乱”且令人分心。

5 个赞

是的,我更喜欢这样。请问在最新版本中,你是如何再次禁用加载动画的?

1 个赞

不是的。我在最后一次更新之前分叉了旧版本;只是注释掉了 body 动画(并在移动设备上将滑块加粗了 1 像素,在桌面端上加粗了几个像素)。我们已经以这种方式在线上运行了几天,非常喜欢它(用户也评论说他们同样喜欢)。在尝试了一些微调之后,我们现在对它很满意了。

欢迎随时试用 :slight_smile: … 它是免费且友好的 :slight_smile:

1 个赞

只是想公开提一下 @david,最新的优化对我来说正好达到了最佳效果(至少在我刚刚测试了 20 分钟的移动设备上是这样)。

对所有人说明一下:我们现在会延迟显示加载动画,因此网络较慢的用户仍然能看到它。

11 个赞

不仅仅是连接缓慢的问题。我们在处理大型主题时也会遇到类似情况,而且在这种情况下加载动画看起来效果不错(显示的是“正在处理”而不是“程序卡死了”。:sweat_smile:)。所以,必须给你点个大大的赞。:raised_hands:

5 个赞

这是一个改进,但我仍然感觉明显变慢了——有什么原因导致加载动画被拒绝/替换成这个吗?你们在改进滑块方面做得非常出色,但在我看来,加载动画仍然略胜一筹,特别是在加载较慢的页面上:

https://streamable.com/q2gh0q

(假设 Rust 论坛与 Discourse 托管在相同的网络/服务器上^^(不确定未登录状态是否会有很大影响?))

3 个赞

这有很大区别,因为匿名回复可以被缓存。

3 个赞

我本来以为可能会这样,所以回去做了个对比,两边都登出了:

https://streamable.com/1x0tbs

它确实更快,但整体来看,我觉得那个加载圈(spinner)更管用,也更契合 Discourse 的风格——它感觉更快,而且不会像滑块那样突兀或显眼,持续时间也更短。

不过还是看大家吧,我个人投加载圈一票(抱歉!)。其实我本来打算在 PG 更新主题帖里发帖,说自从那次更新后 Discourse 感觉有多快、多流畅 :sunglasses:(现在要是退一步,哪怕只是一小步,那就太可惜了 :sweat_smile:

4 个赞

我同意。滑块是一种倒退。我也在桌面端查看过,即使没有淡入淡出效果,它在屏幕上仍然显得更杂乱,比加载动画更分散注意力。因此,无论是在移动端还是桌面端,加载动画都更胜一筹。

但如果旧的加载动画将成为官方维护的主题组件,我会选择使用它并感到满意。它会是吗?提前感谢。

3 个赞

我们将制作一个简单的主题组件,以便在集成完成后切换回旧行为。

目前的计划是在 Meta 平台上先适应这一变化 1-2 周,然后再进行集成。

请记住,当“奶酪”移动时……人们往往不会高兴。除非你在数天内与变化共存,否则很难做出准确判断。

13 个赞

既然尴尬的淡入淡出效果已被移除,我认为带有滑块的空白页面与加载图标之间的区别对我来说已不大。我觉得现在它在移动端看起来还不错。不过在桌面端,我认为滑块在垂直方向上太细了。也许只是我的光线问题,或者是因为我此刻正在使用 27 英寸显示器,但进度条横穿屏幕时真的很难看清。

5 个赞

我花了一些时间对比了桌面端和移动端的体验,很抱歉要提出不同意见,但我认为加载动画(spinner)在两种平台上都明显更优。

在这个类型的网站上,滑块(slider)给人的感觉既缓慢又突兀。虽然它在某些类型的网站上表现良好(特别是加载时间较长的网站,此时需要视觉指示来显示页面加载进度),但我不认为它适合论坛或任何重视速度感的网站。

我真心希望你们不要实施这个改动;如果一定要做,请将其作为主题组件,并将默认选项保留为加载动画。

5 个赞

我确实很怀念淡出效果,主要是因为我不喜欢空白页面的状态,而且它让过渡更加柔和……空白屏幕显得太生硬了。

9 个赞

我同意 @awesomerobot 在这里的观点 @sam——淡化的文字比刺眼的空白屏幕好得多。

8 个赞