KeepOnFirst Pomodoro Prototype

暖橘 × Apple 風 × 番茄鐘|以下為完整 App 畫面與 Widget 原型,供工程師實作參考。

1. 專注與休息流程畫面

Focus & Break

包含專注中、短休息、長休息三種狀態,維持相同結構,減少心智負擔。

主畫面:專注中
KeepOnFirst 今日 3 / 6 顆番茄
2 天連勝
18:24
專注中 · 番茄 #3
今日目標:6 顆番茄
整理 AI 導入簡報
預估 4 顆番茄 · 已完成 2 顆
專注
任務
統計
設定
短休息
短休息 起身走走喝口水吧
好好放鬆
04:12
短休息 · 下一顆番茄 #4
已完成 3 顆 · 剩餘 3 顆
下一個任務:完善結論頁
小提醒:別看社群,讓眼睛休息一下
專注
任務
統計
設定
長休息
長休息 深呼吸,拉拉筋,讓大腦真正休息
建議:離開座位
12:07
長休息 · 4 顆番茄後的獎勵
下一輪將從番茄 #5 開始
稍後繼續:AI 導入計畫撰寫
長休息結束後,會自動提醒你回到專注
專注
任務
統計
設定

2. 任務清單 · 統計 · 設定

Tasks · Stats · Settings

支援任務管理與長期追蹤,讓番茄不只是計時,而是可累積的專注紀錄。

任務清單 / To-Do
今日任務 掌握今天要完成的番茄
已完成 3 / 6 顆

今日清單

按長按任務可重新排序
整理 AI 導入簡報
預估 4 顆 · 已完成 2 顆 · 專案:公司內訓
進行中
WidgetLearner 新功能草稿
預估 2 顆 · 已完成 1 顆 · 設計 + 文案
今天待完成
閱讀:AI Agent 文章
預估 1 顆 · 已完成 0 顆 · 輕鬆閱讀
可彈性調整
專注
任務
統計
設定
統計與專注紀錄
專注統計 看看最近的自己有多專注
本週概覽
今天專注 78 分鐘
今日番茄 4 顆
本週累積 18 顆
本週番茄數 單位:顆
一 二 三 四 五 六 日
你在 週五 最專注,試著保持這個節奏 💪
專注
任務
統計
設定
設定
設定 依照自己的節奏調整番茄模式
專注時間 每一顆番茄的專注長度
25 分鐘
短休息 每顆番茄後的短休息時間
5 分鐘
長休息 每 4 顆番茄後的較長休息
15 分鐘
每幾顆後長休息 建議介於 3–5 顆之間
4 顆
通知提醒 番茄開始 / 結束 / 休息結束時提醒
震動回饋 完成番茄時給予輕微震動
Widget 顯示內容 選擇在桌面上優先顯示的資訊
剩餘時間+今日番茄
專注
任務
統計
設定

3. Onboarding / 教學引導

First-time Flow

首次開啟 App 時,用 1–2 個番茄就能理解整個操作流程。

Onboarding
歡迎來到 KeepOnFirst 讓最重要的事,永遠排在第一位
25 分鐘,專心只做一件事
番茄鐘的核心,就是在有限的時間內,排除干擾,專心完成一小塊任務。
· 選一個任務
· 按下開始專注
· 25 分鐘內只做這件事
專注
任務
統計
設定

4. iOS Widget 預覽

Widgets · Small & Medium

桌面 Widget 延續 KeepOnFirst 的暖色 × Apple 風,重點是「一眼看懂目前狀態」。

Small Widget · 2x2 · Focus / Break 狀態
FOCUS · 番茄 #3
18:24
Medium Widget · 4x2 · 今日目標 / 進度
今日目標
4 / 6 顆番茄
已專注 78 分鐘 · 還差 2 顆
2 天連勝中
72% 今日進度

※ Engineer 提示:Small / Medium 尺寸請依照 iOS Widget 規範實作,以上為視覺構圖示意。