Spotlight · 01 · UX · 信息设计
吃友汇 CHIYOUHUI
餐饮热量记录 + 社交 App
— Tags
移动端 · UX · 信息架构 · IA · 健康
— Year
2024
— Role
视觉与交互主导
— Duration
3 个月
背景
当代年轻人对饮食健康的关注与对社交分享的需求并存,但市面上的应用普遍二选一:要么是冷冰冰的热量计算器,要么是只能晒餐厅打卡的社交工具。吃友汇 试图回答的问题是——能不能用一款 App 同时承载这两种行为?
用户与场景
主要用户:20-30 岁、关注健康但不愿牺牲社交、有持续记录意愿但容易因孤独而放弃的城市青年。
通过 12 位目标用户的开放式访谈,我们识别出 4 个核心场景:
- 扫码识食 —— 餐厅菜单或外卖包装扫一扫,立刻得到营养结构
- 拍照分析 —— 自拍餐盘,AI 估算热量
- 食谱社区 —— 看别人吃什么,给别人点赞
- 饮食日记 —— 自动汇总周/月报,形成可视化曲线
信息架构
围绕”记录 - 发现 - 社交”三层,我设计了主导航的 5 个 Tab: 首页 / 发现 / 扫描(中央加号) / 消息 / 我的。
完整流程图见 01 —— 四大功能与底部导航的映射关系。

关键屏幕
扫描识食流

发现与广场

我的与日记

设计决策
- 中央扫描按钮:把高频功能升格为 Tab Bar 中央”加号”,对应饮食 App 中”记录”先于”浏览”的行为节奏
- 暖色渐变(黄→绿):黄色对应识别中的食欲、绿色对应识别后的”健康反馈”,形成情绪节拍
- 可视化日记:摆脱传统”打卡列表”,用堆叠柱形 + 营养雷达共同呈现,让用户在 3 秒内看到”今天吃得偏了什么”
反思
如果再做一次,会优先做 离线模式:访谈中发现”健身房 / 没信号场景”占了用户记录失败原因的 35%。当前版本未覆盖。
— Next Work
大明甲胄信息可视化 →
从皇帝到士兵的甲胄系统、冷兵器树状图、沙盘地图