关系先于数据
用“天天的今天”、年龄与日期建立个人语境，Fufu 形象传递熟悉感。在线状态与电量紧随其后，让家长先确认记录来源是否可用。
← 返回作品集让每一次陪伴，
WABU / COMPANION EXPERIENCE
让每一次陪伴，
都有迹可循。
哇布 Fufu · 陪伴玩具的首页、内容页及状态设计
从日常互动到值得回看的瞬间，让家长看见孩子的表达，也找到继续陪伴的灵感。
探索设计逻辑 ↓
LITTLE MOMENTS, MEANINGFUL CONNECTIONSTHE IDEA
让家长看见表达，
让设计保留温度。
这组界面连接实体陪伴玩具与家长端的日常回看：孩子与 Fufu 自然交流，家长通过首页了解陪伴概况，再进入瞬间详情阅读具体表达和互动依据。
设计的重心是建立清晰、可信的阅读路径。蓝白色调、大圆角卡片与柔软的角色形象延续玩具的亲近感；重要数据、原始对话和操作入口保持明确层级，让情绪表达与信息效率共同成立。
02 个核心页面04 种关键状态移动端体验设计
01
有温度
角色、插画与日常语言，建立玩具和界面之间的情感连续性。
02
有依据
摘要可追溯到原话，明确区分 AI 整理与孩子的真实表达。
03
有回应
每种状态解释发生了什么，并给出符合当前情境的下一步。
01
首页 · 陪伴概览 ↗ 点击查看原图
01 / HOME
先看见今天，再走近一个瞬间。
首页围绕家长最直接的三个问题展开：设备是否正常、今天有没有互动、有什么值得回看。信息从状态到概览，再落到具体表达，形成由浅入深的浏览顺序。
概览帮助快速判断
“今日陪伴”只突出互动时长和次数，并显示同步时间。大数字便于扫读，时间戳说明数据的新鲜程度，避免把尚未同步误认为没有互动。
用故事吸引回看
“今日闪光”以蜗牛小屋等具体话题代替抽象指标，标题直接呈现孩子的表达。话题切换、数量与“查看瞬间”共同构成从概览进入详情的入口。
把观察和结论分开
兴趣线索显示“收集中”，说明需要更多对话才能观察反复出现的话题；互动记录保留原始对话入口，让家长可以继续查证。
02
内容页 · 瞬间详情 ↗ 点击查看原图
02 / MOMENT
一段小小的表达，值得被认真看见。
详情页把一次对话整理为可阅读的故事，同时保留判断依据。围绕“发生了什么—为什么保留—原话是什么—可以如何回应”组织内容，让家长理解孩子当时的想法。
先交代事件
“给小蜗牛盖一间挡雨的房子”以具体行为作为标题，时间段界定这次互动。摘要提取树叶屋顶、小石头压住等细节，减少阅读完整对话的负担。
明确 AI 的边界
“AI 整理”标识说明摘要的来源；“只记录本次表达，不判断能力或稳定兴趣”限制解读范围，避免把一次表达包装为成长评估。
让解释有依据
“为什么留下这一刻”之后紧接“互动依据”。角色、时间戳与原话建立可追溯的阅读结构，完整对话入口和转写误差提示帮助家长核对上下文。
把回看延伸为陪伴
底部给出“你想把小房子搭在哪里？”这样的开放式追问，让家长可以自然接续话题。反馈入口提供纠正整理结果的路径。
03
首次使用 · 尚无互动 ↗ 点击查看原图
03 / FIRST USE
第一段陪伴，从一次轻松的聊天开始。
设备已经连接，但还没有可用于整理的真实互动。此时页面的任务是解释内容如何产生，并降低第一次使用的门槛。
告诉家长当前处境
“Fufu 已连接”先排除设备问题，主标题明确这是陪伴的起点，让空白页面具有清楚的原因。
建立真实内容预期
说明聊天之后，值得回看的表达才会出现，并强调“有真实互动依据时，才会生成瞬间”，避免用示例内容冒充孩子的记录。
给出足够轻的下一步
“让孩子聊聊今天发生的小事就好”把启动任务转为日常交流。返回首页提供自然出口，插画与留白让首次使用保持轻松。
04
生成中 · 内容处理中 ↗ 点击查看原图
04 / PROCESSING
等待整理时，也能先读到真实对话。
原话已经同步，摘要和推荐仍在生成。页面区分数据已到达与内容已整理两个阶段，让等待过程可理解。
说清楚正在等待什么
标题“这段互动正在整理”与“原话已同步，摘要和推荐还在生成”明确当前进度，避免用户把处理延迟理解为丢失记录。
保留可使用的信息
时间、角色和对话原文仍然可见，“先看完整对话”让家长不必等待全部整理结束，也能了解孩子说了什么。
让更新方式可预期
“整理完成后自动更新”说明后续行为。当前稿仍保留了“为什么留下这一刻”的解释，落地时应让它与摘要的生成状态保持一致，避免未完成时呈现确定结论。
05
当天无内容 · 保留陪伴的价值 ↗ 点击查看原图
05 / NO MOMENT
没有精选瞬间，不等于没有陪伴。
已同步记录中暂时没有适合整理成瞬间的内容，这与首次使用和设备断开是不同的情况。页面需要解释筛选结果，同时保留回看其他内容的路径。
明确时间与同步范围
日期、连接状态和同步时间共同界定当前结果，让家长理解“今天暂时没有”只对应此刻已同步的记录。
避免制造评价压力
“这并不代表今天没有陪伴”主动拆开精选内容与陪伴价值的关系，防止家长将空状态理解为孩子表现不足。
提供两条合理去向
“查看互动记录”用于回看真实交流，“查看其它日期”用于寻找已有瞬间；“新的对话同步后会继续整理”补充结果可能变化的条件。
06
设备未连接 · 引导恢复 ↗ 点击查看原图
06 / DEVICE
先恢复连接，再继续记录陪伴。
连接是同步记录的前提。这个状态把问题从内容层转回设备层，用明确动作帮助家长继续使用。
把原因放在操作之前
“尚未链接”和连接设备的说明共同解释为什么没有记录，避免用户反复刷新内容。设备插画提供直观的情境提示。
突出一个主要动作
蓝色“绑定设备”按钮承担主要引导，“返回首页”作为次级出口。按钮与说明在同一张卡片中，缩短从理解问题到采取行动的距离。
区分首次绑定与掉线
当前选中画面使用“绑定设备”，更符合尚未绑定的场景。如果已绑定设备只是离线，实际产品应提供“重新连接”及对应检查提示，保持状态与动作匹配。
DESIGN REFLECTION
陪伴不是一个分数，
而是一段可以接续的对话。
从首页的轻量概览，到详情里的原话依据，再到空白、等待和未连接状态，这套设计用一致的视觉语言解释不同情境。让每个页面既传递信息，也帮助家长理解当下、采取下一步行动。
本案例展示选定的六张界面设计；设计解读基于当前页面的信息与交互表达，不包含未经验证的用户研究或上线效果数据。
浏览更多项目 ↗