總結(jié)Facebook大改背后2019年的4個(gè)關(guān)鍵UI設(shè)計(jì)趨勢

作為一個(gè)世界級的社交媒體平臺，F(xiàn)acebook 如今的用戶體量已經(jīng)相當(dāng)可觀了。不過由于種種原因，國內(nèi)少有人會主動關(guān)注相關(guān)的信息。作為每年 Facebook 團(tuán)隊(duì)的盛事，F(xiàn)8 大會上通常會發(fā)布新產(chǎn)品，公布新功能，呈現(xiàn)新趨勢。雖然 F8 大會所涉及到的產(chǎn)品我們大多不太可能用得上，但是關(guān)于設(shè)計(jì)、體驗(yàn)和產(chǎn)品，它所呈現(xiàn)出來的趨勢，無疑是價(jià)值非凡的。

 

關(guān)鍵詞：隱私

對于絕大多數(shù)的國內(nèi)用戶而言，F(xiàn)acebook 是一個(gè)相對遙遠(yuǎn)的社交平臺。但是這并不影響 Facebook 成為世界上最有影響力的社交媒體平臺之一。在過去的十年之中，F(xiàn)acebook 正如同扎克伯格所期望的那樣，逐漸構(gòu)建成為一個(gè)龐大的全球社區(qū)。與此同時(shí)，龐大的體量和巨大的用戶基數(shù)以及相對放任的用戶隱私政策，使得 Facebook 所投下的陰影同樣巨大，這導(dǎo)致它在英國脫歐和美國大選中扮演了不光彩的角色，而這應(yīng)該只是諸多不良后果之一。作為一個(gè)社交平臺，F(xiàn)acebook 本身還有很多問題，但是這次 F8 大會上，整個(gè) Facebook 主動站出來面對這一切。

 

未來應(yīng)該是私密的。

 

「噩夢般的日子」應(yīng)該是正在洗心革面的扎克伯格和 Facebook 在過去幾年間的真實(shí)寫照。敗在隱私政策上的 Facebook，在這一次的 F8 大會上毅然決然地選擇了「隱私」作為主題。

 

 

「也許在隱私權(quán)這件事情上，我們所擁有的口碑并不是最好的。但是我承諾我們會盡力將這件事情做到最好，為我們的產(chǎn)品開啟新的篇章。」

扎克伯格在 F8 大會的舞臺上，以這句話結(jié)束了他的開場白。洗心革面的 Facebook 相應(yīng)地也帶來了全新的設(shè)計(jì)和幾經(jīng)優(yōu)化過的若干新產(chǎn)品、新功能。

 

新設(shè)計(jì)：FB5

Facebook 的視覺設(shè)計(jì)經(jīng)歷過四次大幅度的重設(shè)計(jì)，作為一個(gè)承載大量成熟產(chǎn)品的平臺，F(xiàn)acebook 的每一次變化通常都會影響到大量的公司和許多平臺產(chǎn)品，從某種意義上，F(xiàn)acebook 重設(shè)計(jì)所帶來的影響并不亞于 iOS 和 Android 的設(shè)計(jì)更新。

 

 

作為第五個(gè)大版本，F(xiàn)acebook 將這一版本的重設(shè)計(jì)命名為 FB5。這套全新的設(shè)計(jì)徹底去掉了之前經(jīng)典的 Facebook 藍(lán)為主的整套配色方案，整套設(shè)計(jì)走的是簡約的白色風(fēng)格為主，并且緊跟時(shí)下各大平臺的 UI 趨勢，推出了相應(yīng)的深色系的主題版本，不過黑色主題并沒有在第一時(shí)刻更新，甚至白色主題的更新也是在全世界范圍內(nèi)逐步推廣更新，就目前的反饋信息來看，各國用戶所看到的新的 FB5 風(fēng)格下的 UI 界面細(xì)節(jié)，還有著微妙的差別。

 

 

目前，按照 Facebook 官方的說法，深色模式界面將會優(yōu)先在視頻平臺 Facebook Watch 上登錄，隨后會逐步推廣到諸如 Facebook Messenger 等 APP 上。

 

 

目前，F(xiàn)acebook 的官方設(shè)計(jì)中心中還沒有相關(guān)的設(shè)計(jì)素材和資源更新，估計(jì)還需要等 Facebook 官方的更新跟上之后，才會逐步面向大眾推出。

 

 

4個(gè)重要的設(shè)計(jì)趨勢

 

用戶隱私是這次 F8 大會的核心議題，對于用戶個(gè)人信息和訴求的關(guān)注也是這一次 Facebook 平臺和應(yīng)用更新的重要核心。

作為很少會用到 Facebook 的國內(nèi)用戶，邏輯上而言這些平臺和應(yīng)用的更新，同我們關(guān)系不大。但是這次 F8 大會最有價(jià)值的內(nèi)容，是這些更新所呈現(xiàn)出來的設(shè)計(jì)趨勢。作為一個(gè)世界級的平臺，它的關(guān)注點(diǎn)無疑有著重要的參考價(jià)值。

 

 

1、更簡約：降低無關(guān)信息干擾

和 5 年前相比，如今用戶在任何一個(gè)平臺上所接收到的信息，提高了近乎一個(gè)數(shù)量級。其中主動推送到用戶眼前的通知和各種信息，頻率已經(jīng)非常密集了。無論是桌面端還是移動端，高度飽和的視覺信息，讓原本更重要的內(nèi)容很難被凸顯出來。

 

 

作為一套全新的設(shè)計(jì)規(guī)范，F(xiàn)B5 的整套設(shè)計(jì)語言無疑是統(tǒng)一一致的。更重要的是，新的 FB5 的設(shè)計(jì)語言通過削減枝節(jié)，讓頁面中的內(nèi)容和信息更突出，在這樣的設(shè)計(jì)之下，用戶無疑更容易注意到內(nèi)容本身。

由繁入簡，這是大勢所趨。

 

 

2、更輕量：對抗越來越重的時(shí)代

 

我想要，立刻馬上就要。

 

用戶等待網(wǎng)頁加載的平均時(shí)長，在 2012 年的時(shí)候是 9 秒，而到 2016 年的時(shí)候只有 2 秒。

英國衛(wèi)報(bào)通過自己 Ophan 平臺統(tǒng)計(jì)用戶閱讀文章的時(shí)長時(shí)候發(fā)現(xiàn)，絕大多數(shù)的用戶閱讀長文章的時(shí)候，只會花費(fèi) 10 秒左右快速掃讀。

而用戶在瀏覽微博、Twitter 這樣的信息流式的社交媒體內(nèi)容的時(shí)候，每條內(nèi)容的平均停留時(shí)長不會超過 1.5 秒。

設(shè)計(jì)要輕量化，內(nèi)容要輕量化，F(xiàn)acebook 甚至在產(chǎn)品安裝包上竭盡全力做輕量化，輕量化意味著更快速。更快下載，更快打開，更快獲得。而這也是整個(gè)發(fā)布會當(dāng)中最值得注意的細(xì)節(jié)。

 

 

Facebook Massenger 作為 Facebook 社交生態(tài)中的核心，這次更新的目標(biāo)不是高大全，而是更輕量──安裝包從最初的 127M 縮減到 30M 以內(nèi)，更快安裝。而 FB5 的整個(gè)設(shè)計(jì)方向，也暗合了這次輕量化的訴求。

與此同時(shí)，F(xiàn)acebook 官方公布的 APP 打開速度是在 1.3 秒以內(nèi)，用戶立刻就可以看到收到的信息。有空的同學(xué)可以自己測試一下打開微信和微博需要多長時(shí)間，作為對比。

作為一款更加輕量級的 APP，F(xiàn)acebook Massenger 也變得更加省電。注意到?jīng)]有，從現(xiàn)在開始，省電已經(jīng)成為了一個(gè) APP 的賣點(diǎn)了。

在 5G 和高性能芯片成為主流的今天，F(xiàn)acebook 并沒有在核心應(yīng)用上繼續(xù)做加法，而是向著相反方向，「毫秒必爭」地追求疾速體驗(yàn)。

 

3、更沉浸：聚焦更重要的內(nèi)容

 

 

從某種意義上來說，深色系的界面主題并不是什么稀奇的設(shè)計(jì)，只不過，對于影響廣泛的世界級平臺產(chǎn)品而言，在這件事情上會更加謹(jǐn)慎，畢竟深色系的界面并不是簡單的背景由白變黑。

 

比如蘋果的 Mac 系統(tǒng)也只是在 macOS 13 Mojave 上才開始應(yīng)用 Dard mode ，而 iOS 系統(tǒng)至今還沒有推出相應(yīng)的深色模式。（小道消息稱今年 6 月的 WWDC 上我們將在新的 iOS 系統(tǒng)中看到深色模式）

 

 

Facebook 旗下的系列產(chǎn)品，根據(jù)重要性和所需專注度的程度，會先后更新深色模式，其中最先更新的是視頻娛樂內(nèi)容平臺 Facebook Watch，而社交通訊核心 Facebook Massenger 和網(wǎng)頁版會緊隨其后，并且分梯次地為世界各國的用戶推送，逐漸鋪開。

 

 

深色系主題的推出，勢在必行。現(xiàn)代人每天盯著屏幕的時(shí)間越來越長，深色系主題不僅僅能夠在一定程度上緩解視力疲勞（尤其在晚上），更重要的是，深色模式是一種典型的「沉浸模式」。

 

這其實(shí)不僅僅和對比度有關(guān)系，它和用戶的日常使用環(huán)境和時(shí)間也有著極深的關(guān)聯(lián)：絕大多數(shù)的娛樂活動都發(fā)生在晚上，并且大家會愉悅地享受相對昏暗的房間環(huán)境。豐富多彩的視覺內(nèi)容，也同樣會在深色系的 UI 上顯得更加炫目……昏暗的環(huán)境讓人放松和沉浸，太亮的背景則會讓人緊張，這也是深色系 UI 的設(shè)計(jì)來源和基礎(chǔ)：設(shè)備、內(nèi)容、活動和場景。

 

信息量的暴增和用戶注意力的渙散直接相關(guān)，而沉浸式的設(shè)計(jì)，則是數(shù)字產(chǎn)品對抗這種劣化趨勢的有效手段，也是用戶體驗(yàn)提升的一個(gè)關(guān)鍵點(diǎn)。

 

當(dāng)然，在產(chǎn)品的沉浸化設(shè)計(jì)上，F(xiàn)acebook 所做的工作并不只在深色主題上。色彩更加鮮亮的可定制對話框、幾經(jīng)優(yōu)化后的交互路徑、不用數(shù)據(jù)線約束的 VR 設(shè)備 OCULUS 則在沉浸式的體驗(yàn)上走的更遠(yuǎn)。

 

 

△ Photo by Amelia Holowaty Krales / The Verge

 

 

4、更個(gè)人：專注個(gè)人的內(nèi)在訴求

 

 

在隱私政策上連續(xù)栽跟頭的 Facebook ，將隱私和安全作為這次發(fā)布會上的核心議題來推進(jìn)。這一點(diǎn)幾乎可以從發(fā)布會上平臺更新乃至每個(gè)產(chǎn)品上都有所體現(xiàn)。以往各大科技企業(yè)在發(fā)布會上都會強(qiáng)調(diào)用戶體驗(yàn)，強(qiáng)調(diào)用戶，但是從來沒有一場發(fā)布會能像 2019 年這場 F8 大會上這樣，所有上臺演講的 Facebook 負(fù)責(zé)人話里話外都說著「你最重要」這四個(gè)字。

 

 

不止是在功能上圍繞著用戶的隱私和安全來推進(jìn)，在具體的產(chǎn)品上，也大多圍繞著用戶本身的個(gè)人訴求、垂直到更內(nèi)化的細(xì)節(jié)上去做規(guī)劃。

以 Groups Tab 為例，它會在現(xiàn)有基礎(chǔ)上，幫助用戶更快匹配上符合自己興趣愛好的圈子；Meet New Friends 功能，則專注幫助用戶開拓新的圈子；Facebook Dating 則是聚焦于戀愛和親密關(guān)系的運(yùn)營。值得注意的是，F(xiàn)acebook 非常貼心地將 Facebook Dating 中用戶所使用的帳號將會和自己的主帳號保持獨(dú)立的關(guān)系，戀愛相關(guān)的信息可以只對部分用戶可見，私密性和可控性更強(qiáng)。而涉及到戀愛匹配的 Secret Crush 也是類似，只有當(dāng)雙方在各方面都「呼應(yīng)上了」之后，才會被告知匹配成功。

 

 

如今已經(jīng)屬于 Facebook 旗下的社交應(yīng)用 Instagram 也在這次發(fā)布會上推出了一系列的功能更新，最直接的變化，是更加強(qiáng)大的相機(jī)功能。

 

 

但是，更加令人值得關(guān)注的，是 Instagram 降低了點(diǎn)贊功能的優(yōu)先級和權(quán)重，并且更加關(guān)注用戶的敏感情緒──他們推出了 Away mode。

當(dāng)用戶處于脆弱敏感時(shí)期的時(shí)候，打開 Away mode 之后，將在保留帳號的情況下，不會收到各種活動通知和提醒。

「在生命中的敏感時(shí)期里，比如處于情緒低潮或是正在分手的階段，和靈敏的社交媒體切斷關(guān)系。」

 

 

此外，Instagram 還準(zhǔn)備干預(yù)網(wǎng)絡(luò)暴力。一旦系統(tǒng)檢測到有負(fù)面評論的時(shí)候，就會主動「干預(yù)」，給予發(fā)布負(fù)面評論的用戶予以警告提示。Instagram 官方并非直接阻止用戶發(fā)布內(nèi)容，而是希望借由一系列的處理，讓用戶停下來想一下。（重新組織一下語言？）

 

其實(shí)好戲在后面

當(dāng)然，單從視覺和 UI 設(shè)計(jì)的角度上來說，F(xiàn)8 大會的價(jià)值似乎并沒有那么高。別著急，5 月 9 號，Google I/O 大會就開始了，Material Design、新系統(tǒng) Android Q 以及海量的谷歌產(chǎn)品的發(fā)布與更新，在未來 24 小時(shí)內(nèi)，就可以看到了，這更值得期待。

 

 

 

鏈接：https://www.uisdc.com/facebook-2019-f8-trends

作者：陳子木