Zhihan Wang's profile

UI Design | 蕃茄鐘 POMODORO

UI Design | 蕃茄鐘

Figma線上設計稿 ‣ ‣ ‣ https://reurl.cc/NaoD79

希望設計給第一次使用蕃茄鐘的使用者可以非常好上手。因為之前使用蕃茄鐘APP的經驗,APP設計的種類非常多元,但是以我自己的使用經驗而言,如果一天超過五項待辦事項,如果蕃茄鐘能夠幫我清楚條列事項,使用過後立刻劃掉,使用上的體驗會是非常有成就感的,因為可以看到待辦事項一一的被刪除,我也可以自己決定哪些項目正在進行或是已完成。

因為希望介面乾淨整齊,使用者使用起來能夠清楚的識別各項功能,所以使用顏色較沉的藍綠色,和鮮豔的橘色沙漏作為對比。

並在工作時、休息時的顏色做明顯的彩度區分,將必要的功能留在主頁上,讓使用者可以快速找到自己想使用的功能。
主工作時間:25分鐘
蕃茄鐘的設計目的主要是時間管理,考慮到現代人大多使用電腦工作,因此在設計蕃茄鐘的時候,設定為電腦與平板版本,在工作時間不會受到手機的干擾,能專心在眼前的工作上。

button設計在介面的正中央,因為在詢問過使用工具app的人以後,發現設定常常容易讓人找不到從哪裡設置,因此將所有button設定在界面正中央,其次是待辦事項的to-do list。
工作時間:10分鐘
使用介面透過明快的橘色和藍色對比色,讓使用者清楚知道目前的工作狀態。
短休息時間:5分鐘
日常使用狀態頁面
setting分為工作與休息的提示聲
功能設定頁面
UI Design | 蕃茄鐘 POMODORO
Published:

Owner

UI Design | 蕃茄鐘 POMODORO

自己在工作緊繃的時候,會想要身邊可以出現一點多彩可愛的物品,因此在設計這款蕃茄鐘的時候,用鮮豔可愛的橘色沙漏搭配背景沈穩的藍綠色,希望使用者在使用的時候,除了可以放鬆心情,顏色在工作和休息的模式有不一樣的區隔。功能設計只留下必備的功能在主頁面上。

Published: