如何建立習慣追蹤應用程式
習慣追蹤器是一份習慣清單,讓你每天快速勾選完成的項目,並顯示連續紀錄及過往紀錄,幫助你堅持下去。它是最適合用 AI 建立的第一批應用程式之一:資料量很少、規則清楚,而且你自己每天都會用到。現時建立這類應用程式的實際做法,是做一個適合手機的網頁應用程式,並把它加到手機主畫面,而不是 App Store 的應用程式。本指南會坦白說明這種做法對提醒功能有什麼影響。
網頁應用程式,而不是 App Store 應用程式(暫時如此)
很多人想像中的習慣追蹤器是手機應用程式。你有三個選擇:
| 選項 | 是什麼 | 優點 | 較次要的地方 |
|---|---|---|---|
| 適合手機的網頁應用程式 | 為手機設計的網站 | 任何地方都能使用,只需一個連結,無需經過商店審核 | 除非安裝,否則會在瀏覽器中開啟 |
| 漸進式網頁應用程式(PWA) | 可安裝到主畫面的網頁應用程式,有自己的圖示及全螢幕視窗 | 感覺像應用程式,可支援推播及部分離線功能 | iPhone 只在安裝到主畫面後才支援推播;部分裝置功能無法使用 |
| 原生應用程式 | 為 iOS 及 Android 而建,透過應用程式商店發布 | 可完整使用裝置功能,並在商店有展示位置,支援小工具 | 需要商店帳戶並經過審核;建立及更新的工作量遠大得多 |
對於個人或小眾使用的習慣追蹤器,PWA 通常是第一版的合適選擇。商店帳戶也需要費用:根據 Apple 及 Google Play 各自網站的資料,截至 2026 年 9 月,Apple 開發者計劃每年收費 99 美元,Google Play 開發者帳戶則是一次性收費 25 美元。我們的原生與漸進式網頁應用程式比較指南有更詳盡的說明,而如何建立適合手機的網頁應用程式則介紹了以手機為先的細節。
關於 AI 建立工具:大部分都是建立網頁應用程式。Mythex 也一樣,而在 Pro 方案中,它可以把網頁應用程式包裝成 Android 及 iPhone 應用程式,並送往 Google Play 內部測試及 TestFlight。應用程式的畫面仍屬網頁畫面,因此如果你需要完全原生的介面,應使用原生的建立工具。
習慣追蹤器需要什麼
核心功能
- **習慣:**名稱、可選的圖示或顏色,以及計劃——每日、指定星期,或每週若干次。
- **打卡:**一按即可標示今天已完成,再按一次即可取消。
- **今日頁面:**列出今天應做的習慣,已完成的會以明顯不同的樣式顯示。這是人們最常打開的畫面,因此必須快速。
- **連續紀錄:**每個習慣的目前連續紀錄及最佳紀錄。
- **過往紀錄:**以月曆或格子顯示每一天,讓中斷的日子一目了然。
日後再加的功能
- 可計量的習慣(「8 杯水」、「20 頁」),並設定每日目標。
- 打卡時附加備註(「跑了 5 公里,感覺很吃力」)。
- 在指定時間提醒。
- 暫停習慣(假期、患病)而不中斷連續紀錄。
- 封存已停止的習慣,而不是刪除其紀錄。
資料
整個應用程式主要由兩張資料表組成:
- 習慣:用戶、名稱、計劃、目標、建立日期、封存標記。
- 打卡:習慣、日期、數值(可計量習慣)、備註。
把打卡儲存為用戶本地的日曆日期(例如 2026-09-29),而不只是時間戳記。這個決定本身就能避免大部分連續紀錄的錯誤。
把連續紀錄做對
連續紀錄看似簡單,實際上並不簡單。請先決定以下規則,並寫入你的提示中:
- **誰的「今天」?**使用用戶的本地日期。在洛杉磯晚上 11:30 完成的打卡,以 UTC 計已經是「明天」。應在用戶資料中儲存其時區。
- **今天的紀錄是否已經計算?**如果今天尚未完成,目前的連續紀錄仍應顯示昨天的紀錄,而不是在午夜歸零。大部分追蹤器只會在某個計劃日完全過去後,才把連續紀錄視為中斷。
- **只計算計劃日。**對於每週一、三、五的習慣,星期二不算漏做。
- 每週目標。「每週 3 次」以每週計算,因此連續紀錄以週為單位計算。
- **補填紀錄。**用戶可以補填昨天的打卡嗎?通常可以,但會有時限,因為人們會忘記。
請要求 AI 把連續紀錄的計算寫成獨立而且經過測試的函式,並提供附有預期答案的範例。這正是最值得親手核對的部分。
單人使用還是需要帳戶?
如果追蹤器只供你自己在一部裝置上使用,它可以把資料保存在瀏覽器的儲存空間中,無需登入,也無需資料庫。但有一點要注意:清除瀏覽器或更換手機,資料就會全部遺失。
如果你想在手機和筆記型電腦上使用同一份習慣紀錄,或者你是為其他人而建立,就需要加入:
- 登入功能:電郵及密碼,或使用登入服務供應商。參閱如何為應用程式加入登入功能。
- 資料庫:讓資料儲存在伺服器上,並在多部裝置之間同步。
- 每位用戶的資料隔離:每個人都只能看到自己的習慣。以兩個用戶分別登入進行測試。
習慣資料可能屬於私人範疇(健康、戒酒、服藥)。應預設為私人,除非用戶明確選擇,否則不要加入社交分享功能,並讓用戶可以匯出及刪除自己的資料。
提醒功能,坦白說明
提醒功能是網頁應用程式與原生應用程式之間最大的差別所在。
- 網頁推播在現代瀏覽器中可以使用。在 iPhone 及 iPad 上,Apple 的 WebKit 團隊表示,網頁推播在 iOS 及 iPadOS 16.4 中才推出,但只適用於已加到主畫面的網頁應用程式,因此用戶必須先安裝應用程式,然後再允許通知。
- **需要有東西負責發送。**晚上 8 時的提醒需要伺服器端的排程工作來發送推播或電郵。閒置時會休眠的代管應用程式不會自行喚醒,因此應問清楚你的建立工具如何觸發排程工作。
- **電郵是簡單的後備方案。**每日摘要電郵較容易建立,而且適用於所有環境。參閱如何從應用程式發送電郵。
一個合理的計劃是:先不加提醒功能推出,使用一星期後再加入。
有效的首個提示
建立一個以手機為先的習慣追蹤網頁應用程式。我可以加入習慣,設定名稱、顏色及計劃(每日、指定星期,或每週 N 次)。主畫面以大型按鈕顯示今天的習慣;按一下即可標示完成,再按一下即可取消。每個習慣都會顯示目前及最佳連續紀錄,只計算計劃日,並以我的本地時區計算;在當天結束前,今天的未完成不會中斷連續紀錄。過往紀錄頁面會為每個習慣顯示月曆格子。打卡以本地日曆日期儲存。以電郵及密碼加入登入功能,並把資料儲存在資料庫,讓我的手機與筆記型電腦之間能夠同步。設定為 PWA,可安裝到主畫面,並有圖示及名稱。
建立步驟
- **以示範資料建立今日頁面。**在加入其他任何功能前,先確保主畫面在手機大小的螢幕上感覺良好。
- **加入習慣及打卡。**建立三個計劃不同的習慣,並逐一勾選。
- **連續紀錄的邏輯。**給 AI 測試案例:「週一、三、五的習慣,在週一、三、五及下一個週一完成 → 連續紀錄為 4。」然後逐一核對。
- **過往紀錄格子。**令中斷的日子一看便知。
- **登入及資料庫。**然後在第二部裝置上打開,確認資料一致。
- **安裝。**在 iPhone 上加到主畫面(分享 → 加入主畫面),在 Android 上使用瀏覽器的安裝選項。檢查圖示、名稱及全螢幕啟動。
- **使用一星期。**實際使用七日所發現的問題,會比花一小時測試所發現的更多。
常見錯誤
- **用伺服器時間計算「今天」。**這是最常見的連續紀錄錯誤。應使用用戶的時區。
- **點按範圍太小。**追蹤器通常是單手、在半醒狀態下使用。打卡按鈕要做得夠大。
- **太早加入太多功能。**社交動態、徽章及圖表可以等待,待基本流程運作後再加。
- **未安裝便承諾 iPhone 推播。**應告訴用戶先加到主畫面。
- **沒有撤銷功能。**每天都會有誤按的情況。
- **刪除而不是封存。**人們放棄某個習慣時,希望保留其紀錄。
何時現成的習慣應用程式較合適
如果你只想追蹤自己的習慣,成熟的習慣應用程式已經很完善,有小工具及原生通知,而且價錢很便宜甚至免費。自行建立則適合以下情況:你想要那些應用程式沒有的功能,例如為某個特定計劃而設的追蹤器(一個教練客戶群組、診所的病人、團隊挑戰),你希望採用自訂的連續紀錄規則,習慣需要與你保存的其他資料相連,或者你只是想要一個完全為你而設的工具。它也是學習應用程式運作方式的好項目;參閱適合用 AI 建立的副業構思。
使用 Mythex 建立
Mythex 會把這個應用程式建立為網頁應用程式:你在對話中描述它,然後在即時預覽的手機大小畫面中檢查;當你要求帳戶及同步功能時,它會加入資料庫。發布後會得到公開連結,你可以把它加到手機主畫面。在 Pro 方案中,Mythex 還可以把它包裝成 Android 及 iPhone 應用程式,送往 Google Play 內部測試及 TestFlight。如果想從現成的提示開始,可以打開每日習慣追蹤器範本,或瀏覽應用程式範本。
常見問題
我可以不寫程式就建立習慣追蹤應用程式嗎?
可以。使用 AI 應用程式建立工具時,你只需描述想要的習慣、打卡及連續紀錄,它便會替你寫出應用程式。大部分 AI 建立工具產出的是網頁應用程式,你可以在手機瀏覽器中打開,並加到主畫面,而不是 App Store 的應用程式。
習慣的連續紀錄如何運作?
連續紀錄是指習慣連續完成的日數(或按計劃安排的日數),由今天或昨天計起。難點在於如何定義「今天」——它應該跟隨用戶自己的時區,而不是伺服器的時區。
網頁應用程式可以發送提醒通知嗎?
可以,大部分瀏覽器都支援網頁推播。iPhone 及 iPad 方面,Apple 在 iOS 16.4 加入了網頁推播,但只適用於已加到主畫面的網頁應用程式,因此用戶必須先以這種方式安裝。電郵提醒是較簡單的後備方案。
習慣追蹤器需要資料庫嗎?
如果只供你自己在一部裝置上使用,資料可以儲存在瀏覽器中。一旦你想在多部裝置上使用、與其他人分享,或不希望瀏覽器被清除時資料遺失,就需要資料庫及登入功能。