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

1. Facebook UI
的「心」機
蔡明哲 Richard Tsai
首席資訊架構師,悠識數位
Chief IA, UserXper
UserXper Web User Experience – Software / Training / Planning -1-

2. UI (User Interface)
不等於
UE (User Experience)
UserXper Web User Experience – Software / Training / Planning -2-

3. Facebook的成功,
不是因為UI設計，
更重要的是
它所提供的體驗
UserXper Web User Experience – Software / Training / Planning -3-

4. Facebook成功的可能原因：
-UI設計是UE的一部分
-實名制是UE的一部分
-開心農場是UE的一部分
UserXper Web User Experience – Software / Training / Planning -4-

5. Facebook UI觀察：
簡化設計
UserXper Web User Experience – Software / Training / Planning -5-

6. UserXper Web User Experience – Software / Training / Planning -6-

7. • 誰的LOGO大？
UserXper Web User Experience – Software / Training / Planning -7-

8. Facebook UI觀察：
刺激互動
UserXper Web User Experience – Software / Training / Planning -8-

9. • 降低壓力的設計
• 提示留言的設計
UserXper Web User Experience – Software / Training / Planning -9-

10. Facebook UI觀察：
提昇操作效率
1)AJAX
2) Inline editing
3) Smart search
UserXper Web User Experience – Software / Training / Planning -10-

11. UserXper Web User Experience – Software / Training / Planning -11-

12. UserXper Web User Experience – Software / Training / Planning -12-

13. Facebook UI觀察：
不是什麼都好..
也有很難用很糟糕的..
UserXper Web User Experience – Software / Training / Planning -13-

14. 加入粉絲 改 讚! 不適應
二月份首頁改版 不適應
Page Navigation 不一致
設定短網址 找不到
退出粉絲頁 不明顯
竟然可以這樣子?
UserXper Web User Experience – Software / Training / Planning -14-

15. Facebook UI的問題還有一卡車
但它仍舊創造令人驚豔的經驗(UE)
UserXper Web User Experience – Software / Training / Planning -15-

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