自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Facebook Home應(yīng)用設(shè)計(jì)背后的故事

移動(dòng)開發(fā) 移動(dòng)應(yīng)用
據(jù)國(guó)外媒體報(bào)道,五月份Facebook向港灣地區(qū)設(shè)計(jì)者做出的一份演示中,提出了對(duì)這一應(yīng)用設(shè)計(jì)的深刻理解。這段視頻闡明了Home的一代代更迭過程。

Facebook Home設(shè)計(jì)團(tuán)隊(duì)講述應(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)展的了解。

責(zé)任編輯:徐川 來源: cnbeta
相關(guān)推薦

2017-01-15 11:01:56

2012-05-10 17:18:42

Facebook應(yīng)用中心

2010-08-09 09:53:14

RailsRake

2012-08-30 09:32:12

FacebookiOS

2012-10-17 13:50:25

2012-07-26 12:00:50

筆記本

2013-04-09 10:06:50

Facebook HoROMFacebook

2018-11-06 15:56:25

西門子工業(yè)網(wǎng)絡(luò)智能制造

2011-11-02 17:18:56

AndroidQQ瀏覽器

2011-09-26 14:28:28

水果忍者

2013-08-21 12:29:12

Facebook開源

2013-04-09 10:22:15

微軟Facebook Ho安卓

2018-02-07 10:08:02

應(yīng)用服務(wù)器網(wǎng)絡(luò)數(shù)據(jù)庫(kù)

2014-04-14 10:06:22

.Net 開源

2016-12-12 14:19:59

LLVMClangApple

2012-05-30 22:05:07

蘋果

2022-10-21 11:50:04

2012-06-19 16:11:56

2017-11-27 11:02:46

高并發(fā)突發(fā)池系統(tǒng)架構(gòu)王者榮耀

2013-02-20 10:05:21

吳剛捕魚達(dá)人
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)