只有一两篇文章时,首页看起来总是很轻盈。等到内容填满一整页,很多之前不明显的细节才开始出现:标题换了三行,摘要长短不一,翻页按钮被推到了页面底部。
这也是准备一批测试文章的意义。内容越接近真实使用场景,越容易判断当前布局是否适合持续更新。
先看整体节奏
不用急着盯住某一个像素,可以先完整地滚动一次首页。观察注意力会落在哪里,哪些段落之间需要停顿,日期和阅读入口是否容易找到。
如果每一块内容都同样醒目,反而可能很难决定先读哪一篇。标题、摘要和辅助信息需要有各自合适的位置。
用不同内容试一试
| 测试内容 | 观察位置 | 想确认的事情 |
|---|---|---|
| 很短的标题 | 卡片上半部 | 留白是否自然 |
| 超过一行的标题 | 手机端和双列布局 | 换行后是否仍然清楚 |
| 较长的摘要 | 卡片正文 | 阅读入口是否容易找到 |
| 多个标签 | 文章页和标签页 | 换行后是否拥挤 |
| 第二页内容 | 页面底部 | 上一页和下一页是否明确 |
不同屏幕,分别阅读
在桌面上可以快速扫过一组标题,在手机上则更像沿着一条连续的路径阅读。同样的间距和摘要长度,放到两种屏幕里可能会有不同感受。
不妨实际点开一篇文章,再回到列表,接着翻到下一页。这样才能看到完整的浏览过程。
内容会继续改变页面
这份清单只是观察的起点。等到真正写下更多文章,还可以再次检查标题长度、标签分布和归档结构。
一个适合写作的界面,应该能容纳内容自然生长,而不用每增加一篇文章就重新安排整个页面。
本文为测试文章,使用较长标题和摘要来检查文章数量增加后的布局。