设计晨报 往期
← 10月29日
交互与体验

巡检表单草稿:本地优先自动保存,断网可续填,冲突要用户选不能静默盖

弱网/长表单必须「本地优先+状态可见+冲突显式」:任何输入尽快落本地,冲突弹对比让用户选,绝不能静默盖掉用户草稿。

掘金工程复盘(2026-10-16):设备巡检系统在车间移动端弱网下三次出现「填二十分钟后提交失败全丢」。方案定为本地优先——输入经三层节流(按键 300ms 防抖、变更 500ms 合并、同步攒批/15 秒)写入本地库,status 分 local/synced/conflict;联网后只捞 local 同步。冲突时服务端优先但不静默覆盖,弹对比让用户选。右上角灰点/绿勾/黄标让保存状态可见;草稿与正式表隔离、七天提醒/三十天归档;提交成功原子删草稿。上线后丢失投诉清零,草稿废弃率反过来暴露表单过繁。

作者给出 draftKey 结构、三层节流参数、同步伪代码、冲突原则与上线后投诉清零/日均 3.5 条草稿等数据。

为什么值得看

中文复杂业务+移动场景一手:长表单/弱网/多设备接力是 B 端巡检、门店、后台录入的高频坑,可直接借鉴状态可见、冲突显式与草稿生命周期。

可以试试

对照自家长表单:断网时能否续填;冲突是静默覆盖还是弹对比;右上角有没有保存状态指示。

原文