hpx_hp25_專案管理：如何言之有物

�吳明展 Anderson Wu

�2011/08/11

�HPX HP25

專案管理精神專案管理精神專案管理精神專案管理精神 –言之有物言之有物言之有物言之有物

吳明展 Anderson Wu 2011/08/11 @HP25

專案管理專案管理專案管理專案管理–言之有物言之有物言之有物言之有物

Who am I?

http://fb.me/mingjaan/ , p2

Who am I?

吳明展吳明展吳明展吳明展 (Anderson Wu)

� 現職現職現職現職：：：：

資拓宏宇國際股份有限公司資拓宏宇國際股份有限公司資拓宏宇國際股份有限公司資拓宏宇國際股份有限公司

iyoyo事業處事業處事業處事業處技術經理技術經理技術經理技術經理

� 經歷經歷經歷經歷

► 0yr 2m 樂倍達樂倍達樂倍達樂倍達數位科技專案經理 (PM/PG)

► 3yr 9m 雅虎雅虎雅虎雅虎資訊專案經理與系統分析工程師 (JM/SA)

► 3yr 10m 群想群想群想群想網路技術經理 (Tech Mgr & PG)

� 曾曾曾曾任任任任中華大學漫畫社社長、系壘隊隊長、學生活動中心美宣股股長、

資工系系友會會長、校友會理事、YAHOO! 奇摩福委會總幹事…等職

http://fb.me/mingjaan/ , p32011.06.29 @ 金門金門金門金門

What project I did before? (Yahoo! part)

http://www.slideshare.net/mingjaan/resume2009pdf , p4

重要專案重要專案重要專案重要專案：：：：iyoyo 愛優遊 LBS營運服務平台 / MOTA

/ 統一超商(7-11) 系統取貨付款/ Yahoo! Taiwan 眾多頻道的新上線及大改版- 3C

家電, 運動 Olympic 奧運官網 (台灣 RUN 起來),

汽車頻道, 理財頻道, 房屋頻道, 時尚頻道, 股市頻道, 新聞頻道，以及機房搬家 - Colo

Movement & Upgrade ( 14 Channels, 352 Servers) 。

合作的廠商合作的廠商合作的廠商合作的廠商：：：：

對象從各式廠商、中選單位如: 氣象局、經濟部、台北市政府，TW OSP、CN OSP 都合作過。

What project I did before? (Screenshot)


What is a Project?What is a Project?

2010.09.13 幫學弟製作幫學弟製作幫學弟製作幫學弟製作求婚求婚求婚求婚看板看板看板看板from http://www.flickr.com/photos/mingjaan/4999134053/

What is a Project?

�典型的專案通常有以下特性典型的專案通常有以下特性典型的專案通常有以下特性典型的專案通常有以下特性：：：：

►明確的目標

►明確的開始與結束

►暫時性(Temporary)

►獨特性(Unique)

►有限的資源(人員，設備與物料)或預算

�舉例舉例舉例舉例：：：：

►下半年想出國自助旅行、明年我要結婚了…等

http://www.plurk.com/mingjaan , p7

參考 : 製作的 PMBOK 4th Ed. Page 5.


認識專案管理認識專案管理認識專案管理認識專案管理 Introduce PMI &PMP

• How to get PMP?

專案管理師證照

PMP LAPEL PINfrom http://www.flickr.com/photos/mingjaan/3483157463/

How to get PMP?

�閉關苦讀閉關苦讀閉關苦讀閉關苦讀 2~3個月個月個月個月

�熟悉熟悉熟悉熟悉 5大流程大流程大流程大流程


監控監控監控監控

執行結束

起始規劃

成本成本成本成本整整整整合合合合

風險風險風險風險

溝通溝通溝通溝通

範圍範圍範圍範圍

時間時間時間時間採購採購採購採購

人資人資人資人資

品質品質品質品質

所有圖片來源所有圖片來源所有圖片來源所有圖片來源 : 長宏專案管理顧問有限公司長宏專案管理顧問有限公司長宏專案管理顧問有限公司長宏專案管理顧問有限公司

、、、、9大知識大知識大知識大知識、、、、42個子流程個子流程個子流程個子流程

How to get PMP?�取得取得取得取得 35個個個個 PDU 以及呈報以及呈報以及呈報以及呈報 4500個小時個小時個小時個小時的專案管理經驗的專案管理經驗的專案管理經驗的專案管理經驗

�前前後後繳交近前前後後繳交近前前後後繳交近前前後後繳交近 50000元元元元新台幣新台幣新台幣新台幣，，，，最後獲得那薄薄最後獲得那薄薄最後獲得那薄薄最後獲得那薄薄1張證照張證照張證照張證照


Do you have PMP?


來源 : http://www.taopic.com/tuku/201103/36721.html

�專案專案專案專案經理需花大量的時間與經理需花大量的時間與經理需花大量的時間與經理需花大量的時間與專案發起人專案發起人專案發起人專案發起人、、、、團隊成員團隊成員團隊成員團隊成員、、、、客戶客戶客戶客戶以及以及以及以及

利害關係者利害關係者利害關係者利害關係者溝通溝通溝通溝通，，，，平均平均平均平均花花花花以上以上以上以上的時間在做的時間在做的時間在做的時間在做溝通溝通溝通溝通。。。。80%

來源 : http://www.youtube.com/watch?v=ZL7sbVzzWWs

如何言之有物?

�量化量化量化量化

�視覺化視覺化視覺化視覺化

�出神入化出神入化出神入化出神入化

2010.05.30澳門澳門澳門澳門行行行行Day2_萬派朝宗萬派朝宗萬派朝宗萬派朝宗_媽祖閣廟媽祖閣廟媽祖閣廟媽祖閣廟from http://www.flickr.com/photos/mingjaan/4720228323/

如何言之有物?

需求視覺化需求視覺化需求視覺化需求視覺化 Visual the Requirements

• Visualize the Requirement

需求視覺化

Yahoo! ID Training – “It’s Me” Chanelfrom http://www.flickr.com/photos/mingjaan/480985773/

Old Develop Process

老闆/企劃工程師

Idea Prototype Product

http://www.slideshare.net/mingjaan/ , p15

Old Develop Process

我希望在 XXX 首頁要有各個活動、店家POI、優惠券、揪團/合購 …等最新消息。

好！我做給你！！


Old Develop Process

我希望在 XXX 首頁要有各個活動、店家POI、優惠券、揪團/合購 …等最新消息。



Old Develop Process

我希望在單一店家首頁要有照片、地圖、詳細資訊外，在下方要有評論分享、優惠資訊、揪團合購 …等頁籤(TAB)。



Add New Players

老闆/企劃工程師

視覺設計

專案經理

http://www.plurk.com/mingjaan/ , p20

This Project Manager’s R&R

�這位專案經理收到的命令這位專案經理收到的命令這位專案經理收到的命令這位專案經理收到的命令…

►首要任務首要任務首要任務首要任務：：：：控制此 XXX 專案如期、如質、

如預算上線，還有OOO功能也要做…等(族繁不及備載)

�除了專案經理的角色外除了專案經理的角色外除了專案經理的角色外除了專案經理的角色外，，，，還需扮演還需扮演還需扮演還需扮演…

►擔任「資訊架構師資訊架構師資訊架構師資訊架構師 (IA)」，協助製作網站網站網站網站

地圖地圖地圖地圖(Site Map)、、、、框架圖框架圖框架圖框架圖(Wireframe)，以

便量化所有工作與時程

►擔任「系統分析師系統分析師系統分析師系統分析師 (SA)」，製作 Use

Case、Flow Chart、Module Map、、、、

Module List … 等需求文件

►協助視覺設計(Art) 製作模型模型模型模型(Mockup)、

並做雛型演示雛型演示雛型演示雛型演示 (Prototype DEMO)

專案經理

21

Old vs New Develop Process


Idea Prototype ProductWireframe



Wireframe

23




Wireframe

Mockup



25


Wireframe

26


MockupWireframe

27

even in Develop Mobile APP …

Wireframe

even in Develop Mobile APP …

Mockup

Wireframe

Visualize the Requirement

�視覺化的需求可以幫助溝通視覺化的需求可以幫助溝通視覺化的需求可以幫助溝通視覺化的需求可以幫助溝通

制定Wireframe、Mockup、

做 Prototype Demo…除了讓需求

可以清楚被看到，且讓使用者

容易具象化產品。

�工欲善其事工欲善其事工欲善其事工欲善其事，，，，必先利其器必先利其器必先利其器必先利其器!!

►沒啥錢的… 雙手 + 紙筆

►有一點點錢的… 擁抱 “微軟牌 - Office”

►再有多一點點錢的，那就義氣相挺 Richard 的...

30

來源 http://forum.gamer.com.tw/C.php?page=1&bsn=60076&snA=807684

Axure RP Pro

每次分享者都把時間用到一滴不剩，一點工商時間都不給人家打廣告… 不依! 不依!

規模要量化規模要量化規模要量化規模要量化 Quantify the Scope

32

• Quantify the Scope

規模要量化

2009.05.30 內灣老街內灣老街內灣老街內灣老街 -人山人海人山人海人山人海人山人海，，，，擠爆的人潮擠爆的人潮擠爆的人潮擠爆的人潮，，，，寸步難行寸步難行寸步難行寸步難行… from http://www.flickr.com/photos/mingjaan/3584609365/




Wireframe

Mockup

Mockup

Site Map

http://www.flickr.com/photos/mingjaan/sets/ , p33

34

Quantify the Scope � Site Map

►前端 : 87 Templates

►後端 : 80 Templates

� Mockup

► 52 pages

� Function List

35

Quantify the Scope � Modules

►前端: >130 個

►後端: >80 個

� Human Resource

► VD Mockup : 1 page / 1 day � 52p / 45 day

► RD : 4 modules / 1 day � 130 M / 35 day

►…

� Schedule

Scope Review


出神入化出神入化出神入化出神入化 Introduce Yahoo! PDP

41

• Introduce PDP

出神入化

2010.12.11 拜訪拜訪拜訪拜訪雅虎台灣雅虎台灣雅虎台灣雅虎台灣南港南港南港南港新新新新辦公室辦公室辦公室辦公室 YAHOO! New Officefrom http://www.flickr.com/photos/mingjaan/sets/72157625483904543/

Y! Product Development Process

42

Product Development Process (1/9)

What is PDP?

��Product Develop Process

��產產產產品品品品開開開開發發發發流流流流程程程程

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product

http://wretch.cc/blog/mingjaan/ , p43


Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product


46

Idea

Wireframe

Site Map

Mockup

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product

Function L ist


47

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product


48

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product


49

Idea

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product

Wireframe


50

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product


51

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Detail Spec

Test Plan

Test CaseEDD

Product


52

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module Listz

Test Plan

Test CaseEDD

Product


53

Idea

Wireframe

Site Map

Mockup

Function L ist

Prototype

Module Map

Module List

Test Plan

Test CaseEDD

Product

Working …

Working …

Working …

Working …

專業網站企劃流程 Product Develop Process

專業網站企劃流程 Product Develop Process

可以出場 2次打廣告，明展真是對我太好了！~啾~

重點回顧重點回顧重點回顧重點回顧 Recall

• Recall

重點回顧

2009.04.25 中華職棒中華職棒中華職棒中華職棒牛象牛象牛象牛象戰戰戰戰_天母球場天母球場天母球場天母球場_全景全景全景全景from http://www.flickr.com/photos/mingjaan/3483157463/

言之有物重點回顧�不可忽視不可忽視不可忽視不可忽視 “溝通清楚溝通清楚溝通清楚溝通清楚” 的重要性的重要性的重要性的重要性!!

�量化量化量化量化

►掌握範圍，擬定時程

►以數學計算代替隔空抓藥

�視覺化視覺化視覺化視覺化

►把需求說清楚講明白

►盡可能用實體的產出物(畫圖、文件)，

取代虛擬模糊的認知

�出神入化出神入化出神入化出神入化

►選定適合的開發流程

►定義好每個人的 R&R與每個流程的產

出物，確實承接! 避免掉棒!

2007.12.09 慈湖紀念慈湖紀念慈湖紀念慈湖紀念雕塑公園雕塑公園雕塑公園雕塑公園http://www.flickr.com/photos/mingjaan/2100794713/

Thank You Q&A

吳明展吳明展吳明展吳明展 Anderson Wuhttp://fb.me/mingjaan/

hpx_hp25_專案管理：如何言之有物

Self Improvement