Facebook 2013 年更新的 Feed 樣式設計師是誰?

這一版設計太牛逼,效率太高,以至於用戶的停留時間大為減少:

&> After an investigation into the problem by Facebook』s data team, they discovered that the new News Feed was performing too well. It was performing so well from a design standpoint that users no longer felt the need to browse areas outside of the News Feed as often, so they were spending less time on the site. Unfortunately, this change in user behavior led to fewer advertisement impressions, which led, ultimately, to less revenue.

後來就改成現在的樣子。

via http://dcurt.is/facebooks-predicament


是 Julie Zhuo 帶領的團隊。她對 Dustin Curtis 的文章做了回復,也解釋這個 News Feed 替換的真實原因 ── Whatever』s Best For The People, That』s What We Do ── 至少,我是相信她的呀:

&> ... the design we tested a year ago wasn』t better for the majority of people. [...] It turns out, while I (and maybe you as well) have sharp, stunning super high-resolution 27-inch monitors, many more people in the world do not. Low-res, small screens are more common across the world than hi-res Apple or Dell monitors. And the old design we tested didn』t work very well on a 10-inch Netbook. A single story might not even fit on the viewport. Not to mention, many people who access the website every day only use Facebook through their PC—no mobile phones or tablets. Scrolling by clicking or dragging the browser scrollbar is still commonly done because not everyone has trackpads or scroll wheels. If more scrolling is required because every story is taller, or navigation requires greater mouse movement because it』s further away, then the site becomes harder to use. These people may not be early adopters or use the same hardware we do, but the quality of their experience matters just as much...

大致翻譯一下,即 2013 年測試的那個設計並不適合大多數人。因為這大多數人裡面,很多人經常使用 PC 瀏覽 Facebook,用的也不是跟你我一樣又大又漂亮的顯示屏,而是 10 英寸上網本,舊的設計並不合適。如果這麼說還不夠清楚,更不要提這些 PC 沒有順滑好用的觸摸板或者滾軸 ── 更大圖片更高更長的網頁需要更多滾動;導航路徑更長,需要滑鼠更大幅度的動作;等等...


Julie是產品設計總監,目前FB設計團隊要推的設計和Dustin Curtis展示的去年那一版本不同,詳見Julie的Medium Post,這個項目設計師團隊有將近七八人,其中一個主要負責news feed是我一朋友Andy Chung(加拿大籍華人),他2012年跳槽FB之前一直在溫哥華的Mozilla Lab做偏向實驗性的產品設計。


翻譯了Julie Zhuo就這次夭折的改版的一篇文章。供參考

原文地址:」Whatever』s Best For The People, That』s What We Do」

今天早些時候,Dustin Curtis寫了一篇關於Facebook去年的桌面端設計改版的文章《Facebook的窘境:當設計逐利而行》。

Dustin做出了幾個推測,認為我們的那次改版更多的是為了短期的廣告利益而犧牲掉了排版的美感和設計的簡約。對此,我認為有必要解釋一下我們那次改版的另一個版本(之所以沒採用)背後的一些其他原因。

讓NewsFeed展現更豐富和高質量的內容:更大的照片、更多精彩的故事,自改版的工作開展以來,自始至終就是我的心愿和目標。

每一個設計、每一次改版的好壞與否,終有面向大眾用戶評斷的那一天,而這些評斷和反饋,正是由我們的普普通通的用戶所決定的,如果這次改版對於用戶來說是好的:可以更好地滿足用戶的需求,可以讓用戶所喜愛,那麼這次改版就是成功的。反之,如果沒有達到這兩個目標,那麼我們也是時候反思,哪些推測和設想與實際情況偏離和錯了,最終去修正這些錯誤,獲得經驗。

那一次(指的是Dustin說的沒上線的臉譜改版)改版給我們的經驗和教訓就是:那一次改版對於大部分用戶來說並不合適。

我們面臨的事實是:當我(也許正面對屏幕看這篇文章的你也一樣)使用的是擁有超高解析度、色彩還原豐富飽和的高大上Apple或者戴爾27寸顯示器的同時,這個世界上的大部分人擁有、使用的還是小屏、低解析度的普通屏幕。在那一次舊的設計改版灰度測試中,我們發現:如果在10英寸屏幕的筆記本上,網站表現得差強人意、體驗並不友好。所謂孤證不立,一個例子也許不能說明什麼,但是顯而易見的是,我們的數據也表明:大部分Facebook的用戶通過PC登錄我們的網站,並不是手機或者平板,這些用戶使用滑鼠點擊、拖動瀏覽器右側的滑動欄滾動來瀏覽網頁,這種情況相比用手指滑動、縮放更加普遍——畢竟,不是所有人的設備都有觸摸板或者滑鼠滾輪。

如果我們採用那個版本的設計,當NewsFeed里的文章更長時,用戶需要更多的「滾動」操作,用戶也必須使用更多的滑鼠動作,這會導致我們的網站變得難以使用。我們的用戶用的設備與我們設計師的也許不同,但他們瀏覽網頁的體驗感一樣重要。

產品設計一個的靈魂就是:什麼才是更好的設計?Dustin在他的文章中提到我們不能為了短期利益和績效而犧牲用戶的體驗,對於他的這個觀點,我十分贊同。另外我要指出的是,雖說我們最終採用的改版設計經測試的確是對盈利有促進作用(展示更多廣告),但這並不是我們最終採用這個「不那麼好的設計」的真實原因。

那個夭折版本的設計對於我們關注的產品重點和試圖改進的用戶體驗來說並不好:促進用戶與朋友們分享和交流、引導用戶進入我們的群組(Groups)、讓用戶更快速和高效地閱讀重要的消息等等。

此外,經過我們的用戶調研,大部分用戶對於我們的那次夭折的改版,相比他們正在使用的版本,並沒有報以更多的好評。

與其說那次設計和改版是關於企業的短期利益和涉及用戶體驗的長期利益的討論(我在以前的一篇文章「The Agony and Ecstasy of Building with Data」曾經明確表達過多關注短期績效的危險之處),我覺得更合適的說法是「那一次Facebook的改版設計,是關於如何服務使用不同的設備,來自全世界不同的國家的千千萬萬的用戶」。

2014年3月底的這次Facebook改版,我們在網頁上展示了更豐富的內容:更大的圖片、視頻、狀態……。這次改版去掉了許多雜亂的元素。相比去年的那次沒上線的改版,用戶對這次改版更加喜歡,與此同時,並沒有讓用戶覺得Facebok「不好用」了。

作為一個設計師,我為我們所做和堅持的感到自豪和驕傲。

譯者@羅羅磊磊,譯文羅磊的獨立博客:《我們的設計,一切為了用戶》

:

Julie Zhuo:美籍華人,出生於上海,12歲隨家人移民美國,畢業於斯坦福大學,現就職於Facebook ,任產品設計總監。

Dustin Curtis:舊金山,YCombinator創始人之一,各種創業企業。


如果是問"設計師"的話,應該是 Robyn Morris 。

Julie Zhuo 是負責專案的總監,並不是主要設計者。

請參見:http://www.smh.com.au/digital-life/digital-life-news/newlook-feed-has-more-control-less-clutter-aussie-facebook-designer-20130308-2fqhe.html


推薦閱讀:

如何評價知乎上的各種網路借貸廣告?
如何構建社交網路中的 News Feed/Timeline ?
新浪微博為何要推出「智能排序」功能?
信息流優化比較好的工具有哪些? -從創意思考,素材製作,落地頁製作,數據監測,關鍵詞拓詞,數據分析等?

TAG:Facebook | 信息流廣告NewsFeed |