BetterTogether

BetterTogether 把日常里的点滴记录汇进一项共同的挑战：标记一个习惯，添加一餐的卡路里，记录运动，再回来看看有什么变化。我的工作涉及产品策略、UX/UI 设计和 Flutter 开发。

应用给每个人一个每日视图，同时让两人的共同旅程始终可见。设计工作集中在这样一组关系上：一个操作、随之记录下来的结果，以及界面接下来展示的进展。

日期条会同时切换仪表盘里的习惯记录和卡路里合计。用户可以回到之前的某一天，查看当天的记录，并为选中的那一天添加一条摄入或运动记录。

习惯有自己专门的页面，带有日期选择器和完成控件。轻点一下，状态就立即更新；如果保存失败，应用会恢复到之前的状态，并说明记录没能保存。

摄入和运动通过一个数字面板手动录入。计算器用圆环、带正负号的结果和情境提示，把这些记录与设定好的每日目标直观地联系起来。

计算器的第二个视图解释了显示内容背后的术语：代谢、摄入、运动和目标。颜色用来区分进度、达成目标和超出目标。用户可以在结果出现的同一个组件里查看计算过程。

共同的连续打卡有一条明确的规则：每位参与者都要在同一天至少完成一个习惯，并记录摄入或运动。界面会显示当前连续天数、最长连续天数，以及今天是否已经算数。

横向轮播让挑战、倒计时和尚未解锁的揭晓内容都放在随手就能看到的位置。奖励为共同旅程设下一个个里程碑。最终揭晓开放后，会转到一个更大的页面，回顾整个挑战。

已实现的视觉系统采用中性的底色、暖橙色、圆体字和颗粒质感。浅色和深色主题在仪表盘、数字面板和进展页面中保持同样的层级。按压反馈、数字变化和页面转场把各个状态串联起来。

挑战设置还会明确数据的可见范围：私密，或在参与者之间共享。这个设置由创建者控制，受邀者沿用同样的设置。我的工作是把这些界面决策，和 Flutter 应用及其以 Supabase 为后端的记录连通起来。