那个把人送到空白表单的按钮——一个 UI 暗模式的教训
来源：dev.to — 2026-07-21
📋 概述
作者分享了一个看似简单却影响深远的 UI 设计教训：一个按钮因为路由参数丢失导致用户被送到空白表单页面，而不是预填数据的编辑页面。这个问题暴露了前端状态管理中"按钮→URL→表单状态"链路的脆弱性——状态在页面跳转中被丢弃，用户需要从头填写。文章以这个具体的 bug 为切入点，探讨了前端数据流设计的深层原则。
🔑 核心要点
- 路由参数丢失的连锁反应：按钮点击时路由参数未正确传递，导致用户被送到空白表单，已有的上下文数据全部丢失。
- 前端状态管理的脆弱链路：按钮→URL→表单状态这条链路中任何一个环节断裂，都会导致用户体验急剧下降。
- 暗模式不只是恶意设计：很多糟糕的用户体验来自于无意的状态丢失，而非刻意为之——但这同样会损害信任。
- 预填数据的重要性：用户期望从上下文页面跳转时携带已有数据——这是现代 Web 应用的基本用户体验契约。
💡 金句
最糟糕的用户体验往往不是故意设计的——它们只是在状态穿越页面边界时被悄悄丢弃了。
👍 0👎 0
← 返回 Dev.to 首页