鼎味肉市DESIGN ATELIER
← 资料目录docs/design/proof/experiments/fresh-market/STUDY-23-MINE.md阅读原文

Study23:一眼看全的日常服务台

状态:experiment。范围仅为4301试验中“我的”入口页,不修改首页、详情、服务子页或正式Foundation,不代表整套产品验收。

职责与注意力

首页让人想选购,详情让人确定选择;我的页负责让人找到已有关系与服务。它不应该复制首页的大开场,也不应该成为解释每个功能的长目录。本轮用稳定位置、轻量图标和短名称取代说明卡片。

顶部保留称呼与家庭人数;有待确认事项才出现浅色提醒。订单与一周计划居中承接正在发生的交易,下部两列三行呈现日常服务。浅底属于交易,细线属于目录,不让所有入口争夺相同的卡片重量。没有“更多”、折叠分组或隐藏入口。

分组 入口及边界
当前事项 新周计划明日确认、旧鲜肉订单待确认分开呈现;不伪造统一账本
交易 全部订单、预约与配送、售后记录;新增一周计划入口
日常第一行 用餐偏好、鲜送地址:家庭与配送基础
日常第二行 收藏的好肉、肉品档案:选购记忆与来源记录
日常第三行 权益与积分、订阅建议:低频服务

保留原有九个产品入口,新增计划,共十个。待确认提醒是快捷路径,不代替固定入口。原型“体验设置”和新旧演示记录说明通过portal放在/phone手机框外;直接访问/origin不显示研究控制。

空间与取舍

使用可伸缩的目录行消化默认状态的剩余高度;短视窗收紧区块间距,而非缩小文字。产品按钮触点至少44px。与强制禁止滚动相比,优先保证入口可达:默认状态在393×715、393×659、320×568、390×844内容视窗均一屏看全;同时存在两类待确认事项时,393×715与393×659仍可一屏看到所有固定入口。

320×568叠加两类待办、放大文字等情况允许自然滚动,不用裁切换取表面上的“不滚动”。没有新增横向轮播。较密的两列目录牺牲了逐项解释空间,其图标与命名是否足够直观仍需用户体验判断。

验证与反证

重放:在本目录运行node verify-mine.mjs,需要已安装Playwright与Chromium,可通过PLAYWRIGHT_MODULE指定模块。

最新证据:mine-23-proof/evidence.json及同目录截图。六组局部检查通过:四种默认视窗的十个入口与触点;全部入口路由;实际模拟周付款后从我的进入明日确认;新旧双待办与框外控制;周记录损坏提示待核对;CSS放大文字后的滚动可达性。未捕获页面脚本错误。

初次双待办短视窗检查确实发现最后一行超出导航上沿,否定了最初“一屏可达”的假设;已通过高度响应式间距调整修复并重跑。不是靠放宽常用视窗断言通过。已人工查看默认、双待办短视窗和大字截图;大字图中存在自然换行,仍不将其宣称为完成精修的系统大字适配。

verify-origin-source.mjs核对固定来源35c0d16的93个文件均未变化。试验构建成功,git diff --check通过。旧的我的页选择器测试不再适用于新结构,不能以历史结果充当本轮证据。

未验证:微信/iOS真机安全区、系统字号、完整读屏与对比度审计、全部26页回归、真实订单与支付。CSS大字压力检查不等于系统字号测试;本轮没有独立设计评审。周计划与旧订单仍为隔离的演示机制,不改变真实业务规则。

维护与恢复

设计主会话负责本试验、证据及后续反馈。实现位于study-mine.tsx、study-care.css的Study23作用域与build-origin.mjs的MinePage导出映射。旧StudyMine保留,可恢复导出映射并撤回本轮作用域样式后重建;不需要删除或迁移本地周计划记录。4300固定原型未变。