H7.01.3add-to-cart feedback设计研究
加入购物车需要即时反馈
别名: 加购反馈 · 加入购物车动画 · add to cart confirmation
概念解释
人点「加入购物车」之后，必须立刻知道三件事：请求被收下了、车里现在有几件、入口在哪。即时反馈落在点击后的这一拍，不是车在下次打开时还在不在，也不是库存变了怎么说。没有这一拍，人会连点、怀疑没加上、或者离开详情页去车里核实——加购这个低承诺动作被做成了一次核对任务。
机制
加购是详情页上的旁路动作：主任务仍是浏览。人不会自然转向购物车页去确认。按钮若只短暂变成「已加入」又弹回，或角标延迟几百毫秒才 +1，感知上像没点上。重复点击会把数量叠上去，直到结算才发现。成功反馈要同时改两处：按钮自身（已加入 / 数量）和车的入口（角标或飞入）。只有按钮变化，入口找不到；只有角标跳一下，当前焦点上的人可能看不见。失败（售罄、限购、网络）必须占用同一位置，不能假装成功再在车里消失。
怎么研究
在详情页记录加购点击后的 2–3 秒：是否连点、是否立刻打开车、是否滚动去找角标。比较无反馈、仅按钮文案、按钮+角标、飞入动效。
自变量：反馈通道数量、角标是否在视口内、失败是否占用成功位、按钮在反馈期是否仍可点。 因变量：重复点击率、加购后立刻进车的比例、实际数量与意图数量的差、失败后的再试。
实验室里屏幕被盯着，角标再偏也能看见；真机单手持握时角标常在拇指盲区。动效时长不要用「好不好看」当因变量，用「有没有连点」和「数量是否正确」。
边界
「立即购买」跳过购物车，反馈应是进入结算而不是加车成功。批量加购（再来一单、整单复购）要以清单摘要为反馈，单条飞入会看不清范围。无障碍用户需要的是按钮状态和实时区域播报，飞入轨迹帮不上忙。游戏或直播间的高频打赏式加购，反馈要能合并，否则动画本身变成阻塞。
怎么落地
- 点击后立即禁用该 SKU 的加购按钮直到请求返回；成功则改文案并让角标 +1，失败则在按钮旁说明原因并恢复可点。
- 角标或车入口在加购时必须在当前视口内有一处变化；桌面可辅以迷你车抽屉，但抽屉不能挡住继续浏览。
- 同一会话内对同一 SKU 再次加购，反馈里带上新的数量，避免人以为还是 1。
- 验证：录屏看加购后 3 秒内有无二次点击；再核对策里数量与点击次数。失败用例点售罄商品，确认没有成功态、没有角标 +1。