Facebook UI設計的「心」機 by 蔡明哲

5,307 views

Published on

Facebook UI設計的「心」機是蔡明哲於HP6的分享內容
關於HPx http://userxper.com/courses/events/abouthpx

Published in: Design

Facebook UI設計的「心」機 by 蔡明哲

  1. 1. Facebook UI 的「心」機 蔡明哲 Richard Tsai 首席資訊架構師,悠識數位 Chief IA, UserXper UserXper Web User Experience – Software / Training / Planning -1-
  2. 2. UI (User Interface) 不等於 UE (User Experience) UserXper Web User Experience – Software / Training / Planning -2-
  3. 3. Facebook的成功, 不是因為UI設計, 更重要的是 它所提供的體驗 UserXper Web User Experience – Software / Training / Planning -3-
  4. 4. Facebook成功的可能原因: -UI設計是UE的一部分 -實名制是UE的一部分 -開心農場是UE的一部分 UserXper Web User Experience – Software / Training / Planning -4-
  5. 5. Facebook UI觀察: 簡化設計 UserXper Web User Experience – Software / Training / Planning -5-
  6. 6. UserXper Web User Experience – Software / Training / Planning -6-
  7. 7. • 誰的LOGO大? UserXper Web User Experience – Software / Training / Planning -7-
  8. 8. Facebook UI觀察: 刺激互動 UserXper Web User Experience – Software / Training / Planning -8-
  9. 9. • 降低壓力的設計 • 提示留言的設計 UserXper Web User Experience – Software / Training / Planning -9-
  10. 10. Facebook UI觀察: 提昇操作效率 1)AJAX 2) Inline editing 3) Smart search UserXper Web User Experience – Software / Training / Planning -10-
  11. 11. UserXper Web User Experience – Software / Training / Planning -11-
  12. 12. UserXper Web User Experience – Software / Training / Planning -12-
  13. 13. Facebook UI觀察: 不是什麼都好.. 也有很難用很糟糕的.. UserXper Web User Experience – Software / Training / Planning -13-
  14. 14. 加入粉絲 改 讚! 不適應 二月份首頁改版 不適應 Page Navigation 不一致 設定短網址 找不到 退出粉絲頁 不明顯 竟然可以這樣子? UserXper Web User Experience – Software / Training / Planning -14-
  15. 15. Facebook UI的問題還有一卡車 但它仍舊創造令人驚豔的經驗(UE) UserXper Web User Experience – Software / Training / Planning -15-
  16. 16. HP6 - HPx網站企劃輕鬆聚 第6次活動 1. 以自然系圖鑑Online(Naturesys.com)鳥類資料庫為例 陳妍妏 貓頭鷹出版社編輯暨專案管理師 2. 無責任網站企劃:以全國碩博士論文網為例 孫治華 工研院資訊中心副工程師 3. Prototyping:以 WEBOWEBO網站為例 張克平 Game Party 產品經理 4. Facebook UI設計的「心」機 蔡明哲 悠識數位首席資訊架構師 5. 知名企業網站企劃者的五力分析:以建構電信業電子商務為例 邢子若 口袋移動經理,前電信業EC網站PM 6. 網路人的傳統產業求生記 梁齡之 天下雜誌 網路行銷副理 7. 跨軟硬體的網路服務規劃 徐子涵 Schee (前蕃薯藤首頁製作人)

×