SlideShare uma empresa Scribd logo
1 de 14
Baixar para ler offline
Rapid Prototyping 應用
於 facebook 應用程式開發
       經驗分享
      Anderson Liang
         cacaFly
       Jun. 20, 2010
想像一下 …

如果你是個 Open Source 開發者
如果你是個 SOHO 接案者
 通包
 部分外包 (視覺 or 程式)
如果你有一個 Team 在接案
 業務
 企劃
 PM
 視覺設計
 程式開發
The O(n2) Puzzle


               客戶的
       客戶
                老闆

  程式                    業務/
  開發                    企劃

       視覺
                   PM
       設計
溝通的標準 …
文件
圖示
Prototyping (Storyboarding)
開發 facebook Social
Marketing Apps 的經驗 …
狀況

客戶對 facebook 的操作行為與限制不清楚
在 facebook 上 AP 的流程設計比傳統的
Website 多了
 身分的辨識 (login)
 互動與傳播 (feed)
要求上線的時間都很短 (!$#@%...)
利用 Prototyping 工具

  案例 …
      至理名言產生器
         http://apps.facebook.com/great-sentences/
      我的痘油肌
         http://apps.facebook.com/vichy-prank/
      測測你的財運方位
         http://apps.facebook.com/capital-ibfund/
      挺我開房間
         http://apps.facebook.com/taiwantour/

提供facebook social applications成品網址,prototype 資料僅於現場分享
Lessons Learned

 在 facebook AP 開發上的限制比較多,不過相
 對來說,比企畫一個完全的網站簡單多了
 流程的示意很重要,給客戶看 prototype 畫面之
 前,最好先給客戶有個 whole picture
   Flow, Sitemap
 讓客戶從網路上看 prototype 可以讓體驗的效果
 更逼真
 成功的 Apps 是客戶最喜愛的設計參考
 客戶雖然同意了你的 prototype,不過別指望客
 戶會依據 prototype 驗收
有了 Prototyping 就夠了嗎?
這些動作才是成功的關鍵

教育訓練
標準的建立與維護
 facebook widgets
 development framework
實踐的紀律
客戶的管理
分享你遇到過的問題吧!

Mais conteúdo relacionado

Semelhante a Hp8 Talk

成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法Souyi Yang
 
presentation design
presentation designpresentation design
presentation designwonder
 
20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具neochen2701
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計Charles (XXC) Chen
 
Facebook UI設計的「心」機 by 蔡明哲
Facebook UI設計的「心」機 by 蔡明哲Facebook UI設計的「心」機 by 蔡明哲
Facebook UI設計的「心」機 by 蔡明哲悠識學院
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展Yu-Hsiu Li
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例Justin Lee
 
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享Justin Lee
 
iThome Modern Web 2018: 如何打造高效的機器學習平台
iThome Modern Web 2018: 如何打造高效的機器學習平台iThome Modern Web 2018: 如何打造高效的機器學習平台
iThome Modern Web 2018: 如何打造高效的機器學習平台Evan Lin
 
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710Jenson Lee
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
Remote Taiwan_Wan Ting_remote work 1214
Remote Taiwan_Wan Ting_remote work 1214 Remote Taiwan_Wan Ting_remote work 1214
Remote Taiwan_Wan Ting_remote work 1214 Andrew (ChunTzu) Yeh
 
篱笆网结婚频道项目制产品开发经验分享-PMCamp2
篱笆网结婚频道项目制产品开发经验分享-PMCamp2篱笆网结婚频道项目制产品开发经验分享-PMCamp2
篱笆网结婚频道项目制产品开发经验分享-PMCamp2PMCamp
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconfJustin Lee
 
社群服務介紹
社群服務介紹社群服務介紹
社群服務介紹jessmylov
 
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)悠識學院
 
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料Charles Chuang
 

Semelhante a Hp8 Talk (20)

成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法
 
以人為本:響應式字型設計與應用
以人為本:響應式字型設計與應用以人為本:響應式字型設計與應用
以人為本:響應式字型設計與應用
 
presentation design
presentation designpresentation design
presentation design
 
20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具20190916-高玉璁-角色與溝通技巧工具
20190916-高玉璁-角色與溝通技巧工具
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
Facebook UI設計的「心」機 by 蔡明哲
Facebook UI設計的「心」機 by 蔡明哲Facebook UI設計的「心」機 by 蔡明哲
Facebook UI設計的「心」機 by 蔡明哲
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
 
iThome Modern Web 2018: 如何打造高效的機器學習平台
iThome Modern Web 2018: 如何打造高效的機器學習平台iThome Modern Web 2018: 如何打造高效的機器學習平台
iThome Modern Web 2018: 如何打造高效的機器學習平台
 
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
 
吳明展的履歷表 My Resume 2009 (pdf)
吳明展的履歷表 My Resume 2009 (pdf)吳明展的履歷表 My Resume 2009 (pdf)
吳明展的履歷表 My Resume 2009 (pdf)
 
Talk
TalkTalk
Talk
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
Remote Taiwan_Wan Ting_remote work 1214
Remote Taiwan_Wan Ting_remote work 1214 Remote Taiwan_Wan Ting_remote work 1214
Remote Taiwan_Wan Ting_remote work 1214
 
篱笆网结婚频道项目制产品开发经验分享-PMCamp2
篱笆网结婚频道项目制产品开发经验分享-PMCamp2篱笆网结婚频道项目制产品开发经验分享-PMCamp2
篱笆网结婚频道项目制产品开发经验分享-PMCamp2
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
 
社群服務介紹
社群服務介紹社群服務介紹
社群服務介紹
 
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
 
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料
NPO 網站改造觀摩賽 - ICOS 2009 大會手冊資料
 

Hp8 Talk