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