一个从没上过网的孩子，设计出了比我更好的进度条。这件事让我重新思考：我们对"用户体验"的理解，是不是被行业惯性绑架了太久。
从门廊草图到代码：一个周末协作实验
周日下午，我和8岁的Lincoln坐在门廊上，笔记本摊开。这是我们固定的"头脑风暴时间"——为家里的智能屏幕开发一款家庭数据看板。
Lincoln安静了几分钟。根据经验，这意味着他正在酝酿什么。
「我想能挑战别人。比如，敢不敢跟爸爸比谁先走到一万步。」
我记下这句话，职业本能立刻启动：竞争功能的标准模式是什么？其他应用怎么处理？进度怎么可视化？
Lincoln完全没想这些。他的脑子里只有一件事：怎么让"赢"这件事看起来够酷。
清单1：挑战功能的三种输入模式
家庭挑战的复杂度，来自目标的多样性。我们最终确定了三种输入方式，由发起者自选：
• 每日打卡：喝水、做俯卧撑——完成即勾选，是/否逻辑
• 累计计数：步数、阅读页数——持续累加，看最终总量
• 截止冲刺：特定日期前达成——时间盒约束，看完成速度
每种模式对应不同的胜负判定规则。Lincoln坚持要加一个字段：赢家奖品。他对此极其认真。
但真正的分歧出现在可视化环节。
清单2：进度条的"行业标准"vs一个孩子的直觉
我给Lincoln看了我的方案：数字百分比、填充色块、标准进度条。
他全部否定。
他要的是燃烧的煤块——深灰色冷煤起步，接近目标时开始发红、转橙，最后燃起火焰。领先越多，火势越旺。
不是描述，是手绘草图。他一张张翻给我看状态变化。
我打开素材网站，让他自己挑。冷煤、暗红余烬、初燃小火、烈焰全盛——他逐个确认，连色值过渡节点都指定了：零度冰冷，15%开始发红，何时转橙，全燃状态的确切视觉。
这些参数现在写死在代码里。每个挑战的进度条，都是一个8岁孩子的创意总监签名。
为确保效果，我先在隔离环境里搭了纯组件，加了个滑块拖动预览。Lincoln坐旁边，逐帧审批过渡动画。
清单3：为什么"外行"设计往往更准
这个煤块进度条让我意识到几个问题：
• 我没有问对问题。我在想"进度条怎么设计"，他在想"赢的感觉应该是什么样"
• 行业库存限制了想象。我的选项库全是数字产品范式，他的参考系是营火、壁炉、肉眼可见的能量积累
• 情感反馈被过度压缩。标准进度条把复杂的心理旅程（挣扎、加速、冲刺、碾压）压缩成一个百分比数字
• 游戏化不是加徽章。真正的游戏感来自状态转换的戏剧性，不是完成后的奖励图标
Lincoln的设计之所以好用，是因为它还原了竞争本身的情绪曲线——从死寂到升温，从胶着到爆发。这是任何竞品分析给不了的信息。
清单4：AI工具链如何放大这种协作
这个项目的工具组合本身也值得记录：
• Figma：Lincoln的草图直接拍照进设计稿，我负责转化为可执行组件
• React：进度条作为独立组件开发，props接收阶段参数，便于迭代调试
• Supabase：家庭数据的后端，挑战状态实时同步到厨房屏幕
• AI编码辅助：处理样式细节和动画曲线，让我能专注于把Lincoln的意图翻译成技术实现
关键不是用了什么工具，而是工具链的响应速度匹配了孩子的耐心阈值。从草图到可交互原型，两小时内完成闭环。这种即时反馈让"设计-测试-修正"的循环得以在单次专注窗口内跑完。
清单5：给产品人的三个反直觉提醒
这次协作暴露了我作为"专业设计师"的盲区：
第一，"竞品分析"可能是认知债务。我看其他应用时，继承的是它们的设计假设，而非用户需求本身。Lincoln没有这种包袱。
第二，隐喻比抽象更高效。"完成度67%"需要解码，"煤块烧到橙红色"是即时感知。在厨房场景下，后者显然更优。
第三，儿童是极端用户研究的捷径。他们对界面惯例零认知，反应直接、诚实、不受社交礼仪过滤。如果8岁孩子需要解释，说明设计失败了。
最后：去抓一个"没用过互联网"的设计顾问
这个项目最值钱的产出，不是那个煤块进度条的代码，而是验证了一种工作流：把极端用户（此处是儿童）早期拉入设计循环，用AI工具压缩实现成本，快速测试直觉假设。
Lincoln的下一批需求已经在排队：挑战的音效、输家的"灰烬"状态、连胜火焰特效。他还没学会上网，但已经学会了用产品语言表达欲望。
你的下一个功能，也许该找个完全不懂这行的人聊聊。不是做用户调研那种"聊聊"，是坐下来，给ta纸笔，看ta画什么。
热门跟贴