woshale.com
← 返回博客

文章页的信息架构小记

迭代到今天,文章页上已经挤了五种导航元素:顶部阅读进度条、开头可折叠目录、文末上下篇、相关阅读卡片、以及读到底才浮出来的推荐卡。功能是好的,全堆在一起就是灾难。这篇记录我给它们排座次的思路。

按"读者的心理时刻"排座次

导航元素不能按开发顺序堆放,要按读者此刻心里在想什么来排:

一条铁律:同屏不超过一种主动元素

进度条是被动的(只在顶部),目录是被动的(要点开),它们永远不抢戏。主动浮出的只有一个——文末推荐卡——所以它出现时不觉得吵。页面可以功能多,但"主动开口"的元素在任何时刻只能有一个。

信息架构的本质不是摆放元素,是决定谁在什么时刻有资格说话。

检证方法

标准很土:拿手机从头滑到尾,问自己三个问题——我知道读到哪里了吗?我知道还能去哪吗?有没有哪个元素让我想点"关闭"?三个都过关,这页的架构就算站住了。目前全部过关,直到下一个功能前来挑战座次。

← 更多文章 聊聊这篇 →