Topics

如果我使用 Claude Code,我會堅持下去嗎?一位 UI 設計師講述了她在未能堅持開發一款綜合健康應用程式後,轉而開發一款「個人化應用程式」的故事。

  • column

大家好!我是 Hasshi,Liberogic有限公司的 UI 設計師。

突然間,你們當中有人有過這種暗自擔憂嗎?你們滿懷熱情地安裝了它,心想:“好,我今天就開始吧!”我完全無法堅持使用那些會讓人養成習慣的應用程式。這就是我的問題。

我擅長開始做事情,但我從來都無法堅持下去。

市面上有許多優秀且美觀的應用程式。

起初,我每天都認真記錄。但如果我工作繁忙,或參加聚會喝酒,導致我的「連續紀錄」因任何原因被打破,我的動力就會瞬間跌至谷底…

那些我曾經非常在意的提醒通知現在都變成了噪音,而這些應用程式本身也逐漸變成了智慧型手機螢幕邊緣的化石。

那種挫敗感,那種「哦,算了,隨便吧」的想法在那一刻襲來——我相信我不是唯一經歷過這種感覺的人。

難道沒有人願意伸出援手,幫助一個生活困頓到三天後就放棄一切的人嗎? (不,沒有。)

更令我擔憂的是「應用程式的去中心化」。

為每項任務切換不同的應用程式——習慣追蹤器、用藥日曆、家庭預算簿等等——只會增加麻煩。更糟的是,我還有很多付費訂閱,導致管理混亂,經常忘記取消。這完全適得其反。

就在那時,設計師天馬行空的創意迸發出來了。“既然如此,為什麼不自己開發一個只包含所需功能的應用程式呢?”

這就是我與人工智慧(Claude Code)合作,開始開發我的「我的習慣養成駕駛艙」(一個根據我的生活方式量身定制的系統)的過程!

人工智慧應該能夠告訴我們最佳解決方案。

1.【功能介紹】一個擁抱你的「懶惰」的系統-一個精心設計的功能,將「偷懶」系統化。

現在,讓我們來看看我們實際實現了哪些功能。

我的目標是打造一款完美的儀錶板,完全根據我的生活方式量身定制,同時融合現有應用程式的最佳功能。

為了將所有必要的應用程式整合到一個應用程式中,我首先創建了一個習慣追蹤應用程式。

我還加入了淺色模式和深色模式,這樣我就可以在早上和晚上使用不同的模式。

🌱 初期畫面

初始畫面會顯示一個表單,用於輸入您想要繼續保持的習慣。您需要手動輸入資訊才能繼續。

向下滾動頁面,你會看到一個寫著「回答問題,養成習慣」的連結。點擊該鏈接,回答完問題後,系統會根據你的回答推薦合適的習慣。

初步篩選引入了習慣養成評估。

此外,對於不確定自己想要養成什麼習慣的用戶,我們在初始畫面上創建了一個習慣導航功能,讓他們只需回答幾個問題即可選擇適合自己的習慣。

🌱習慣追蹤器:告別非此即彼的世界

首先,要養成某種習慣,最好是能一點一點堅持去做,即使只是踏出一小步。

我開發了一款習慣追蹤應用,並附有「五分制評分」功能。我之前用的應用要么“成功”,要么“失敗”。但這款應用程式不僅會在日曆上用顏色標記「完美成功」的日子,還會標記「只需付出一點點努力」的一級日子。

例如,在運動方面,您可以根據每天的努力程度記錄您的進步,從「1 級:站上體重計」和「2 級:上廁所時做深蹲」到「5 級:在泳池中游泳 1 公里並進行 40 分鐘的拳擊訓練」。

你跳過的那些日子將會是空白的,但是多虧了“偷懶稅”系統(我稍後會解釋),即使你沒有堅持下去,你也可以在其他日子裡補上,所以跳過幾天不是問題。

我第二天可以重新開始。多虧了這份便利,我至少每天都能站上體重計!

這款日曆採用綠色漸變,逐漸填滿其他顏色,營造出賞心悅目的「色彩層次感」。一個月下來,你可以清楚地看到自己所取得的進步,從而提升動力。

使用日曆功能進行視覺化

當你查看日曆介面時,如果某個習慣已經達成,顏色就會改變。顏色的深淺和強度會根據你的進度而變化,這樣你就能看到自己執行習慣的程度,從而幫助你保持動力。

它還包括習慣存檔功能和新習慣創建功能。

而且,我認為在特定期限內養成一個習慣後,最好開始培養其他習慣,所以我還提供了習慣存檔功能和新習慣創建功能!您可以點選「習慣達成」按鈕新增習慣。

🏛️ 「懈怠稅」:將罪惡感轉化為儲蓄

這是與我們剛才看到的習慣追蹤器相關的另一個功能!

系統會對你偷懶的日子徵收「稅」(預設 300 日圓)。

每個人都會有無法堅持下去的時候,對吧?

所以,懲罰對於約束自己是必要的,但如果只是罰款,我會感到厭倦。

你知道為什麼超重的人會超重嗎?因為他們選擇了最輕鬆的方式,他們懶惰,並依賴食物來提升多巴胺水平——一種簡單的快樂荷爾蒙。所以,即使我們加強懲罰力度,對我們這些不善於養成習慣的人來說,也無濟於事。

我確實考慮過把錯過的錢捐出去,但我相信如果我逼自己那麼努力,我就永遠不會打開這個應用程式了(笑)。

偷懶稅該交到哪裡?我選擇了「存入我的指數投資帳戶」。

換句話說,這算是罰款,但又不算罰款。這是我自己的罰單。是。

我甚至將因懈怠而產生的罪惡感轉化為對未來自己的投資。

我們更加關注的是基於月度業績完成率的「減稅制度」。

  • “如果完成率達到90%或以上,則可享受50%的稅收減免。”
  • “如果價格達到或超過原價的 80%,即可享受 25% 的稅收減免。”

我們已經加入了一種使之成為可能的機制。

螢幕上顯示“再加 1% 即可享受 25% 的折扣!”,看到這個讓我產生了一種奇怪的動力,心想:“今天我要盡我所能,即使只是 2 級。”

養成習慣的最大敵人是,一旦有一天沒堅持,中斷了連勝,就想放棄一切。

但是,多虧了這項減稅制度,你可以想:「我雖然錯過了一天,但我仍然有機會享受減稅優惠!」並保持動力。

它設計溫和,不會讓你因為一次失敗就放棄,而且它完全迎合了你懶惰的性格。

✨護膚追蹤器 & 💊藥物管理:免去在不同應用程式之間切換的麻煩。

✨ 我想要一個皮膚狀況檢查工具。

習慣、用藥、家庭財務……對於像我這樣懶的人來說,用不同的應用程式管理所有這些簡直是件麻煩事。為了避免“在不同應用程式之間切換”,我把日常護理和健康管理完全整合到了這個應用程式中。

由於我們可以直接復用習慣養成應用程式的功能,因此實現起來很容易。

🧴 一款護膚追蹤器,即使你狀態不佳,也能接受。

護膚是重要的習慣。我們準備了一個五步驟流程,當您打開螢幕時,它會詢問您「您進行到哪一步了?」。

如果你回家後筋疲力盡,「Lv1:簡單洗臉(只用清水或洗面乳)」就足夠了。如果精力稍微充沛一些,可以進行“Lv2:基礎護理(洗臉+爽膚水)”、“Lv3:基礎護理(+乳液)”,特殊的日子裡,甚至可以添加精華液進行“Lv4:深度護理”……你可以根據當天的精力水平記錄你的護膚流程。

此外,您可以透過「步驟設定」自訂每個等級的名稱和護理詳情(描述)。螢幕頂部還會顯示“本月平均級別”和“連續達到3級或以上級別的天數”等信息,以便您在合理的範圍內保持動力,例如,您可以這樣想:“我最近很累,只達到了1級,所以我今天要努力達到3級。”

💊 「藥物管理」 為懶人提供全面幫助。

就我個人而言,我覺得最具挑戰性的是管理我的藥物。

這款應用程式不僅可以輸入藥物名稱,還可以指定服用時間(早晨、中午、晚上)、服用方式(之前、之後或按需服用)、每次服用的藥片數量,甚至可以指定複雜的服用頻率,例如每天、隔天或每週的特定日期。

如果您有任何未服用的藥物,螢幕頂部將出現醒目的紅色警報,提示“⚠️您漏服了藥物。請檢查”,這將促使您按時服藥。

在螢幕底部,你會看到一些實際的數字,例如「本月用藥依從率」和「漏服藥物的次數」(儘管在正在開發的測試畫面中,它顯示的依從率只有 5%…哈哈)。

但別擔心。

即使你忘記在某一天記錄,也可以稍後添加,這符合「之後再添加」的設計原則,方便你之後使用日曆進行記錄。這意味著你可以按照自己的步調進行,而不會陷入完美主義的陷阱。

隨著年齡增長,我需要服用的藥物也越來越多,所以這個功能對我來說非常實用。而且,當我去看醫生時,能夠分享我過去服用過的藥物信息,這對我幫助很大(我總是忘記帶我的用藥記錄簿)。

🍺 管理飲酒聚會:這項出色的功能將大大提高您對健康和儲蓄的動力。

就我個人而言,改變我生活最大的功能就是這個「飲酒聚會管理」功能。

它不僅僅是記錄你喝了什麼;它還包含管理每月飲酒次數限制(例如,「每月最多 4 次」)和預算的功能,同時還能將每天的小犧牲轉化為視覺獎勵。

🍵 輕點一下,你就能獲得一份“適度飲酒儲蓄計劃”

在日常生活中

“我今天在家不​​喝酒了。”

如果我能在哪天克制住喝酒的衝動,我只需要點擊主畫面上的「我今晚沒喝酒」開關。

這樣做,你的日曆上就會出現一個綠色標記,你的「省錢飲料儲蓄」就會增加 500 日圓。

隨著每天的小小犧牲累積起來,在月底臨近時,你會獲得一種奇怪的成就感和多巴胺的快感,心想:“這個月我已經在喝酒這件事上省了3000日元(6天)!”

你可以把這筆多餘的錢投資或儲蓄起來。

如果你能感受到減少飲酒後獲得了其他好處,例如用省下的錢去買你想要的東西,那麼你更有可能堅持戒酒或減少飲酒。

🛡️ “宿醉預防模式”,讓你在飲酒派對中保持清醒

這款應用程式的隱藏功能之一是「宿醉預防模式」。派對開始後,只需開啟此模式,螢幕中央就會醒目地顯示您預設的「目標返回時間」倒數計時。當然,如果您玩得太嗨,想多待一會兒,也可以通過“更改返回時間”或“🎉 足夠再來一場派對!”按鈕靈活延長時間——即使是最懶的人也能輕鬆操作。

此外,螢幕上還設有「🍺酒精」、「🥤軟飲」和「💧水」的計數器。它會即時監測你的飲酒速度,例如“每兩杯酒精飲料配一杯軟飲”,當計數器變為綠色時表示“正常”。這能顯著減少第二天宿醉的程度,讓你不再後悔“我為什麼喝了那麼多…?”

📊 我們也加入了許多其他方便聚會飲酒的功能。

聚會結束後,您可以記錄餐廳名稱(例如“Torikizoku Shibuya”)、實際消費金額以及同行人員的資訊。我們還新增了一項功能,當您輸入Google地圖網址時,系統會自動填寫相關資訊。人工智慧告訴我,由於這項功能每月使用次數不多,因此無需API整合費用,所以我將其實現了。

我還添加了備註功能,因為我有時會在飲酒聚會後忘記結帳。

這樣做的好處在於,它消除了你是否付費的問題。

然後,在月底的月度報告中,你的「節酒節省額」(根據你避免飲酒的天數計算)和你的飲酒預算與實際支出之間的差額(你在飲酒聚會上省下的錢)會被加在一起,並驕傲地顯示為你的「總節省額」。例如,你可以一眼看到“我這個月一共省了9000日元!”,這會讓你興奮地想:“也許我可以用這筆錢買我一直想要的那個小玩意兒。”這是一個既能讓你省錢又能讓你健康的絕佳功能。

2. 開發之後:克勞德是設計師們最好的「翻譯」。

於是,這款凝聚了我所有懶惰和自私想法的應用程式終於成型了。我這個開發新手能走到今天這一步,完全要感謝我的搭檔克勞德。

工程師可能會生氣地問:“你是認真的嗎?”,但這次我們採用了極其簡單的單文件結構:“將所有 HTML、CSS 和 JavaScript 都塞進一個 index.html 文件中。” 但對我們(克勞德和我)來說,這絕對是正確的決定。

當文件被分成多個部分時,要告訴開發者「哪個文件和哪個部分需要修復」就很麻煩,但如果只有一個文件,你只需在聊天中發送整個程式碼,Claude 就能立即理解所有內容。

Claude 將我「希望它這樣運作」的抽像想法轉化成了優美的程式碼。有時候,整個應用程式會因為標籤閉合錯誤或 JavaScript 載入順序錯誤而崩潰,我們最終會在半夜一起查看錯誤日誌,但即使是那樣也很有趣,就像一部兄弟電影裡的情節一樣(笑)。

當我與人工智慧聊天時,它指導我完成了 GitHub 和 Cloudflare 等平台的帳戶註冊流程,甚至還提供了官方網站的直接鏈接,所以我很快就設置好了帳戶。

3. 下一道高牆:設計師們步入安全深淵

在 Claude 的幫助下,我找到了完美的玩具(應用程式),它在外觀和動作方面都符合我的理想。

然而,這裡又出現了一個新的問題。

當我真正開始每天使用這個駕駛艙時,我突然清醒過來。 “等等,這個應用程式裡有我真實的健康狀況、每日用藥記錄、最近的家庭預算,還有我偷懶的歷史記錄,”它完全暴露了隱私。「佐,」他說。

目前,我暫時設定了一個簡單的PIN碼來鎖定螢幕,但說實話,我在安全方面完全是個新手。目前的設定只是基於我自己的知識和人工智慧的認知,我始終無法擺脫將重要數據委託給它所帶來的不安感。

作為一名設計師,我創造“舒適的體驗”,正因如此,我才如此關注“絕對沒有洩漏或漏洞”這一基本原則。安全感也是重要因素。理應如此。

“我當然希望能夠使用智慧型手機的Face ID或最新的Passkeys安全智能地解鎖我的手機!”

我也是這麼想的,但安全是一個高度專業化的領域,並不容易精通。

這超出了我的處理能力…

我想和工程師們討論一下這個問題,謹慎行事。

最終,我希望推出一款家庭預算管理工具,只需上傳信用卡使用記錄即可自動記錄交易,但由於安全問題,目前我暫時擱置了這項計劃。

概括

工具已準備就緒。現在,讓我們一起創造「安心」吧!

那些我曾經因為缺乏必要的開發知識而只能停留在腦海中的想法,如今在我的得力助手——人工智慧的幫助下變成了現實,並成為了真正改變我生活的工具。我不再因為自己不夠完美而自責,只需支付一點點“懈怠稅”,我就可以隨心所欲地重新開始,次數不限。多虧了這個便捷易用的系統,即使是我這種曾經三天就放棄的人,現在也能愉快地將它融入我的日常生活中。

然而,某件事物越方便,保護它的責任就越大。

雖然本文中沒有提及,但我們正在逐步添加通知和家庭預算管理等功能。

但是,從安全角度來看,家庭預算管理和類似功能必須謹慎處理,因此我們仍在開發環境中對其進行研究。

敬請期待下次更新!

撰稿人

UI設計每天都在更新!我還在思考如何將無障礙設計融入LP設計中。最近我沒怎麼接觸Marker,一直在想:「我應該也提升一下我的JS等級嗎?」我很喜歡北村拓海!

Hasshi

網頁設計師 / 2018年加入 / Kokoro 仍是一位嶄露頭角的設計師

看看這位員工的文章

我們以可靠的團隊結構和快速的回​​應能力而自豪。

在 Liberogic,我們經驗豐富的員工積極推動專案進展,這也是我們深受客戶好評的原因。
我們確保專案經理和主管得到合理分配,以確保整個專案的順利進行。 我們避免因全額承諾而導致不必要的成本增加,並將資源分配給合適的人員和合適的職位,並以快速掌握工作內容、創建和提交預算而聞名。

請注意,我們不積極參與SES式的現場工作。

我們支援幾乎所有主流的專案管理和聊天工具,包括 Slack、Teams、Redmine、Backlog、Asana、Jira、Notion、Google Workspace、Zoom 和 Webex。

如果您有任何與網路相關的問題,請與我們聯絡。

案例研究