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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

http://userxper.com	89
http://www.hpx-party.com	20
http://www.slideshare.net	11

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

by UserXper Digital Consulting on Apr 26, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 120

Statistics

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