Top Banner
Design in Agile Development 20150618 Abby Chiu
30

Design in Agile Development

Aug 07, 2015

Download

Design

Abby Chiu
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design in Agile Development

Design in Agile Development

20150618 Abby Chiu

Page 2: Design in Agile Development

邱靖瑄 Abby Chiu

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

Page 3: Design in Agile Development

Design in Agile Development

01. What is Agile

02. How to run Agile development

03. Design v.s Agile

Agenda

Page 4: Design in Agile Development

敏捷軟體開發(Agile software development)

1990年代開始逐漸引起廣泛關注的 新型軟體開發⽅方法, 強調 應對快速變化的需求 的⼀一種軟體開發能⼒力。

資料來源:維基百科

What is Agile

Page 5: Design in Agile Development

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

Page 7: Design in Agile Development

MediaTek Cloud Sandbox

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

Page 8: Design in Agile Development

MediaTek Cloud Sandbox

2014/03GA

2015/06多國語⾔言

2014/10Kick off

2014/12CES

每個 Sprint ⼩小更新,每三個⽉月有重⼤大更新

BEFE

PM & QA

UI/UX

⼩小型開發團隊 團隊擴增...

Page 9: Design in Agile Development

How to run Agile development我們來跑 Scrum!

Project Owner Team memberModule Owner

PM BE

FE

UI/UXQA

Page 10: Design in Agile Development

How to run Agile developmentTools

Document UpdateSchedule

Page 11: Design in Agile Development

How to run Agile development

Project Owner Team memberModule Owner

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

Page 12: Design in Agile Development

How to run Agile development

Project Owner Team memberModule Owner

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

Page 13: Design in Agile Development

How to run Agile development

Project Owner Team memberModule Owner

實作 Task 、回報進度

Page 14: Design in Agile Development

How to run Agile development

week 1 week 2 week 3 week 4 1Sprint(4 Week)

DevelopTranslate and

Document QA

Page 15: Design in Agile Development

How to run Agile development

week 1 week 2 week 3 week 4 1Sprint(4 Week)

Design

DevelopTranslate and

Document QA

Page 16: Design in Agile Development

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

Page 17: Design in Agile Development

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

Page 18: Design in Agile Development

Design v.s Agile第⼆二步:拆解成⼀一個個的 Module

Menu Product info

Function tab

Page 19: Design in Agile Development

Design v.s Agile依照重要性、開發所需時間等,排進 Sprint

1 23 4 5Function tab

Page 20: Design in Agile Development

Design v.s Agile舉例來說,今天要開發⼀一個『通知』的功能

Module Owner Team member(FE、BE 、Designer)

Page 21: Design in Agile Development

Design v.s Agile設計師要做的

1. 協助團隊釐清需求

2. 聆聽不同的意⾒見做統整

3. 將討論視覺化,確保⼤大家的討論在同⼀一點上

Page 22: Design in Agile Development

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

Page 23: Design in Agile Development

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

Page 24: Design in Agile Development

Design v.s Agile放上 Confluence ,成為討論的依據

Page 25: Design in Agile Development

Design v.s Agile擁有結論後拆解成 Task,各⾃自分⼯工

BE : 開發API

FE : 刻UI, 串接 API

Designer : 精圖,標⽰示尺⼨寸

Page 26: Design in Agile Development

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

Page 27: Design in Agile Development

Design v.s AgileStand up meeting 交代⾃自⼰己⺫⽬目前的進度

1. 昨天你完成了那些⼯工作?

2. 今天你打算做什麼?

3. 完成你的⺫⽬目標是否存在什麼障礙?

Page 28: Design in Agile Development

Design v.s Agile⼩小建議

1. ⽂文件是必要,記錄每次討論、結論

2. 保留彈性,做好版本控管

3. 接受意⾒見,追求每⼀一次更好的可能

4. 保持學習的⼼心態,多多涉略

Page 29: Design in Agile Development

最重要的是:

只有最適合⾃自⼰己團隊的⽅方法,沒有所謂最好的⽅方法。

Page 30: Design in Agile Development

Abby [email protected]

Thank U all !