Scrum 新手村
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/11/tt-scrum@1300w.jpg?resize=1070%2C535)
專案概覽
太空豬!出任務!是一個敏捷快速教學指南。為六角學院舉辦的The F2E 第四屆 前端& UI 修煉精神時光屋第三周主題。
活動採用 UI、前端接力合作,每周有不同的題目,前端工程師可採用 UI 設計師的設計稿,一同產出完整作品。
設計理念
太空豬,出任務!Scrum團隊的成員通常被稱為豬,團隊角色以人類穿豬套裝+太空帽為形象。一開始的歡迎頁加入企業的元素,為TT資訊的吉祥物和大家開場。
目標
- 可以從網頁上了解 Scrum 包含的角色以及負責的事項。
- 可以從網頁上了解 Sprint 流程
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/01-歡迎頁@2x-scaled.jpg?resize=1070%2C761)
1/4
使用者故事&情境模擬
![man in gray crew neck shirt smiling](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/11/pexels-photo-3761521.jpeg?resize=160%2C160)
使用者 A:
需要了解 Scrum的新員工
新加入的員工,必須快速地對 Scrum 流程有基本認識,建立團隊之間的共通語言。
問題痛點
教育訓練資料還不齊全,且資深員工手邊也還有事情需要處理,無法馬上給予足夠的資源了解。
解決方案
提供給他 THE F2E 上的 Scrum 新手村,讓他快速的對 Scrum 流程有初步的體驗與了解。
![man wearing black top](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/11/pexels-photo-1543737.jpeg?resize=160%2C160)
使用者 B:
沒有聽過 Scrum的任何人
偶然聽到或是看到 Scrum 這個詞,想快速上手知識點,了解流程與基本概念。
問題痛點
資料太多不知道從何看起,文字說明比較生硬難讀。
解決方案
提供給他 THE F2E 上的 Scrum 新手村,透過拖拉式互動,對每個階段的流程更有感受度。
2/4
知識點獲得順序
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/TT-scrum-quickguide-知識點順序-scaled.jpg?resize=1070%2C654)
3/4
知識點設計
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/02-角色介紹@2x-scaled.jpg?resize=1070%2C761)
角色介紹
拖拉方塊
拖拉方塊為這周題目所要求。
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/tt-scrum-quickguide-拖拉.jpg?resize=1070%2C424)
設計系統
包含設計原則規範、可重複使用的 UI 物件,以及可模組化的開發元件等等。
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/TT-scrum-quickguide-design-system.jpg?resize=1070%2C301)
4/4
回顧與心得
一公布題目的當下,就決定使用像素風格。這次做出成品自己也很喜歡,也覺得有很多可以更好的地方。例如畫面的豐富度,如果再增加一些宇宙的元素,看起來會更符合太空出任務的氣氛。另外也想再更鑽研互動這方面,讓互動更流暢的設計。像是在每一個挑戰結束後的驗證部分,挑戰失敗除了跳提示請使用者重新挑戰之外,如果有提供解答正確答案的選項,就不必得要等使用者答出正確答案,使用者也能繼續下一個挑戰。
這次的競賽真的很有趣!讓我看到很多不同的強者,也多了一些和工程師互動的經驗。收穫很多,謝謝主辦單位!
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/appreciation-header@2x.png?resize=1070%2C315)
感謝工程師採用我的設計稿來開發,每個作品都有點進去看!大家真的好棒(๑•̀ㅂ•́)و✧
![](https://i0.wp.com/coraltsai.com/wp-content/uploads/2022/12/Appreciation-footer@2x.png?resize=1070%2C71)
感謝你滑到這裡!
希望我的設計以及解決方案能和你產生共鳴😊