The F2E - 前端修練精神時光屋,UI設計組
緣由
因為對UI有興趣,且剛接觸這領域只有一小段時間,為了能增加自己的作品,剛好從六角學院粉絲團上得知了The F2E - 前端修練精神時光屋這活動,於是就決定要參加了!
有分為UI設計組、前端工程組;活動期間是2019/7/4-2019/9/9 為期9週的活動(UI組),每週一中午12點公佈題目,隔週一中午前12點完成,投稿上傳作品即當週成功闖關。
我參加的是UI設計組,目標是盡量完成這9週共9個作品。
第一關作品順利在時間內交件了~ (灑花)
第一關 - 番茄鐘
題目網址:https://challenge.thef2e.com/news/12
題目內容
User story
- 我可以記錄代辦任務
- 我可以設定蕃茄鐘定時器
- 我可以透過報表檢視使用狀況
Functional map
-
待辦事項
- 設定待辦事項名稱或內容
- 設定待辦事項成已完成狀態
- 調整排列順序
-
蕃茄鐘
-
固定時間區間
- 主工作時間:25 分鐘
- 短休息時間:5 分鐘
-
時間倒數介面
- 顯示進行中待辦事項
- 有開始鍵能啟動倒數
- 能暫停倒數
- 能略過倒數(作廢)
- 顯示倒數時間
- 提示鈴聲選項
-
-
狀態報表
- 當天使用蕃茄鐘的記錄與成效
- 當週使用蕃茄鐘的記錄與成效
創作過程
理念
想做出不論是工作或休息時間的情況下,都能顯示出待辦事項的介面,方便使用者有效地拿捏工作的進度~
Wireframe
(待補)
使用軟體/技術/素材
- 使用軟體:Adobe XD (介面設計)
- 素材:Iconfinder (ICON)、FLATICON (ICON)
- 作品縮圖:Photoshop
作品展示