The F2E - 前端修練精神時光屋-第一關 - 番茄鐘

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
作品展示

點我看連結