凌晨喂奶一只手抱娃另一只手还要记。刚当爸那阵我用过现成的宝宝 App路径大概是解锁 → 等开屏 → 选宝宝 → 选记录类型 → 填表单。五步走完娃已经吐了。我给自家娃做了微信小程序「幼崽成长手册」把这条路径压成首页大按钮 → 弹层 → 记一笔。三秒。这篇只讲这一处交互以及它背后三条被我自己推翻的规则。一、默认路径里不放「完整」首页四个入口喂奶、尿布、睡眠、补记。没有「请选择类型」的中间页。点喂奶用弹层不用navigateTo新页面——新页面多一次返回夜里会按错。弹层默认时间 现在。母乳 / 奶粉、左侧 / 右侧是大按钮。时长给 5 / 10 / 15 / 20 / 30 分钟也可以「开始计时」。下次提醒不提醒 / 2 小时 / 3 小时 / 4 小时。毫升、备注、品牌都能加但不在默认路径上。半夜要的是「先记上」不是「记完整」。完整留给白天的「补记」。二、三条被打脸后才写下的规则1. 时间滚轮选到「未来」自动归昨天。夜里 23:50 喂完00:02 才记滚轮很容易滑到「现在」之后。如果不处理记录会落到第二天。规则很土选中时刻晚于当前日期减一天。土但比让用户理解「24 小时制」有用。2. 计时和快捷时长并存。只做计时的版本困了会忘按停止。15 分钟这种「大概数」准确度差一分钟换来真的能提交。产品上这叫降精度换完成率带娃场景里完成率 精确到秒。3. 「补记」不复用「现在」。补记如果默认现在白天补夜里的单会全部记成白天。补记先选日期再选类型。少一个设置项少一次脏数据。三、实现上故意少做的两件事记录写入走云函数不走客户端直写集合。这是旧文讲过的权限坑集合「仅创建者可读写」时云函数写的记录客户端读不到。交互再快写丢了等于没记。弹层状态放在首页data.panelType不是独立页面。少一个路由就少一次「从子页返回发现首页被卸载」的热重载问题。开发者工具加新文件要全量编译这点我踩过所以首页能容纳的交互就不拆页。// 伪代码选中时间晚于现在 → 归昨天 function resolveRecordTime(pickedHHmm, now new Date()) { const [h, m] pickedHHmm.split(:).map(Number) const t new Date(now) t.setHours(h, m, 0, 0) if (t.getTime() now.getTime() 60 * 1000) { t.setDate(t.getDate() - 1) } return t }四、这一处交互想说明什么AI 能把表单生成得很完整。完整在白天好看在凌晨是噪音。产品经理在 AI 协作里剩下的活经常是删掉默认路径里的字段。下一篇讲另一件碎事疫苗。喂奶能补针漏了补不了。我把 36 针按生日推到日历上自费苗单独标。如果这篇对你有用欢迎关注看「AI 工具人 PM 实战」系列更新你把高频操作压到几步评论聊聊觉得有用就收藏备用。我是小游日常把这类复盘记在「产品小游 AI 提效笔记」里方便自己翻不是让谁扫码。
