Design in Agile Development

Design in Agile Development
20150618 Abby Chiu

邱靖瑄 Abby Chiu
三年以上 UI/UX、網⾴頁與應⽤用程式設計經驗。
現職聯發科技 UI/UX Designer，負責物聯網及⼤大數據相關設計。

Design in Agile Development
01. What is Agile
02. How to run Agile development
03. Design v.s Agile
Agenda

敏捷軟體開發（Agile software development）
1990年代開始逐漸引起廣泛關注的新型軟體開發⽅方法，
強調應對快速變化的需求的⼀一種軟體開發能⼒力。
資料來源：維基百科
What is Agile

What is Agile
簡單來說，就是慢慢疊加成果，⽽而⾮非⼀一次性的提交。

MediaTek Cloud Sandbox
為 Maker 打造的物聯網平台

2014/03
GA
2015/06
多國語⾔言
2014/10
Kick off
2014/12
CES
每個 Sprint ⼩小更新，每三個⽉月有重⼤大更新
BE
FE
PM & QA
UI/UX
⼩小型開發團隊團隊擴增...

How to run Agile development
我們來跑 Scrum！
Project Owner Team memberModule Owner
PM
BE
FE
UI/UX
QA

Tools
Document UpdateSchedule

制定 Milestone 、發展⽅方向，確認符合客⼾戶需求(User story)

展開 User story 拆解成 Task、號召相關⼈人員、掌握進度

實作 Task 、回報進度

week 1 week 2 week 3 week 41
Sprint
(4 Week)
Develop
Translate and
Document QA

week 1 week 2 week 3 week 41
Sprint
(4 Week)
Design
Develop
Translate and
Document QA

Design v.s Agile
第⼀一步：協助 Project Owner 勾勒出全局

Design v.s Agile
必要時調整 Flow 的顆粒度

Design v.s Agile
第⼆二步：拆解成⼀一個個的 Module
Menu
Product info
Function tab

Design v.s Agile
依照重要性、開發所需時間等，排進 Sprint
1 23 4 5
Function tab

Design v.s Agile
舉例來說，今天要開發⼀一個『通知』的功能
Module Owner Team member（FE、BE 、Designer）

Design v.s Agile
設計師要做的
1. 協助團隊釐清需求
2. 聆聽不同的意⾒見做統整
3. 將討論視覺化，確保⼤大家的討論在同⼀一點上

Design v.s Agile
快速勾勒出 UI draft

Design v.s Agile
將每⼀一次討論記錄下來，歡迎團隊提出意⾒見

Design v.s Agile
放上 Conﬂuence ，成為討論的依據

Design v.s Agile
擁有結論後拆解成 Task，各⾃自分⼯工
BE : 開發API
FE : 刻UI，
串接 API
Designer : 精圖，
標⽰示尺⼨寸

Design v.s Agile
利⽤用 Jira 檢視⾃自⼰己⼯工作的進度

Design v.s Agile
Stand up meeting 交代⾃自⼰己⺫⽬目前的進度
1. 昨天你完成了那些⼯工作？
2. 今天你打算做什麼？
3. 完成你的⺫⽬目標是否存在什麼障礙？

Design v.s Agile
⼩小建議
1. ⽂文件是必要，記錄每次討論、結論
2. 保留彈性，做好版本控管
3. 接受意⾒見，追求每⼀一次更好的可能
4. 保持學習的⼼心態，多多涉略

最重要的是：
只有最適合⾃自⼰己團隊的⽅方法，沒有所謂最好的⽅方法。

Abby Chiu
abbychiu1002@gmail.com
Thank U all !

Recommandé