產品企劃的角色為何？ 產品開發專案的組成成員？ 開發的流程 文件有哪些？ 產品開發常見的問題

1. PRODUCT
DEVELOPMENT
Ruby Kuan
she.com
2013.06

2. Ruby Kuan 分機:2822
網路資歷12年
網路產品服務開發、內容與社群經
營操作、網路⾏行銷
beautywant.com web designer 2002~2004
Mydear交友網站 UI designer 2004/3~2004/10
無名⼩小站 事業發展副理 2004/3~2006/11
痞客邦 產品暨社群經理 2007/3~2009/6
李奧⾙貝納 數位業務經理 2009/6~2009/9
c’est la vie cafe 負責⼈人 2010/12~2012/11
2011/12 back to PIXNET

3. 產品企劃的⾓角⾊色為何？
產品開發專案的組成成員？
開發的流程
⽂文件有哪些？
產品開發常⾒見的問題

4. Developer Job Description
產品企劃的⾓角⾊色為何？
新產品(服務)開發管理
舊產品(服務)調整、升級、管理
撰寫產品使⽤用說明及教學⼿手冊
站上會員組成分析/網站成效

5. Team
產品開發專案的組成成員？
• Product Team Leader(PM)
• Product Team Marcom
• Architect 系統架構師
• System Analyst 系統分析師
• System Designer 系統設計師
• Programmer 程式設計師
• Tester 測試者
• User Representatives 使⽤用者代表
• UI Designer 視覺設計
• Sales
• Product Team Leader(PM)
• Architect 系統架構師
• Programmer 程式設計師
• Tester 測試者
• User Representatives 使⽤用
者代表
• UI Designer 視覺設計
• Sales

6. Waterfall process
開發的流程
IDEA
BUILD
SHIP
ANALYZE

7. • Background產品計劃書
• 市場分析(Survey)
• 產品⺫⽬目標(vision)
• 定義使⽤用族群特性(Target audience)
• Requirement 產品服務規格
• 網站架構圖(Sitemap architecture)
• 動線規劃(PageFlow、wireframe)
• 系統功能需求列表(Requirement Listing w/ Use Case Diagram)
• 模組功能說明(function spec)
• ⾮非功能需求(non-functional requirement)
• ⼈人時成本預估(HR Est.)
• Documentation 產品說明⽂文件
• 產品使⽤用⼿手冊FAQ
• 使⽤用規範
⽂文件有哪些？
Document

8. Sitemap

9. PageFlow - Facebook app

10. PageFlow(Flow charts) - Instagram app

11. PageFlow - PIXNET app
商業機密要⾺馬賽克
可交流討論

12. Early stage ideation & sketching

13. Design with paper and pencil - 7Headlines

14. Design with paper and pencil - PIXNET 化妝台
商業機密要⾺馬賽克
可交流討論

15. Facebook

16. Wireframes
with UI specifications

17. wireframe

18. Facebook

19. Facebook

20. Youtube

21. Instagram
wireframes with UI specifications

22. Functional Spec
don't ask WE never know ….

23. Spec….?

24. Spec….?

25. Spec….?

26. Spec….?
ＰＩＸＮＥＴ
商業機密要⾺馬賽克

27. Spec…. 遊戲橘⼦子
商業機密要⾺馬賽克
可交流討論

28. Spec….
Yahoo
商業機密要⾺馬賽克
可交流討論

29. PROBLEM
IDEA
BUILD
SHIP
ANALYZE
產品開發常⾒見的問題
Designer blindness

30. Avoid turd polishing
No matter how shiny it is, it’s still a piece of shit.

31. IDEA
BUILD
SHIP
ANALYZE
產品開發常⾒見的問題
PROBLEM

32. 產品開發常⾒見的問題
PROBLEM
Design for everyone,
please no one

33. 產品開發常⾒見的問題
PROBLEM
TEST！ before u launch,
or ur ship will sink

34. Wireframe tool
• Omnigraffle(for MAC)
• Vision(for Win)
• Axure （wireframe+Prototype+spec!!$$$）
• Moqups（google search Moqups its Free!）
• Cacoo（google search Cacoo its Free!）