Facebook Home應用設計背后的故事
在視頻的最開始,Facebook Home的產品設計總監Julie Zhuo就提到“人們從不關注旅途見聞,只是看到最終產品和設計,一路走來跌宕起伏,嘗試過失敗的理念,進行過無休止的迭代和討論,而這些很少有人問 津。”下面這段視頻Designing Facebook Home為我們講述背后的故事。
盡管最終產品并未達到Facebook預期效果,卻在慢慢回溫。Facebook之所以不斷進步,Home應用之所以最終成為移動應用系統,就是因為進行了無數次頭腦風暴和測試過程。
真實世界的寫照
Facebook的設計師Justin Stahl認為,Facebook應該這樣設計產品:反映真實世界,把真實世界和我們所打造的虛擬世界對應起來。
通過列出他們模仿的現實空間體驗,Stahl分別解釋了Facebook一些重要功能。
桌面信息流(Cover Feed):桌面信息流應該是一個能直接獲取信息的地方。用戶不用查閱一大堆動態消息,不用在不同應用中跳躍才能獲取信息。一切信息的獲取都應該是很自然的,不應有任何突兀。
Chat Heads應用:“無所謂我正在做什么。如果我的朋友同事找我聊天,我就和他聊天。我不用告訴他我要離開,之后再來找他。通過Chat Heads我能與朋友隨時進行對話。我可以繼續手頭的事情。就好像同事每天到你辦公桌前打個招呼一樣。”
Stahl還深挖了一下諸如Path這類應用的設計,Path采用彈出式動畫顯示導航按鈕。
社會化設計過程
視頻最精彩的部分展示了Cover Feed的早期原型,Facebook Home上的手勢導航和快捷應用。
起初,Facebook考慮簡單地將動態消息放在鎖屏界面底部。Facebook的Francis Luu解釋道:“我們這樣設計,用戶就可以向上滾動查看消息。背景就是我的封面照片。但這就體現不出消息是Facebook的‘新鮮血液’,事實正好相反。”
在這一設計中,Luu解釋道:界面大部分空間都是沒什么變化的大照片背景,動態消息失去時效性會帶來不良用戶體驗。所以我們決定,如果整個界面都填滿朋友的信息是不是好一些?視頻繼而展示了一系列設計細節問題,比如點贊和發表評論。
Facebook繼而解決如何顯示應用程序的問題。左滑進入Messenger,右滑進入最近使用的應用,向上滑進入全部應用程序。設計者最初考慮提供三種進入應用的手勢,但是這樣會引起困惑。
Facebook嘗試的一個解決辦法就是在Cover Feed上方滑動打開幾個最喜愛的程序。
最后,Facebook繼續致力于打開全屏桌面啟動器的應用手勢。遺憾的是Facebook開始沒有小工具、文件夾和停靠欄。但是Facebook漸漸開始添加這些功能,現在Launchables作為停靠欄出現,一排最喜愛的應用程序鎖定在iOS系統桌面啟動器下方。
視頻最后是Facebook員工討論是否需要在觸屏移動電話上設計移動體驗,而不是像Photoshop這樣的圖片編輯軟件。Facebook使用Quartz Composer設計Home, 用戶可以擁有在屏幕上體驗Chat Heads的切身感受。
Facebook聞名于其“快速行動,破除陳規(Move Fast And Break Things)”的迭代設計。通過視頻中Facebook迭代過程,我們加深了對Home上如何運作,Home和其他Facebook應用如何取得新進展的了解。