返回列表

做个人站时,我为什么放弃横滑时间线

产品思考 / 交互

参考站里有一段横向滑动的项目时间线,桌面端确实很有编辑感。我一度也想照搬。

横滑的诱惑

同一视口里并排三张卡片,时间轴横贯其上——构图完整,像杂志跨页。对「独立开发之路」这种叙事尤其合适。

真正用起来的问题

  1. 触控成本高:手机上要横滑,容易和页面纵向滚动抢手势。
  2. 信息截断:卡片等高后,长描述只能省略,点击成本上升。
  3. 键盘与读屏:横向滚动容器对可访问性不友好,要额外补很多工作。

我选的折中

保留时间轴线 + 圆点,但改成纵向堆叠。桌面端仍能一眼看到叙事节奏,移动端不需要额外手势。

标题用衬线放大层级,标签改成斜杠文本,卡片半透明描边——这样即使不用横滑,也还保有纸面编辑感。

结论

酷交互值得学,但个人站的第一目标是:让人把内容读完。酷是加分项,不是门槛。