Topics

用Claude Code能坚持下去吗?一位UI设计师开发“专属自用应用”的记录,他的综合健康应用总是坚持不下去

  • column

大家好!我是 Liberogic Inc. 的 UI 设计师 Hasshi。

冒昧问一下,大家有没有这样的小烦恼?明明满怀干劲地说“好,从今天开始!”并安装了的习惯养成应用,却完全坚持不下去。

开始做事我很在行,但从来没能坚持下去。

世上有许多优秀而精美的应用。

起初每天都认真记录。可是工作繁忙,或者有聚会,某天一不留神“连续记录”中断了,干劲一下子就归零了……

一开始还很在意的提醒通知,不知不觉变成了单纯的噪音,手机屏幕边缘的应用们逐渐化石化。

那一刻袭来的“啊,算了吧”的挫败感。相信经历过的人,一定不只我一个。

难道就没有人能拉一把这种凡事只有三分钟热度的人生吗?(没有吧……

更让我头疼的是“应用太分散”的问题。

习惯追踪、吃药日历、家庭记账……每个项目都要在不同的应用之间来回切换,这种麻烦让人更加懒得动。更糟的是,付费订阅也多得数不清,管理变得混乱,结果连取消都忘了。这样一来,反而本末倒置了。

于是,一个设计师任性的念头就此爆发了。 “那干脆自己做一个只包含自己需要的功能、只为自己服务的应用,不就好了吗?”

就这样,我与AI(Claude Code)携手合作,开始开发专为我的生活量身打造的“专属习惯养成驾驶舱”!

总之,最佳解决方案应该AI会告诉我吧。

1. 【功能介绍】把“偷懒”系统化,用系统包裹住自己的“懒散”——我的独家功能

接下来,就为大家介绍一下我实际实现了哪些功能。

我在吸收现有应用优点的同时,目标是打造一个专为我的生活量身定制的终极“仪表盘”。

为了把需要的应用整合到一起,我首先着手开发习惯养成应用。

另外,因为我想早晚分别使用,所以同时准备了浅色模式和深色模式。

🌱 初始界面

初始界面会显示输入想要坚持的习惯的页面,您可以自行输入来开始使用。

向下滚动后,页面下方有一个“回答问题,培养习惯”的链接。点击该链接后,回答问答形式的问题,系统会为您推荐适合您的习惯。

初始界面引入了习惯化诊断

此外,为了让不清楚想培养什么习惯的用户也能使用,我们还在初始界面中设计了习惯导航功能。只需回答几个问题,即可选出适合您的习惯。

🌱 习惯追踪器:告别“全对或全错”的世界

要养成习惯,最好从即使是很小的小步骤也能坚持下去的事情开始,基于这一思路,我们开发了这款习惯养成应用。

我们开发了一款带有“5级评分”功能的习惯养成应用。以往使用的应用大多只有“做到了”和“没做到”两种选择。而这款应用不仅能记录“完美完成的日子”,还能让“稍微努力了一点”的 Lv1 日子也在日历上显示颜色。

以运动为例,从“Lv1:站上体重秤”“Lv2:上厕所时做深蹲”,到“Lv5:在游泳池游1公里,并进行40分钟拳击健身”,可以根据当天的努力程度进行记录。

偷懒的日子会留空,但结合稍后说明的“偷懒税”系统,即使某天没能坚持,只要在其他日子补上就能弥补,因此即使偶尔偷懒也不会让人感到负担。

第二天重新开始就好。正因为这种轻松的心态,我每天都至少会坚持站上体重秤!

日历会以绿色渐变逐渐上色,让你能直观地享受“颜色累积”的乐趣。以月为单位回顾时,可以清楚地看到自己坚持了多少,也更有动力。

通过日历功能实现可视化

在日历界面中,当你实际完成某个习惯时,颜色就会发生变化。颜色的深浅和色调会根据完成程度而变化,让你一眼看出自己坚持习惯的情况,有助于保持动力。

提供习惯归档与新建习惯功能

另外,当习惯坚持到一定时期后,我们认为你可能会想开始养成其他习惯,因此还提供了习惯归档和新建习惯功能!点击“完成习惯”按钮,即可添加新的习惯。

🏛️ 摸鱼税:把愧疚感变成存款

这是与前面的习惯追踪器相关联的另一项功能!

当你偷懒的那一天,系统会向你收取“税款”(默认 300 日元)。

谁都会有无法坚持下去的时候,对吧?

所以虽然需要用惩罚来约束自己,但单纯的罚款会让人很厌烦。

你知道为什么会变胖吗?那是因为人们总是选择轻松、懒散的方式,靠吃东西来获得多巴胺,依赖简易的幸福激素。所以就算加重惩罚,对于我们这些不擅长养成习惯的人来说,也没有意义。

我也曾想过“最好是把偷懒的部分捐给募捐活动之类的”,但如果对自己要求那么严格,我绝对有信心会不再打开这个应用(笑)。

偷懒税的付款对象设定为“存入自己的指数投资账户”。

也就是说,这是罚款,但又不是罚款,而是为自己而设的罚款。

就连偷懒所带来的愧疚感,也会转化为对未来自己的资产运用。

我更加用心设计的,是根据月度达成率实施的“减税制度”。

  • “达成率90%以上可免税50%”
  • “80%以上可免税25%”

的机制。

屏幕上会显示“再完成 1% 即可减免 25%!”,看到这句话,就会莫名其妙地涌起“今天就算只做到 Lv2 也要加油”的动力。

养成习惯的最大敌人,是“只要偷懒一天、连续记录中断,就想放弃一切”的瞬间。

但有了这项减税制度,就能让人坚持下去:“虽然偷懒了一天,但还有机会获得减税!”

这是一个温和的设计,彻底贴合懒散的自己,不会因为一次失败就让人放弃。

✨ 护肤追踪 & 💊 药物管理:告别应用间来回切换

✨ 我们一直想要的护肤检查工具

习惯、药物、家庭账本……对于懒散的人来说,分别用不同的应用管理这些内容实在太麻烦了。为了消除这种“应用间来回切换”的困扰,我们将日常护理与健康管理全部整合到这一个控制台中。

由于可以直接沿用习惯养成应用的功能,因此实现起来相对简单。

🧴 允许偶尔做不到的日子的“护肤追踪”

护肤同样是一种值得坚持的习惯。打开页面后,它会问你“做到哪一步了?”,我们为此准备了五个步骤。

疲惫不堪回家的那天,记录为“Lv1:仅洗脸(用水洗脸或使用洗面奶)”就可以。如果还有一点余力,可以记为“Lv2:基础护理(洗脸+化妆水)”、“Lv3:标准护理(+乳液)”,而特别的日子则可以再加上精华液,记为“Lv4:精心护理”……就这样,根据当天自己的HP(身体状态)来记录。

此外,各个等级的名称和护理内容(说明文字)也可以通过“步骤设置”自由定制。屏幕上方还会显示“本月平均Lv”和“连续Lv3以上天数”等数据,因此即使“最近太累,一直都是Lv1,今天争取做到Lv3”,也能在不勉强自己的范围内保持动力。

💊 全力辅助懒人的“用药管理”

另外,我个人最容易半途而废的就是吃药的管理。

这款应用不仅可以输入药品名称,还可以非常细致灵活地登记:“早・午・晚”的服药时间、“饭前・饭后・随意”等指定、每个时段的片数,甚至“每天・隔天・指定星期”等复杂的频率。

有未完成的药物时,屏幕上方会以醒目的红色警示显示“⚠️有漏服的药物,请确认。”,督促你及时行动。

屏幕下方还会直接展示“本月服药达成率”和“漏服次数”等真实数据(在开发中的测试画面上,服药达成率只有5%,懒散程度暴露无遗……哈哈)。

不过请放心。

即使某天忘记服药,也可以从日历往前回溯补录,“事后补录”的设计依然保留,因此不会陷入完美主义,可以按自己的节奏坚持下去。

年纪增长后,需要服用的药物也会增多,所以这个功能非常方便。去看医生时,还能共享以前服用过的药物信息,真的帮了大忙(因为我是那种很容易忘记带药手册的人)。

🍺 酒局管理:让健康与省钱的动力飙升的神级功能

而且,对我个人的生活改变最大的,就是这个“酒局管理”功能。

它不只是记录喝酒的次数,还能管理每月的酒局次数上限(例如“每月最多4次”)和预算,同时把日常中“小小的忍耐”转化为可视化的奖励,我在这方面下了不少功夫。

🍵 一键叮当!“节酒存钱”

在日常生活中

“今天就不在家喝了吧”

当你成功忍住的那天,只需在主屏幕上一键切换“今天没有晚酌”的开关即可。

仅此一步,日历上就会出现一个绿色标记,并且500日元会以“节酒存钱”的形式叮当一声计入账户。

日常中随手的忍耐会逐渐累积成金额,因此越临近月底,就越能获得“这个月已经节省了3,000日元(6天)的酒钱!”这种莫名的成就感与多巴胺。

把省下来的钱用于投资,或者存起来。

如果能通过从“想要的东西”储蓄中支出、因节酒而获得其他回报,就更容易坚持戒酒或节酒。

🛡️ 聚会时约束自己的“防醉模式”

这款应用可以说是压箱底的王牌功能,就是“防醉模式”。聚会开始后开启该模式,预先设定的“目标回家时间”倒计时会醒目地显示在屏幕中央。当然,如果你觉得“今天太开心了,再待一会儿吧!”,可以通过“修改回家时间”或“🎉还能续第二场!”按钮灵活延长时间,这是一个对懒散的自己也很友好的设计。

此外,屏幕上还设有“🍺酒精”“🥤软饮”“💧水”的杯数计数器。应用会实时判断饮酒节奏,例如“每喝2杯酒配1杯软饮”,并通过仪表盘变为绿色的“OK”来提示你。这样一来,就能大幅减少第二天的宿醉以及“怎么喝了那么多”的懊悔。

📊 聚会时还新增了许多实用功能

聚会结束后,可以记录店名(例如“鸟贵族 涩谷店”)、实际支付金额以及同行人员的备注等信息。另外,我还新增了输入 Google Maps 网址即可自动填入信息的功能。由于这只是每月几次的操作,AI 告诉我即使接入 API 也不会产生费用,因此就实现了这一功能。

另外,聚会时我也常常忘记结账,因此新增了这个功能,作为结账的备忘记录。

再也不用纠结“到底谁付了钱”,这一点非常好。

而在月末的“月度报告”中,因避开晚酌而节省下来的天数所对应的“节酒储蓄”,与聚会预算中实际节省下来的差额(聚会中省下的金额)会被合并,以“总节省金额”的形式直观地呈现出来。例如,“本月共省下9,000日元!”一目了然,让人不禁期待“用这笔钱买那个一直想要的小工具吧”。这是一个能同时拥有健康与金钱的、我非常喜欢的功能。

2. 开发完成后:Claude 对设计师而言是最棒的“翻译机”

这样一来,凝聚了我的懒散和任性的应用终于成形了。而我这个完全没有开发经验的人能走到这一步,全都要归功于搭档 Claude。

工程师看到的话,可能会说我“脑子没问题吧?”,但这次我采用了“把 HTML、CSS 和 JavaScript 全部塞进一个 index.html 文件里”的超暴力单文件结构来推进。不过,这对我和 Claude 来说可是正确答案。

如果文件分散在多个地方,光是告诉 Claude“请修改哪个文件的哪个部分”就已经很费劲了;而只有一个文件的话,只需把整段代码丢进聊天框,Claude 就能瞬间掌握全部内容。

我只要说出“我希望它是这样运作的”这种抽象的想法,Claude 就能将其翻译成优美的代码。有时因为闭合标签的错误或 JavaScript 的加载顺序,整个应用会崩溃,也曾有过两个人深夜一起追查错误日志的麻烦,但即便如此,那种过程就像搭档电影一样,还是很有趣(笑)。

与 GitHub 和 Cloudflare 的连接也是如此。只要在聊天中提问,Claude 就会告诉我账户注册的方法,并直接附上官方网站的链接,所以只是和 AI 聊天,就能很快完成连接。

3. 下一道高墙:设计师与安全的深渊

借助 Claude 的帮助,我终于得到了一个凝聚了“我的理想”的、在外观和动效上都令人满意的最棒玩具(应用)。

……然而,问题就在这里出现了。

实际上,在每天深入使用这个驾驶舱的过程中,我突然清醒过来。 “等等,这个应用里装满了我真实的健康状况、每天的服药数据、最近的家庭账目,还有我偷懒的记录,这些赤裸裸的隐私都堆在里面啊。”

目前我暂时用简易的 PIN 码(密码)设置了屏幕锁,聊以慰藉,但老实说,在安全方面我完全是外行。仅凭我和 AI 的知识做出来的现状,要把重要数据托付出去,实在难以消除一丝不安。

作为设计师,正因为要打造“令人舒适的体验”,那么隐藏在其背后、“绝对不会泄露、也不会被破解”的安全感,也理应是重要的一环。

“果然还是想用手机的 Face ID,或者最新的通行密钥(Passkeys)来实现,让只有自己能安全又便捷地打开!”

虽然萌生了这个想法,但安全领域可是一门绝对不简单的超级专业领域。

这已经超出我的能力范围了……

这部分我打算和工程师好好商量,谨慎推进。

今后也想引入家庭账本管理工具,并添加一些功能,比如只需上传信用卡消费记录,就能自动生成账目记录,但由于安全方面令人担忧,目前暂时搁置。

总结

工具已经备齐了。接下来想打造的是“安心”!

原本因为“我没有开发知识”,只能在脑海里反复琢磨、最终不了了之的想法,借助 AI 这位最棒的搭档,终于变成了真正有生命、能改变我实际生活的工具。不再责怪无法做到完美的自己,只要支付一点点“偷懒税”,就能一次次重新开始。多亏了这个温和的系统,曾经的三分钟热度达人,如今也能每天愉快地养成习惯。

但是,越是便利,守护它的责任也会随之而来。

虽然本文未提及,但通知功能和家庭账本管理功能等也在逐步添加中。

不过,记账等功能涉及安全问题,需要谨慎处理,所以目前仍在开发环境中努力推进。

因此,敬请期待下一次更新!

撰写本文的人

UI设计每天都在更新!正在思考如何将LP设计与无障碍设计结合起来。最近离开了标记工作,我在想“要不要也提升一下自己的JS能力?”。喜欢北村匠海!

Hashi

Web设计师 / 2018年入职 / 内心至今仍是一名新手设计师

查看此员工的文章

以稳健的团队体制和迅速的应对能力为傲

Liberogic 的资深团队积极推动项目,因此深受客户好评。
我们致力于合理配置项目经理与总监,确保整个项目顺利推进。 我们采用按需投入的方式,避免不必要的全员投入导致成本增加,合理分配资源、人尽其才。同时,我们在掌握业务内容、制作与提交报价方面的速度也广受好评。

※ 当社不积极开展 SES 类驻场业务,敬请谅解。

您可以使用 Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom、Webex 等几乎所有主流的项目管理工具和聊天工具。

Web 方面的烦恼,欢迎随时咨询。

案例分析