O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
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 !
Próximos SlideShares
Carregando em…5
×

Design in Agile Development

2015/06/18 Designer night 18 mins sharing

  • Entre para ver os comentários

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 !

×