主畫面 · 專注中(Focus)
核心畫面:大圓形計時器+當前任務+今日目標,以及底部的四個主功能 Tab(專注 / 任務 / 統計 / 設定)。
主畫面 · 專注中
狀態:Focus
今日番茄:4/8
連續專注:3 天
目前任務
第 2 / 3 個番茄
撰寫「AI Coding 導入計畫」簡報
剩餘預估:2 個番茄
深度專注模式
主畫面 · 休息中
狀態:Break
已完成番茄:5
距離長休息:還有 1 次
休息建議
休息品質:良好
站起來活動一下,讓眼睛離開螢幕
已休息 3 / 5 次
建議走到窗邊
任務清單(Tasks)
管理「今天要完成什麼」。每個任務可以看到預估番茄數、已完成番茄數與標籤。
任務清單 · 今日
狀態:Tasks
快速新增任務(例如:整理 WidgetLearner Product Doc)
整理 FocusOnFirst Pomodoro 畫面規格
番茄:2 / 2
產品規劃
撰寫 AI Coding 內訓簡報
番茄:1 / 4
工作
WidgetLearner Android Pubspec 修正
番茄:0 / 2
Side Project
閱讀 AI Agent 文章筆記
番茄:1 / 1
學習
專注中細節(Focus Detail)
當使用者點進目前任務,可看到 checklist、小筆記,方便做「一輪番茄就能完成的小步驟」拆解。
目前任務 · 專注細節
狀態:Focus Detail
專注小提醒: 這一輪只專心補完「風險與控管」章節,不要順便去改配色或動畫。
統計與成就(Stats)
顯示每日/每週專注時間、番茄數量、連續專注天數,幫助使用者看到成長曲線。
統計 · 週視圖
狀態:Stats
MonTueWedThuFriSatSun
本週里程碑
解鎖 深度工作 Lv.2
本週你完成了 3 場「無干擾」的 4 番茄長專注,繼續保持這個節奏!
設定(Settings)
可調整番茄時間長度、自動切換下一輪、聲音與 Widget 顯示內容。
設定
狀態:Settings
短休息 / 長休息
短休息 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 畫面(小 / 中 / 大)
小尺寸:專注按鈕 + 倒數。中尺寸:倒數 + 今日番茄摘要。大尺寸:倒數 + 任務摘要 + 目標進度。