Prototyping：以 WEBOWEBO網站為例 是 張克平應邀於HP6的分享 關於HPx http://userxper.com/courses/events/abouthpx

1. Prototyping
“Show me, don’t tell me.”
(The making of WEBO遊戲商品便利站)
Nonsense from Dejay Chang at 2010 04 22 UserXper HP6

2. Dejay Chang
公司：(捷達威) 威寶數位股份有限公司
產業：線上遊戲商品通路
職稱：產品經理 Product Manager
- 兼美術
- 兼MIS
- 兼當壞人
今年自己用Axure RP幹出來的好事：
1. Facebook / Plurk 問卷調查、機智問答 產生器APP (June)
(直覺化介面輕鬆產出活動，報名表、分析報告等功能，免費)
2. Facebook / Plurk 社群共筆賀卡產生器APP (July)
(一對一賀卡過時了，多對一賀卡才屌! 支援iPad, no flash, yes touch)
3. 2.0社群分潤平台 (Oct)
(讓粉絲團主可以賺錢、發獎品給粉絲：廣告主→商品/活動/宣傳
→APP→粉絲團API→CPS/CPA →拆帳分潤)

3. 1(1/4). TA
在地球上他們是誰?
是什麼? 在哪? 每天都在幹麻?
在網路上他們是誰?
是什麼? 在哪? 每天都在幹麻?
嘗試跳脫所謂的網頁”黃金比例”
最能符合TA互動行為的UI動線才最有FU
(玩玩Cosplay之後來著手Prototyping效果不錯)

4. 2(2/4). Objectives (Context)
我了解網站現在的主要目的是什麼嗎？
我的Prototype如何呈現這樣的目的？
越能了解現有的商品/服務/資源
越可能創造出網站獨特的重點與特色
挑戰：我要在5秒內就大概知道這網站是蝦米! (含Loading time)

5. 3(3/4). Smart Prototyping with strategy
想了~講了那麼多，我動手做了沒？
我用的Prototype工具夠好夠快嗎？
Prototype讓我掌握網站結構的每一個環節與策略
Prototype讓架構網站更迅速、更完備、更有彈性
(Axure讓我和大家都省下不少時間！謝謝Axure！)

6. 4(4/4). Matching technology and trend
我的Prototype協助內部溝通嗎了？
我的Prototype結構”裡外皆通”嗎？
執行同時與技術人員共同做最佳的調整
就能有足夠的認知，應付將來的未知
例：喂! 今天登入頁面沒弄好Facebook connect別想給我下班喔!! (誤)

7. Finally…
Prototyping改變了我的人生
1. 我加薪了
2. 我升官了
3. 我更快樂了
4. 我越來越成功了
5. 我終於有榮幸跟大家分享心得了!
Thanks to AXURE! And thanks to everybody!
以上純屬個人經驗分享，任何不當言語、文字等皆與任何人或公司行號無關!

10. HP6 - HPx網站企劃輕鬆聚 第6次活動
1. 以自然系圖鑑Online（Naturesys.com）鳥類資料庫為例
陳妍妏 貓頭鷹出版社編輯暨專案管理師
2. 無責任網站企劃：以全國碩博士論文網為例
孫治華 工研院資訊中心副工程師
3. Prototyping：以 WEBOWEBO網站為例
張克平 Game Party 產品經理
4. Facebook UI設計的「心」機
蔡明哲 悠識數位首席資訊架構師
5. 知名企業網站企劃者的五力分析：以建構電信業電子商務為例
邢子若 口袋移動經理，前電信業EC網站PM
6. 網路人的傳統產業求生記
梁齡之 天下雜誌 網路行銷副理
7. 跨軟硬體的網路服務規劃
徐子涵 Schee (前蕃薯藤首頁製作人)