做个人站时,我为什么放弃横滑时间线
产品思考 / 交互
参考站里有一段横向滑动的项目时间线,桌面端确实很有编辑感。我一度也想照搬。
横滑的诱惑
同一视口里并排三张卡片,时间轴横贯其上——构图完整,像杂志跨页。对「独立开发之路」这种叙事尤其合适。
真正用起来的问题
- 触控成本高:手机上要横滑,容易和页面纵向滚动抢手势。
- 信息截断:卡片等高后,长描述只能省略,点击成本上升。
- 键盘与读屏:横向滚动容器对可访问性不友好,要额外补很多工作。
我选的折中
保留时间轴线 + 圆点,但改成纵向堆叠。桌面端仍能一眼看到叙事节奏,移动端不需要额外手势。
标题用衬线放大层级,标签改成斜杠文本,卡片半透明描边——这样即使不用横滑,也还保有纸面编辑感。
结论
酷交互值得学,但个人站的第一目标是:让人把内容读完。酷是加分项,不是门槛。