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固定原型未变。