页面基线 · 2026-10-02

若米 × 艾袒心 H5|核心页面左右对照

左侧为若米正式产品截图,右侧为当前 H5 页面。每组图片下方列出若米、当前实现、差距和建议改法。点击截图可查看原尺寸。

当前 H5:14 个路由若米正式截图:55 张 · 430×932静态原型:仅作规划参考未覆盖页面会明确显示缺口
证据说明:若米正式截图来自 2026-08-27 已登录会话;登录与若米 AI 拆解结果没有正式截图。内部静态原型不是线上产品源码。公开展示副本已遮去账号昵称、邮箱和单次签到选择;其余截图保留原样。静态截图不能证明动效,涉及动效的页面需另录屏验收。

一级页面与入口

先决定导航结构,再调整单页细节
一级 · P0 · 正式页面可直接对照

01. Home / 今日首页

P0
若米参考 若米正式截图 · 0102 Home
若米正式截图 · 0102 Home
点击图片查看原图
当前 H5 当前 H5 · 今日首页
当前 H5 · 今日首页
点击图片查看原图

若米是什么

若米 Home 展示问候、Today’s Focus 任务顺序、Type/Speak 快捷入口、Next up/Wins 和 Personalise 提示。

当前页面是什么

艾袒心首页显示今日任务、完成鼓励和任务卡,底部是“今日 / 任务 / AI 助手 / 复盘 / 我的”。

差距是什么

若米以焦点和下一步为首页层级;当前更像待办总览,AI、复盘、我的都占一级导航。

建议怎么对齐修改

保留今日为一级入口;增加焦点任务与下一步卡,Type 作为首页快捷入口;先保留艾袒心品牌色,只对齐层级和入口。

静态原型参考(仅工作区) 当前代码(仅工作区)
一级 · P0 · 正式页面可直接对照

02. Tasks / 任务中心

P0
若米参考 若米正式截图 · Tasks
若米正式截图 · Tasks
点击图片查看原图
当前 H5 当前 H5 · 任务中心
当前 H5 · 任务中心
点击图片查看原图

若米是什么

若米 Tasks 提供 Today、This week、All、Review、Someday 等视图和筛选入口。

当前页面是什么

艾袒心任务中心支持全部、进行中、已搁置、已完成,可新建和进入详情。

差距是什么

当前主要按任务状态筛选;若米还按时间范围和 Review 队列组织。

建议怎么对齐修改

将日期视图与状态筛选分层;定义 Review、Someday、Archived 的状态语义后再增加入口,避免只改标签。

静态原型参考(仅工作区) 当前代码(仅工作区)
一级 · P1 · 若米正式页;当前缺页

03. Schedule / 日程

P1
若米参考 若米正式截图 · Schedule
若米正式截图 · Schedule
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米 Schedule 有日期条、待安排任务和按小时排列的时间轴。

当前页面是什么

当前没有 Schedule 页面,任务只记录今天 / 本周 / 以后和预计时长。

差距是什么

缺少事件、时间块、拖入排程、日历设置与同步;截止时间不等于日程安排。

建议怎么对齐修改

若确认属于本期,新增日期条 + 可拖入任务区 + 日时间轴;明确事件模型、时区和同步边界后再加连接器。

静态原型参考(仅工作区)
一级 · P1 · 若米正式页;当前缺页

04. Regulate / 情绪调节

P1
若米参考 若米正式截图 · Regulate
若米正式截图 · Regulate
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米 Regulate 集中呈现 Feeling off、Check in、Journal、Log mood 和调节协议分类。

当前页面是什么

当前没有调节模块;任务完成反馈和每日复盘不是健康/情绪签到。

差距是什么

缺少页面、敏感数据授权、记录历史和删除路径。

建议怎么对齐修改

若纳入本期,先定数据用途与授权,再实现可跳过签到、文字记录和协议浏览;不与任务反馈混用。

静态原型参考(仅工作区)
一级 / Regulate 邻接 · P1 · 若米正式页;当前缺页

05. Routines / 例行流程

P1
若米参考 若米正式截图 · Routines
若米正式截图 · Routines
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米 Routines 展示 Morning / Evening 模板、步骤数、展开和运行入口。

当前页面是什么

当前只有绑定到单项任务的一次性微步骤,没有 Routine 模板。

差距是什么

可复用流程、重复计划、逐步运行和运行记录都缺失。

建议怎么对齐修改

若纳入本期,新增模板列表、编辑步骤和运行页;Routine 与 Task subtask 分开建模。

静态原型参考(仅工作区)
一级入口调整 · P0 · 正式入口可比,功能不等同

06. Type / Speak 与 AI 助手

P0
若米参考 若米正式截图 · Type 入口
若米正式截图 · Type 入口
点击图片查看原图
当前 H5 当前 H5 · AI 拆解(功能不同)
当前 H5 · AI 拆解(功能不同)
点击图片查看原图

若米是什么

若米把 Type / Speak 对话卡放在 Home,可从快捷问题进入任务整理。

当前页面是什么

艾袒心把 AI 助手单独放在底部一级入口,当前核心是单任务微步骤拆解。

差距是什么

若米截图是通用对话入口;当前是任务上下文工具。Speak 还涉及麦克风权限与语音服务。

建议怎么对齐修改

把 AI 拆解保留在首页快捷入口和任务编辑/详情中;只有通用对话服务明确后才增加 Type。Speak 先不放未接通的假入口。

静态原型参考(仅工作区) 当前代码(仅工作区)
一级入口调整 · P0 · 正式页面仅部分对应

07. Analytics / Review

P0
若米参考 若米正式截图 · Analytics 空态
若米正式截图 · Analytics 空态
点击图片查看原图
当前 H5 当前 H5 · 当日复盘
当前 H5 · 当日复盘
点击图片查看原图

若米是什么

若米 Analytics 与 Streak 从 Menu 进入;正式截图的 Analytics 是无数据状态。

当前页面是什么

艾袒心“复盘”是底部一级页,包含完成数、周趋势、今日小结和明日第一步。

差距是什么

长期数据分析与每日回顾被放在同一职责中;导航层级也不同。

建议怎么对齐修改

保留每日复盘作为任务闭环;如果需要长期趋势/洞察,新增 Analytics 二级页并放入 Menu。“复盘”不再泛称 Analytics。

静态原型参考(仅工作区) 当前代码(仅工作区)
一级入口调整 · P0 · 正式页面可对照

08. Menu / 我的与设置

P0
若米参考 若米正式截图 · Main Menu
若米正式截图 · Main Menu
点击图片查看原图
当前 H5 当前 H5 · 我的
当前 H5 · 我的
点击图片查看原图

若米是什么

若米用右上角 Menu 汇总账户、Streak、Analytics、Notes、Settings & Support,再进入设置分区。

当前页面是什么

艾袒心把个人信息、任务历史、协议数据设置、支持和退出放在底部“我的”。

差距是什么

当前路径短但设置职责较少,没有 Notes、偏好、日历等分组。

建议怎么对齐修改

可将“我的”改为顶部 Menu;按账户、Explore、Settings & Support 分组。注销/清除数据放在危险操作分区并保留确认。

当前代码(仅工作区)

二级页面

从一级入口继续检查核心流程与对应状态
二级 · 身份 · P2 · 若米正式截图未覆盖

09. Login / 登录

P2
若米参考 若米正式登录截图未采集
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。
当前 H5 当前 H5 · localhost 开发登录
当前 H5 · localhost 开发登录
点击图片查看原图

若米是什么

若米正式截图从已登录会话开始,没有登录、验证码或密码页;内部静态原型有登录页。

当前页面是什么

艾袒心使用微信登录;H5 localhost 开发态额外显示本地 Mock 按钮,生产态隐藏。

差距是什么

缺少正式若米登录截图,无法进行视觉对照。

建议怎么对齐修改

保留微信认证主流程;Mock 仅用于本地开发,不进入生产 UI。

静态原型参考(仅工作区) 当前代码(仅工作区) 生产构建状态:current/00-prod-login.png
二级 · 首页 · P0 · 正式页面可直接对照

10. Today’s Focus / 首页焦点任务

P0
若米参考 若米正式截图 · Today’s Focus
若米正式截图 · Today’s Focus
点击图片查看原图
当前 H5 当前 H5 · 今日首页
当前 H5 · 今日首页
点击图片查看原图

若米是什么

Home 将焦点任务按执行顺序呈现,并展示 Next up、Wins 等轻量信息。

当前页面是什么

当前首页显示今日任务列表和鼓励卡,用户需要自行判断先做哪一项。

差距是什么

“今天要做什么”清楚,但“第一步做什么”与完成后的下一步提示较弱。

建议怎么对齐修改

增加最多一个主焦点任务与后续顺序;显示 Next up / 明日第一步摘要,避免把整个首页改成拥挤的总清单。

静态原型参考(仅工作区)
二级 · 任务 · P0 · 正式页面可直接对照

11. 任务视图与过滤

P0
若米参考 若米正式截图 · Filters
若米正式截图 · Filters
点击图片查看原图
当前 H5 当前 H5 · 任务中心
当前 H5 · 任务中心
点击图片查看原图

若米是什么

若米有 Today / This week / All / Review / Someday / Completed / Archived 和筛选面板。

当前页面是什么

当前用全部、进行中、已搁置、已完成四个状态筛选。

差距是什么

时间范围、队列和状态混在同一层;Review/Someday/Archived 尚未建模。

建议怎么对齐修改

顶层切 Today / This week / All;更多筛选放入次级面板。只有状态语义和持久化规则确定后才启用其他视图。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · 任务 · P0 · 正式页面可直接对照

12. Quick Capture / 新建任务

P0
若米参考 若米正式截图 · Add a task
若米正式截图 · Add a task
点击图片查看原图
当前 H5 当前 H5 · 编辑任务
当前 H5 · 编辑任务
点击图片查看原图

若米是什么

若米在 Tasks 顶部统一“Add a task, event or thought”,再进入对应编辑流程。

当前页面是什么

艾袒心直接打开任务编辑表单,可填说明、优先级、时段、步骤并发起 AI 拆解。

差距是什么

当前只建 Task;Event 需要日程模块,Thought 可能进入 Notes,不能只更换入口文案。

建议怎么对齐修改

统一 Home/Tasks 新建入口;当前先支持 Task。Event/Thought 在对应页面和数据契约可用后再开放。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · 任务 · P0 · 正式截图仅部分相似;详情参考原型

13. Task Detail / 计时执行

P0
若米参考 若米正式截图 · Edit task(非执行详情)
若米正式截图 · Edit task(非执行详情)
点击图片查看原图
当前 H5 当前 H5 · 任务执行详情
当前 H5 · 任务执行详情
点击图片查看原图

若米是什么

若米正式截图 0415 是编辑表单;完整任务详情交互仅能参考其内部静态原型 TASK-004。

当前页面是什么

艾袒心任务详情把计时器、微步骤、AI 重拆、完成/搁置放在一页。

差距是什么

正式若米截图没有相同的计时中状态,不能依据截图比较执行动效。

建议怎么对齐修改

按任务标题/状态 → 当前最小一步 → 计时主操作 → 后续步骤 → 更多操作组织内容;低频删除/搁置降低视觉权重。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · AI · P1 · 若米正式图无同款结果页

14. AI 拆解输入 / 思考 / 结果

P1
若米参考 若米正式截图 · 任务整理入口(不等同 AI 拆解)
若米正式截图 · 任务整理入口(不等同 AI 拆解)
点击图片查看原图
当前 H5 当前 H5 · 拆解输入
当前 H5 · 拆解输入
点击图片查看原图

若米是什么

若米正式截图只展示 Type 和任务整理快捷问题,不是任务拆解结果。

当前页面是什么

艾袒心有输入、思考、可编辑微步骤结果三个连续状态。

差距是什么

真实产品功能不完全相同;Romi 交互只能从内部 AI-004/005 原型参考,不能冒充正式版行为。

建议怎么对齐修改

保留三段状态和用户审核结果;明确生成中、失败重试、取消、编辑、保存状态;若后续需要通用聊天,再与拆解流分开。

静态原型参考(仅工作区) 当前代码(仅工作区) 当前状态截图:current/15-ai-thinking.png 16-ai-result.png
二级 · 完成 · P1 · 正式截图无同款反馈表

15. Completion Feedback / Review

P1
若米参考 若米正式截图 · Review queue
若米正式截图 · Review queue
点击图片查看原图
当前 H5 当前 H5 · 完成反馈
当前 H5 · 完成反馈
点击图片查看原图

若米是什么

若米正式图展示 Review 队列和 Completed 筛选,不是逐任务完成反馈问卷。

当前页面是什么

艾袒心完成反馈收集完成程度、难度、耗时和备注,然后进入每日复盘。

差距是什么

当前反馈较细,但缺少独立待复核队列;若米正式截图没有显示同样问卷。

建议怎么对齐修改

保留完成后的轻量反馈;Review 队列单独展示待确认任务,不把两者合成一个长表单。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · Schedule · P1 · 若米正式页;当前缺页

16. 时间轴 / Add to your day

P1
若米参考 若米正式截图 · Add to your day
若米正式截图 · Add to your day
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米可在时间轴上增加 Task、Routine、Regulate,并单独打开 Calendar settings。

当前页面是什么

当前无日历时间轴,没有任务拖入或日历设置。

差距是什么

缺少时间块、重复事件、同步状态、时区和冲突处理。

建议怎么对齐修改

先做本地时间块与创建/移动/删除;再接外部日历。空入口不要先加到一级导航。

静态原型参考(仅工作区)
二级 · Regulate · P1 · 若米正式页;当前缺页

17. Check-in / Journal / Protocols

P1
若米参考 若米正式截图 · Check-in
若米正式截图 · Check-in
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米 Regulate 二级页包含分步 Check-in、Journal、Log mood 和协议详情。

当前页面是什么

当前没有情绪调节和日志页面。

差距是什么

缺少敏感数据采集与管理流程;麦克风等权限也未实现。

建议怎么对齐修改

先确定数据范围和授权;优先做文字签到与协议浏览,语音需单独确认权限与服务。

静态原型参考(仅工作区)
二级 · Routines · P1 · 若米正式页;当前缺页

18. Routine 列表 / 步骤 / 运行

P1
若米参考 若米正式截图 · 展开 Routine
若米正式截图 · 展开 Routine
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米可展开例行模板步骤、创建 Routine 并进入运行状态。

当前页面是什么

当前只有单个任务的微步骤,没有可复用 Routine。

差距是什么

模板、重复计划、运行实例和步骤恢复均缺失。

建议怎么对齐修改

若纳入本期,Routine 模板与 Task 分开存储;运行页支持开始、暂停、跳过和完成记录。

静态原型参考(仅工作区)
二级 · 引导 · P2 · 流程目的不同

19. Onboarding / 首次使用

P2
若米参考 若米正式截图 · Personalise 起点
若米正式截图 · Personalise 起点
点击图片查看原图
当前 H5 当前 H5 · 开始之前
当前 H5 · 开始之前
点击图片查看原图

若米是什么

若米正式截图显示 Personalise 问卷入口;没有同屏服务边界授权流程。

当前页面是什么

艾袒心先说明非医疗边界、AI 数据用途,再确认三项协议。

差距是什么

一个偏个性化,一个偏知情授权,直接合并会混淆目的。

建议怎么对齐修改

保留合规确认作为必要流程;Personalise 若属于本期,可作为后续可跳过的偏好设置,不阻断首次使用。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · Menu · P2 · 若米正式页;当前缺页

20. Notes / 笔记

P2
若米参考 若米正式截图 · Notes
若米正式截图 · Notes
点击图片查看原图
当前 H5 当前 H5 暂无对应页面
当前开发版暂无对应页面此处是页面/能力缺口;是否新增需先确认本期范围。

若米是什么

若米 Menu 可进入 Notes 列表和新建笔记表单。

当前页面是什么

当前没有笔记列表/编辑页;用户反馈和任务备注不是 Notes。

差距是什么

缺少独立内容模型、编辑/保存与历史。

建议怎么对齐修改

若需求确认后再增加 Notes 模块;不要将其混入任务备注或客服反馈。

二级 · Menu · P2 · 邻近参照,不是同款页

21. Settings / Preferences

P2
若米参考 若米正式截图 · Preferences
若米正式截图 · Preferences
点击图片查看原图
当前 H5 当前 H5 · 协议与数据设置(部分邻近)
当前 H5 · 协议与数据设置(部分邻近)
点击图片查看原图

若米是什么

若米 Preferences 含通知、语音和 Memory 等偏好设置。

当前页面是什么

艾袒心“我的”提供协议/AI 授权、支持、法律和退出;另有数据设置页。

差距是什么

偏好、订阅、日历等设置分区未建立;当前页把帮助和隐私集中在一起。

建议怎么对齐修改

按 Account、Preferences、Billing、Extras、Danger 分组;危险操作独立并二次确认,只显示实际接通的设置。

静态原型参考(仅工作区) 当前代码(仅工作区)
二级 · 辅助 · P2 · 正式页直接对应

22. Support / Privacy / Terms

P2
若米参考 若米正式截图 · Help & Support
若米正式截图 · Help & Support
点击图片查看原图
当前 H5 当前 H5 · 支持帮助
当前 H5 · 支持帮助
点击图片查看原图

若米是什么

若米从 Menu 提供 Help & Support、Privacy Policy、Terms of Service。

当前页面是什么

艾袒心把支持、隐私政策、用户协议作为独立页面。

差距是什么

主要差别是入口层级,不是功能本身;长文页面需比较行距和滚动。

建议怎么对齐修改

放入 Menu 的 Settings & Support 分组;维持可读字号、返回路径和明确版本日期。

静态原型参考(仅工作区) 当前代码(仅工作区)
本公开页面提供截图、页面差距与调整建议,不包含项目源代码。静态截图不能证明页面动效,涉及动效时需另录屏验收。