订单等待动画:14 秒的不确定 vs 进度条

顾客点击"确认"。出现一个旋转图标。十四秒过去——屏幕一言不发。数据库里订单早已进入厨房,但对顾客来说那十四秒仿佛永恒。这段沉默是 QR 点餐中最被低估的 UX 杀手。

不确定让感知时间膨胀 44%

Nielsen Norman Group 的加载状态研究明确指出:不确定的旋转图标使用户高估实际等待时间 44%。换成进度条,这种偏差降至仅 12%。差异是心理性的——不确定等于失控等于恐慌。

餐厅场景下更严重,因为顾客已付款。卡住的旋转图标引发疑虑,呼叫服务员,订单被重新提交——出现重复订单风险。

三阶段解决方案

我们重新设计了确认屏。不再使用单一旋转图标,而是三个检查点:"订单已收到 (1/3)"、"已送至厨房 (2/3)"、"厨房确认 (3/3)"。

• 阶段 1:D1_OPS INSERT 成功(<800毫秒)
• 阶段 2:SSE 推送至 KDS(<1.2秒)
• 阶段 3:KDS 操作员标记"准备中"(平均 8-12 秒)

压力评分从 4.1 降至 2.3

对 240 名顾客的内部调查:旧旋转图标 4.1/10,新动画 2.3/10。等待期间呼叫服务员的次数减半。

常见问题

可以关闭动画吗? 不行,但标签可自定义。

阶段 3 始终未触发怎么办? 60 秒超时后显示:"准备中——已通知服务员"。

KDS 离线时? 进度条停在 2/3,顾客保持冷静。

觉得有用?分享给朋友。