迭代到今天,文章页上已经挤了五种导航元素:顶部阅读进度条、开头可折叠目录、文末上下篇、相关阅读卡片、以及读到底才浮出来的推荐卡。功能是好的,全堆在一起就是灾难。这篇记录我给它们排座次的思路。
按"读者的心理时刻"排座次
导航元素不能按开发顺序堆放,要按读者此刻心里在想什么来排:
- 刚进门(想知道多长)——目录折叠收起、进度条只在顶部细线,信息给到但不催促;
- 读到一半(想找位置)——目录展开可跳转,进度条给出剩余量的直觉;
- 读到结尾(想知道去哪)——上下篇给出"系列感"的路径,相关阅读给出"同类感"的岔路,推荐卡只在文末可见时浮出,随时可关。
一条铁律:同屏不超过一种主动元素
进度条是被动的(只在顶部),目录是被动的(要点开),它们永远不抢戏。主动浮出的只有一个——文末推荐卡——所以它出现时不觉得吵。页面可以功能多,但"主动开口"的元素在任何时刻只能有一个。
信息架构的本质不是摆放元素,是决定谁在什么时刻有资格说话。
检证方法
标准很土:拿手机从头滑到尾,问自己三个问题——我知道读到哪里了吗?我知道还能去哪吗?有没有哪个元素让我想点"关闭"?三个都过关,这页的架构就算站住了。目前全部过关,直到下一个功能前来挑战座次。