主畫面 · 專注中(Focus)

核心畫面:大圓形計時器+當前任務+今日目標,以及底部的四個主功能 Tab(專注 / 任務 / 統計 / 設定)。

主畫面 · 專注中 狀態:Focus
今日專注
4 / 8 個番茄 · 95 分鐘
專注中
專注
短休息
長休息
18:23
本輪番茄 · 第 3 個
今日番茄:4/8 連續專注:3 天
跳過
鈴聲
任務
目前任務 第 2 / 3 個番茄
撰寫「AI Coding 導入計畫」簡報
剩餘預估:2 個番茄 深度專注模式
主畫面 · 休息中 狀態:Break
短休息時間
下一輪:寫 CI/CD 部署流程
休息中
專注
短休息
長休息
04:12
起身走走、喝水放鬆
已完成番茄:5 距離長休息:還有 1 次
跳過休息
延長 5 分
深呼吸
休息建議 休息品質:良好
站起來活動一下,讓眼睛離開螢幕
已休息 3 / 5 次 建議走到窗邊

任務清單(Tasks)

管理「今天要完成什麼」。每個任務可以看到預估番茄數、已完成番茄數與標籤。

任務清單 · 今日 狀態:Tasks
今日任務
已完成 3 / 7 個任務
快速新增任務(例如:整理 WidgetLearner Product Doc)
整理 FocusOnFirst Pomodoro 畫面規格
番茄:2 / 2 產品規劃
x2
已完成
撰寫 AI Coding 內訓簡報
番茄:1 / 4 工作
x4
預估 4 個
WidgetLearner Android Pubspec 修正
番茄:0 / 2 Side Project
x2
尚未開始
閱讀 AI Agent 文章筆記
番茄:1 / 1 學習
x1
已完成

專注中細節(Focus Detail)

當使用者點進目前任務,可看到 checklist、小筆記,方便做「一輪番茄就能完成的小步驟」拆解。

目前任務 · 專注細節 狀態:Focus Detail
撰寫內訓簡報
今天第 2 個番茄 · 18:23
18:23
AI Coding 企業內訓
此任務已完成 1 / 4 個番茄 專注連擊 3 天
整理課程目標與學員輪廓
列出 6 個 AI Coding Demo 場景
補上「風險與控管」章節重點
整理 Q&A 常見問題
專注小提醒: 這一輪只專心補完「風險與控管」章節,不要順便去改配色或動畫。
編輯任務
重新開始
結束本輪

統計與成就(Stats)

顯示每日/每週專注時間、番茄數量、連續專注天數,幫助使用者看到成長曲線。

統計 · 週視圖 狀態:Stats
專注統計
本週 · 11/30 – 12/06
連續專注 6 天
本週總專注時間
7.5 小時
比上週 +32%
本週完成番茄
24 個
每日平均 3.4 個
最專注時段
上午 9–11 點
建議把難題排在這段
Top 任務類型
工作 · 文件撰寫
占比 48%
MonTueWedThuFriSatSun
本週里程碑 解鎖 深度工作 Lv.2
本週你完成了 3 場「無干擾」的 4 番茄長專注,繼續保持這個節奏!

設定(Settings)

可調整番茄時間長度、自動切換下一輪、聲音與 Widget 顯示內容。

設定 狀態:Settings
設定
調整你的專注節奏
番茄長度
每一輪專注的時間(分鐘)
25 分鐘
短休息 / 長休息
短休息 5 分 · 長休息 15 分
5 / 15
幾輪後進入長休息
建議 3–4 個番茄後讓自己好好放鬆
4 輪
自動開始下一輪
避免分心卡在中間,但也可能過度連續工作
鈴聲與震動
選擇番茄結束時的提示方式
柔和鈴聲 · 震動
Widget 顯示內容
在主畫面 Widget 呈現狀態與今日目標
倒數+今日番茄
主題模式
淺色 / 深色 · 跟隨系統
跟隨系統

初次啟動 Onboarding

簡單 3 步驟,讓使用者懂這個 App 的差異點:專注 × 任務 × Widget。

Onboarding 狀態:First Launch
步驟 1 · 建立你的專注節奏
選擇你習慣的番茄長度(例如 25 分鐘專注 + 5 分鐘休息),之後可以隨時調整。
步驟 2 · 把今天的任務拆成番茄
不需要寫完整待辦,只要想著:「這一輪番茄,我要完成什麼小目標?」然後建立 3–5 個任務就好。
步驟 3 · 把 Widget 放在主畫面
將 FocusOnFirst Widget 加到主畫面,一鍵開始下一輪專注,不用再打開 App。

Widget 畫面(小 / 中 / 大)

小尺寸:專注按鈕 + 倒數。中尺寸:倒數 + 今日番茄摘要。大尺寸:倒數 + 任務摘要 + 目標進度。

小 Widget · 待開始 尺寸建議:1×1 / 小
FocusOnFirst · Ready
25:00
開始專注
今日:0 / 6 個番茄 長按設定
小 Widget · 專注中 狀態:倒數中
專注中 · AI 內訓簡報
18:23
暫停
第 2 / 4 個番茄 連擊 3 天
中 Widget · 今日摘要 尺寸建議:2×1 / 中
今日專注 · 3 / 6 個番茄 任務
目前任務
撰寫 AI Coding 內訓簡報
此任務已完成 1 / 4 個番茄
18:23
繼續
大 Widget · 任務 + 統計 尺寸建議:2×2 / 大
短休息 04:12 · 下一輪:文件撰寫 本週 18 個番茄
04:12
提前開始
今日任務進度 3 / 5 已完成
現在專注類型
工作 · 文件撰寫
下個任務
調整 WidgetLearner UI
連續專注 6 天 建議:休息結束後完成最後 2 個番茄