Study 10:一餐的松弛,每一步的认真
2026-09-23 · 原型实验自评,不是独立评审、S7/S10 或生产验收。
设计立场与职责
温度来自少问一次、保留选择和愿意负责;清爽来自注意力有先后;责任来自把钱、时间、下一步说清楚。共同视觉语言服务这些关系,而不是让所有页面看起来一样。
| 页面组 | 首要职责 | 本轮分配 |
|---|---|---|
| 首页 | 灵感、自主选肉、已承诺的配送 | 无待办时保留完整开场;有鲜送安排时先呈现当前安排,其余可展开;独立选肉入口仍保留 |
| 商品、肉篮 | 买多少、怎么切、买了什么 | 规格有清楚选中边界,价格深墨,购买动作实心;减少交易中的品牌装饰 |
| 预约、成功、订单 | 规则、金额、状态、下一步 | 配送确认规则前移;待确认使用时钟与暖色,而非完成勾;实际配送先于通用流程 |
| 计划及关联页 | 看一天、安排一餐、补齐采购 | 日期与餐次形成主线,采购前移;推荐、汇总、订阅按需展开;不把采购数量画成健康成绩 |
| 我的及资料 | 处理订单,再记住习惯 | 订单和售后先出现,家庭卡退为柔和的第二层;资料入口语义明确 |
保留首页层叠、居中品牌句与轻呼吸邀请。后者仍有限重复,并尊重减少动态效果设置;付款与截止时间不使用呼吸效果。上游状态机、钱款计算与数据未改。实现细节与方向授权见方向记录。
实证与反证
- 完整采集26路由、43页面/状态、101张分段截图;人工查看首屏拼图,重点检查计划、我的、详情、订单和配送状态。长页截图可供继续逐项复核,不以截图存在替代审美通过。
- 8条路径检查通过,其中完整自主购物从首页实际点击开始;其他部分路径通过诊断导航抵达起点,再执行可见控件。诊断覆盖不等于全部入口可发现性通过。
- 9项隔离异常与恢复通过:网络、售罄、追溯重试、超范围地址、约满、支付失败重试、空篮、空搜索、空配送波次。
- 320×568、393×659、393×852:26路由×3视口,共78项观测,无外层或内部横向溢出。第一轮发现320px搜索区内部溢出3px,修复后重跑全轮;不是只复测该页。
verify-care.mjs验证首页待确认/撤回/第二次配送、自动配送、停送退款、网络恢复、共享导航和订单再买入口。货架筛选、返回保留、非推荐商品购买及减少动效检查通过。- 最终全套采集未捕获页面脚本错误;93个上游源码文件与
35c0d16字节一致。
证据:图录 · 路径与页面 · 异常 · 布局。隔离浏览器内使用模拟订单,无真实支付和配送。截图保留短暂提示,不是静态黄金图。
对上一轮问题的处理与剩余工作
首页待确认配送缺失、订单按钮内部溢出、首页网络异常无重试,均已修复并回归。共享导航、标记和配色已协调;删除跨页悬浮肉篮提示,改为明确入口。计划层级、确认规则、成功页下一步、收藏命名与商品箭头已调整,但不因此宣告整套任务设计完成。
仍需面对的反证:
- 配送卡在首页占用较大空间,这是“先负责已约好的事”的取舍;多订单用户是否因此觉得逛店受阻,需要体验验证。
- Toast 仅统一样式,短时间跨页操作仍可能看到上一操作的提示;截图中售后页仍出现家庭保存提示。后续需梳理提示生命周期,不能宣称过时反馈全部消除。
- 首页与原版搜索的范围仍不同;追溯历史批次语义、加菜重复入口和较长说明页尚未完全重构。网络异常时顶部直接选肉入口仍需明确禁用或恢复语义。
- 原版上轮21项测试中2项计划购买状态语义分歧仍未处理(餐次改变与mealId改变的判定)。本轮未改业务逻辑,也未把视觉回归当成该问题解决。
- 真机微信宿主、iOS软键盘、大字体、读屏与完整对比度检查、独立设计评审尚未完成。部分继承控件和文案仍需这些检查,不宣称全面可访问。
以上责任由主设计会话承接,下一轮先处理反馈生命周期和入口语义,再基于用户体验配平首页待办密度;业务语义须先确认规则,不为视觉改状态机。Foundation保持provisional,不发布正式token。4300原版及原始源码保留为对照和恢复入口,本轮未执行Git提交或生产发布。