个人项目产品设计 · iOS · 2026

BUBU:
寻找属于你的减肥搭子

BUBU是一个会根据你提供的身高体重智能寻找相似搭子的减脂软件,你的每一次记录都会留存于手账本中,成为珍贵的记录

BUBU

App Store

开发已完成 · 正在准备上架

我的角色
产品设计、UI、插画
范围
当前包含35个icon,30+页面
平台
iOS
状态
开发完成,准备进入TestFlight
iPhone 上的 BUBU 首页:第 21 天,今天记下的餐,旁边是留给还没加入的搭子的空框,以及跑道上的两个人

01

用户痛点与灵感来源

我常常会在社交平台上看到很多人自发的组成减脂小队,他们通常会写上自己的身高体重,想寻找一个接近的“搭子”一起进行减脂汇报,互相监督共同进步。然而这样找的搭档却非常不稳定,经常会出现坚持了三四天就消失的情况。

01

搭子的寻找困难

由于评论区的冗长,有些人发出的请求组队其实并没有获得回复,反而回复多的人会更占据评论区的前排,我认为应该搭建一个平台为他们匹配到合适的同伴。

02

激励与惩罚机制

多数结成“搭子”的队伍会因为几日的缺失而丧失动力,同时也会对另一方产生影响。因此在app中应该设置小阶段的胜利鼓励,同时引入连续3日未打卡自动判输并取消匹配的机制,让愿意坚持打卡的人也可以有新的搭子。

03

隐私问题

多数想要减脂的人并不满意自己当前的身体情况。因此本app会削弱社交属性,也不会要求用户自己取名。更多的搭子交互只存在于互相询问美味的低卡菜谱。

02

核心功能

01

单人与双人模式

进入软件后会向您采集个人身高体重与想要达成的目标周期。BUBU将尽可能保护您的个人隐私,取消用户id、搭子聊天等社交属性过强的设计。支持自己打卡记录做成独属于你的减脂手账本,也欢迎加入双人匹配模式进行友好切磋,互相进步。

02

手账与每日小票

与你的搭子一起记录每日饮食,照片会抠图后做成贴纸记录入你们的手账本与小票中。看到搭子的食物很感兴趣想求配方?欢迎点击向搭子发出信号!

03

将大目标切分成更容易完成的小目标

长期目标固然重要,但将目标切分成更容易完成的小目标并及时给予用户正反馈更利于用户留存。用户使用时将根据自己的减脂情况获得新的徽章。

03

达人访谈

在准备上 TestFlight 之前,我把原型给一位潜在用户和一位做过同类产品的设计师进行测试与访谈

  1. 01

    一位有两万粉丝的健身博主

    “我喜欢这套界面,我平时生活中没有时间做自己的手账本,这个只需要拍照就可以自动生成很适合想要打卡的人。我觉得可以推出单人版,因为我会因为一个软件好看就使用它的。”

    改动

    通过这次交流,我完善了单人模式的逻辑。首页、手账和挑战都保留,只把进度条变成一个人,手账也只放自己的一周。同时这也解决了一些用户暂时没有合适“搭子”的问题。

  2. 02

    一位有三年经验的产品设计师

    “新 App 的匹配池这么小,用户会不会等很久,最后还只能配到一个差得很远的人?这种冷启动非常影响新app的用户留存。”

    改动

    根据这个反馈我重新优化了一开始思考的匹配机制,不再局限于双向匹配。系统按身高体重、目标和期限,给每个人找一个最接近的对手,而同一个人可以同时成为多个人的搭子,不用等对方自己。同时设立邀请码,鼓励用户自带搭子入场,两人在形成配对的同时也可以为更多人提供激励。

匹配机制

  1. 01进入匹配池记录用户身高体重与目标
  2. 02匹配进行中排除与目标相差过大的用户,并鼓励用户使用邀请码邀请好友
  3. 03匹配成功在用户群中找到接近的用户并将两人结为搭子
  4. 04依旧存在于匹配池中匹配成功后,用户依旧存在于匹配池中,在缺少匹配对象时,依旧可以匹配为接近目标用户的搭子
A → BC → BB → DB ↔ P · 邀请码A用户 AC用户 CB用户 BD用户 DP邀请搭子 PB ↔ P · 邀请码A用户 AC用户 CB用户 BD用户 DP邀请搭子 P

实线箭头是系统分配,箭尾的人看得到箭头指向的人。虚线连着邀请码搭子,两边互相看得到。指一下任意一个人,就能顺着线看清 TA 的关系。

  • 每个人都只有一个搭子

    在个人视角匹配是双向的

  • 每一个人可以成为很多人的搭子

    帮助app尽快度过冷启动

  • 拆分个人目标的匹配

    A已进入app10天并与新进入的B当前与目标相近,也可以进行匹配

待定:两人同时缺席、平局,以及系统分配的对手能看到哪些照片。

04

icon设计

为此款app设计了一套偏手绘风格的icon

为了更贴合手账记录的设计,app独立设计了一套更为贴合手绘感的icon。使用钢笔工具绘画并富有一定的抖动,没有增加过多的变形。

  • 操作plus
  • 操作minus
  • 操作close
  • 操作check
  • 操作plus-circle
  • 操作minus-circle
  • 操作close-circle
  • 操作check-circle
  • 操作more
  • 操作more-v
  • 操作menu
  • 操作refresh
  • 箭头arrow-left
  • 箭头arrow-right
  • 箭头arrow-up
  • 箭头arrow-down
  • 箭头undo
  • 箭头redo
  • 控件square
  • 控件square-check
  • 控件square-minus
  • 控件square-plus
  • 控件radio
  • 控件radio-on
  • 控件toggle-off
  • 控件toggle-on
  • 控件sliders
  • 控件filter
  • 控件grid
  • 控件list
  • 这个产品notebook
  • 这个产品notepad
  • 这个产品target
  • 这个产品flag-finish
  • 这个产品swords

05

动画设计

界面内含有很多小人动画,对于空置页面进行了美化和更精准的视觉传达。所有小人均为手绘,再使用runway进行动画生成。

06

流程图

完整版本

从首页出发,大部分地方两步就到

登录初始设置首页记录什么?拍一餐运动体重今日小票手账手账本两页对照某一天的小票更早的周BUBU Plus挑战进度规则组队成功设置BUBU Plus改名字模式语言举报并屏蔽登录初始设置首页记录什么?拍一餐运动体重今日小票手账手账本两页对照某一天的小票更早的周BUBU Plus挑战进度规则组队成功设置BUBU Plus改名字模式语言举报并屏蔽

实线表示点一下跳转,虚线表示在当前界面上打开弹层;有底色的界面只会出现在双人模式。指一下任意界面,就能看到从首页怎么走过去。

07

高保真

登录
挑战时长
单人还是双人
准备好了
首页
手账本
今日小票
组队成功
挑战进度

08

上架

当前开发告一段落,下一步是 TestFlight、准备 App Store 页面并送审

已完成

  • 高保真设计并开发完成
  • icon与图标设计
  • 双人和单人两种模式
  • App运行逻辑

还要做这些

  • 找真实用户进行一轮 TestFlight
  • 视觉化运动项目,制作一整套表情包
  • App Store 的截图和文案
  • 送审,再处理审核提出的修改

这一轮 TestFlight 主要测试:1. 是否还有使用逻辑上的错误,需要与用户进行及时的跟进;2. 对于匹配时间与宽泛匹配对象体重与目标的额度还需要更多的调研数据支撑。