社交媒体

一次小型重构,让文章页重新安静下来

一次小型重构,让文章页重新安静下来

这次重构的起点是一篇很长的测试文章。正文左侧有目录,顶部有阅读进度,段落旁边有分享入口,结尾还有多张推荐卡。每个功能都有理由,但同时出现时,文章像被一群热心向导围住。

我先记录阅读过程中真正发生的动作:打开文章、扫一眼结构、连续阅读、偶尔返回某个小节,最后决定是否继续。页面不需要在每个滚动位置都提醒下一步。

目录只在有结构时出现

短文只有一个标题时,目录没有帮助。因此脚本只收集正文里的二级、三级标题,确实存在导航项才显示入口。桌面端可以放在侧边,移动端则使用按钮打开覆盖面板;按下 Esc 或选择章节后关闭,并把焦点还给触发按钮。

这一小段焦点管理比动画更重要。界面看起来能开关,不代表键盘使用者真的能离开它。

进度不是倒计时

阅读进度改成页面顶部一条很细的线,不显示百分比,也不估算剩余分钟。它只回答“我大概读到哪里”,不评价速度。滚动结束后线条淡出,避免在文章结尾继续抢夺注意力。

对于启用“减少动态效果”的系统,过渡会被缩短或取消。内容和控制仍然存在,只是不要求每个人都观看同样的运动。

给文章一个真正的结尾

相关推荐从大面积横向列表缩成少量卡片,放在正文、标签和评论之后。它们根据相关内容提供选择,但不无限加载。文章应允许读者抵达结尾,而不是在下一批内容中失去停下的机会。

重构后的页面第一眼变化不大,这反而让我满意。好的阅读辅助应该在需要时出现,完成工作后退回背景。安静不是功能变少,而是每个功能都知道自己什么时候不说话。