Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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
簡單來說,就是慢慢疊加成果,⽽而⾮非⼀一次性的提交。
資料來源:www.maxxor.com
MediaTek Cloud Sandbox
MediaTek Cloud Sandbox
為 Maker 打造的物聯網平台
MediaTek Cloud Sandbox
2014/03
GA
2015/06
多國語⾔言
2014/10
Kick off
2014/12
CES
每個 Sprint ⼩小更新,每三個⽉月有重⼤大更新
BE
FE
PM & QA
UI/U...
How to run Agile development
我們來跑 Scrum!
Project Owner Team memberModule Owner
PM
BE
FE
UI/UX
QA
How to run Agile development
Tools
Document UpdateSchedule
How to run Agile development
Project Owner Team memberModule Owner
制定 Milestone 、發展⽅方向,確認符合客⼾戶需求(User story)
How to run Agile development
Project Owner Team memberModule Owner
展開 User story 拆解成 Task、號召相關⼈人員、掌握進度
How to run Agile development
Project Owner Team memberModule Owner
實作 Task 、回報進度
How to run Agile development
week 1 week 2 week 3 week 41
Sprint
(4 Week)
Develop
Translate and
Document QA
How to run Agile development
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
放上 Confluence ,成為討論的依據
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 !
Upcoming SlideShare
Loading in …5
×

Design in Agile Development

3,663 views

Published on

2015/06/18 Designer night 18 mins sharing

Published in: Design
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Design in Agile Development

  1. 1. Design in Agile Development 20150618 Abby Chiu
  2. 2. 邱靖瑄 Abby Chiu 三年以上 UI/UX、網⾴頁與應⽤用程式設計經驗。 現職聯發科技 UI/UX Designer,負責物聯網及⼤大數據相關設計。
  3. 3. Design in Agile Development 01. What is Agile 02. How to run Agile development 03. Design v.s Agile Agenda
  4. 4. 敏捷軟體開發(Agile software development) 1990年代開始逐漸引起廣泛關注的 新型軟體開發⽅方法, 強調 應對快速變化的需求 的⼀一種軟體開發能⼒力。 資料來源:維基百科 What is Agile
  5. 5. What is Agile 簡單來說,就是慢慢疊加成果,⽽而⾮非⼀一次性的提交。
  6. 6. 資料來源:www.maxxor.com
  7. 7. MediaTek Cloud Sandbox MediaTek Cloud Sandbox 為 Maker 打造的物聯網平台
  8. 8. MediaTek Cloud Sandbox 2014/03 GA 2015/06 多國語⾔言 2014/10 Kick off 2014/12 CES 每個 Sprint ⼩小更新,每三個⽉月有重⼤大更新 BE FE PM & QA UI/UX ⼩小型開發團隊 團隊擴增...
  9. 9. How to run Agile development 我們來跑 Scrum! Project Owner Team memberModule Owner PM BE FE UI/UX QA
  10. 10. How to run Agile development Tools Document UpdateSchedule
  11. 11. How to run Agile development Project Owner Team memberModule Owner 制定 Milestone 、發展⽅方向,確認符合客⼾戶需求(User story)
  12. 12. How to run Agile development Project Owner Team memberModule Owner 展開 User story 拆解成 Task、號召相關⼈人員、掌握進度
  13. 13. How to run Agile development Project Owner Team memberModule Owner 實作 Task 、回報進度
  14. 14. How to run Agile development week 1 week 2 week 3 week 41 Sprint (4 Week) Develop Translate and Document QA
  15. 15. How to run Agile development week 1 week 2 week 3 week 41 Sprint (4 Week) Design Develop Translate and Document QA
  16. 16. Design v.s Agile 第⼀一步:協助 Project Owner 勾勒出全局
  17. 17. Design v.s Agile 必要時調整 Flow 的顆粒度
  18. 18. Design v.s Agile 第⼆二步:拆解成⼀一個個的 Module Menu Product info Function tab
  19. 19. Design v.s Agile 依照重要性、開發所需時間等,排進 Sprint 1 23 4 5 Function tab
  20. 20. Design v.s Agile 舉例來說,今天要開發⼀一個『通知』的功能 Module Owner Team member(FE、BE 、Designer)
  21. 21. Design v.s Agile 設計師要做的 1. 協助團隊釐清需求 2. 聆聽不同的意⾒見做統整 3. 將討論視覺化,確保⼤大家的討論在同⼀一點上
  22. 22. Design v.s Agile 快速勾勒出 UI draft
  23. 23. Design v.s Agile 將每⼀一次討論記錄下來,歡迎團隊提出意⾒見
  24. 24. Design v.s Agile 放上 Confluence ,成為討論的依據
  25. 25. Design v.s Agile 擁有結論後拆解成 Task,各⾃自分⼯工 BE : 開發API FE : 刻UI, 串接 API Designer : 精圖, 標⽰示尺⼨寸
  26. 26. Design v.s Agile 利⽤用 Jira 檢視⾃自⼰己⼯工作的進度
  27. 27. Design v.s Agile Stand up meeting 交代⾃自⼰己⺫⽬目前的進度 1. 昨天你完成了那些⼯工作? 2. 今天你打算做什麼? 3. 完成你的⺫⽬目標是否存在什麼障礙?
  28. 28. Design v.s Agile ⼩小建議 1. ⽂文件是必要,記錄每次討論、結論 2. 保留彈性,做好版本控管 3. 接受意⾒見,追求每⼀一次更好的可能 4. 保持學習的⼼心態,多多涉略
  29. 29. 最重要的是: 只有最適合⾃自⼰己團隊的⽅方法,沒有所謂最好的⽅方法。
  30. 30. Abby Chiu abbychiu1002@gmail.com Thank U all !

×