好的首页,应该帮助读者更快做决定

产品思考Northline2 分钟阅读

打开一个陌生的博客,读者通常会先看几个地方:站点名称、最新的文章标题,以及作者介绍。这些信息会帮助他判断,这里是否有自己感兴趣的内容。

首页的设计,就从这个很短的判断过程开始。

把内容放在最容易到达的地方

文章列表不需要藏在多个入口之后。标题、摘要和日期已经足以让读者决定是否继续阅读,封面图则可以帮助区分主题和建立记忆。

在桌面上,宽一些的文章列配合窄侧栏,可以让主次关系自然成立。侧栏补充作者、分类和近期文章,不必与正文争夺注意力。

每个区块只做一件事

  • 导航负责告诉读者:这里有哪些内容。
  • 轮播负责介绍一个值得被看见的话题。
  • 文章列表负责提供明确的阅读入口。
  • 侧栏负责补充背景,以及下一步可以去哪里。

当两个区块在重复做同一件事时,可以先考虑删掉其中一个,而不是增加更多视觉强调。

在手机上重新安排优先级

手机屏幕没有空间同时容纳文章和侧栏,直接把桌面布局缩小会导致文字拥挤。因此移动端让文章回到单列,缩短顶部区域,把导航放进可展开的菜单。

同一个网站,在不同屏幕上可以有不同的呈现顺序。真正需要保持一致的,是内容之间的关系。

清晰不是把所有东西都放大,而是让重要的东西更容易被找到。