Prototyping

“Show me, don’t tell me.”
        (The making of WEBO遊戲商品便利站)




Nonsense from Dejay Chang at 2010 04 22 UserXper HP6
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 →拆帳分潤)
1(1/4). TA
      在地球上他們是誰?
    是什麼? 在哪? 每天都在幹麻?

      在網路上他們是誰?
    是什麼? 在哪? 每天都在幹麻?

        嘗試跳脫所謂的網頁”黃金比例”
      最能符合TA互動行為的UI動線才最有FU

      (玩玩Cosplay之後來著手Prototyping效果不錯)
2(2/4). Objectives (Context)


我了解網站現在的主要目的是什麼嗎?
我的Prototype如何呈現這樣的目的?

        越能了解現有的商品/服務/資源
       越可能創造出網站獨特的重點與特色

   挑戰:我要在5秒內就大概知道這網站是蝦米! (含Loading time)
3(3/4). Smart Prototyping with strategy


  想了~講了那麼多,我動手做了沒?
  我用的Prototype工具夠好夠快嗎?

   Prototype讓我掌握網站結構的每一個環節與策略
   Prototype讓架構網站更迅速、更完備、更有彈性

       (Axure讓我和大家都省下不少時間!謝謝Axure!)
4(4/4). Matching technology and trend


我的Prototype協助內部溝通嗎了?
我的Prototype結構”裡外皆通”嗎?

    執行同時與技術人員共同做最佳的調整
    就能有足夠的認知,應付將來的未知

例:喂! 今天登入頁面沒弄好Facebook connect別想給我下班喔!! (誤)
Finally…
    Prototyping改變了我的人生
     1.   我加薪了
     2.   我升官了
     3.   我更快樂了
     4.   我越來越成功了
     5.   我終於有榮幸跟大家分享心得了!



Thanks to AXURE! And thanks to everybody!
  以上純屬個人經驗分享,任何不當言語、文字等皆與任何人或公司行號無關!
HP6 - HPx網站企劃輕鬆聚 第6次活動

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

Prototyping:以 WEBOWEBO網站為例 by 張克平

  • 1.
    Prototyping “Show me, don’ttell 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 Prototypingwith strategy 想了~講了那麼多,我動手做了沒? 我用的Prototype工具夠好夠快嗎? Prototype讓我掌握網站結構的每一個環節與策略 Prototype讓架構網站更迅速、更完備、更有彈性 (Axure讓我和大家都省下不少時間!謝謝Axure!)
  • 6.
    4(4/4). Matching technologyand 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 (前蕃薯藤首頁製作人)