內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

在Facebook,有一項(xiàng)人盡皆知的傳統(tǒng)項(xiàng)目 —— 設(shè)計(jì)互評(píng)(design critique)。一群設(shè)計(jì)師把你圍成一圈來批評(píng)你的設(shè)計(jì),這種感覺是不是很酸爽?其實(shí)設(shè)計(jì)互評(píng)并不是「抖S」專屬,而是提高你設(shè)計(jì)水平的一種快速有效的方式。但在Facebook這樣頂尖設(shè)計(jì)師如過江之鯽的大公司,設(shè)計(jì)互評(píng)是如何進(jìn)行的呢?今天,F(xiàn)acebook 的產(chǎn)品設(shè)計(jì)師Tanner Christensen 就為大家揭開了它的神秘面紗。

這次參與互評(píng)的Facebook 六人設(shè)計(jì)小組,由?Nathan Garvie, PaolaMariselli, Jeff Smith, Jasmine Friedl, Geoff Teehan 和作者本人——Tanner Christensen 組成。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ 參與這次設(shè)計(jì)互評(píng)的Facebook 設(shè)計(jì)小組

他們聯(lián)系到了紐約的設(shè)計(jì)專業(yè)學(xué)生Jon Lee,來討論他設(shè)計(jì)的Nearspace ——一款用于搜索當(dāng)?shù)剞k公區(qū)域的App。

這次設(shè)計(jì)互評(píng)的主角:Jon Lee

?互評(píng)進(jìn)行時(shí)

Tanner:Jon,你可以一分鐘快速概括你想解決的問題嗎?

Jon:作為一個(gè)學(xué)生,我常常這不到一個(gè)能讓我坐下來工作的地方,這讓我很苦惱。不是空間太窄,就是接不上網(wǎng)。 所以我通常會(huì)去附近的星巴克,或是找個(gè)別的地方,但真的很不方便。

我想,為什么不設(shè)計(jì)一個(gè)App 來幫我們快速找到一個(gè)可以工作學(xué)習(xí)的地方呢?我還為此特意去了解了一個(gè)同學(xué)和導(dǎo)師的想法……?我總結(jié)了一下,最關(guān)鍵的地方在于:即使是對(duì)那些人生地不熟的用戶來說,它也是很好用的。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ Nearspace設(shè)計(jì)概念

Tanner:看來你已經(jīng)取得了不錯(cuò)的進(jìn)展,也做了一些調(diào)研。那么你最想在這次設(shè)計(jì)互評(píng)中得到我們哪方面的建議?

Jon:我最想得到UI 設(shè)計(jì)上的建議。因?yàn)檫@次是有史以來第一次由我自己獨(dú)立完成所有的設(shè)計(jì)。我最怕在以后面試UX 實(shí)習(xí)生的時(shí)候,所有的老板一邊看我的簡(jiǎn)歷一邊說:「 你很了解設(shè)計(jì)流程,但并沒有實(shí)際的平面設(shè)計(jì)能力」,或者「你還欠缺一些視覺設(shè)計(jì)經(jīng)驗(yàn)」。這是我今天想重點(diǎn)關(guān)注的。

Tanner:了解。但在討論這些之前,所有人都了解Jon 這款A(yù)pp 所想解決的問題,并同意這個(gè)問題嗎?

Jasmine:我可以先問一個(gè)問題嗎?你說的痛點(diǎn)是大部分學(xué)生都很難找到工作或?qū)W習(xí)的地方,所以你的產(chǎn)品只是為學(xué)生設(shè)計(jì)的嗎?

Jon:最初只是為學(xué)生設(shè)計(jì)的,但后來我開始重新思考這個(gè)問題。因?yàn)橛袀€(gè)用戶模型吸引了我:那些忙碌的上班族。所以我還沒有確定是否主要針對(duì)學(xué)生這個(gè)群體。

Jasmine:我知道你可能現(xiàn)在很想得到UI 設(shè)計(jì)上的建議,但在這之前我們可以挖得再深一點(diǎn)兒,好讓產(chǎn)品滿足用戶的需求。我想,一個(gè)人沒有工作空間,為什么這是一個(gè)需求點(diǎn)?為什么他不想在家里工作?他們沒有辦公室嗎?還是他們馬不停蹄,要去見客戶嗎?最根本的問題是什么呢?

Jon:我想最根本的問題就是你說的最后一點(diǎn): 他們四處奔波,但又想快速處理事務(wù)。他們沒有必要去找那種需要久留或是經(jīng)常去的地方。

Tanner:你提到說,你的重點(diǎn)是要快速、高效、順暢地幫用戶找到所需要的工作空間。但看看你的App,時(shí)間因素和地點(diǎn)位置并不是它的核心部分,你現(xiàn)在更看重篩選功能。是什么讓你把重點(diǎn)放在了篩選功能,比如插座數(shù)量多不多、WIFI好不好,而不是為用戶尋找到更近、到達(dá)更方便的工作場(chǎng)所呢?

Jon:我最開始考慮到這些了。但老實(shí)說,如果我只是為了這個(gè),那么它可能只是一款普通的地圖App,就像這樣「最近的位置在哪兒?」我的難點(diǎn)就是平衡效率和用戶的需求,不是嗎?而且我認(rèn)為篩選功能是必要的,不然我們應(yīng)該以哪個(gè)需求標(biāo)準(zhǔn)來確定工作地點(diǎn)呢?這正是讓我糾結(jié)的地方。

Geoff:還有一點(diǎn)你要注意的是,是不是大家都愿意找到自己的工作地點(diǎn)后被顯示出來呢?沒人想讓大家都知道他自己在哪兒,對(duì)吧?所以我覺得你應(yīng)該再多做些調(diào)研,看看有多少人愿意分享他們的位置。

Jon:這確實(shí)是個(gè)問題。我覺得在我整個(gè)設(shè)計(jì)中最受限的因素就是我確實(shí)缺乏調(diào)研。我覺得這個(gè)限制已經(jīng)在很多問題上影響到我了。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ Jon 展示的頭腦風(fēng)暴圖

Jasmine: 我覺得在這個(gè)地方,你其實(shí)已經(jīng)給出了很多可以作出預(yù)設(shè)并展開的點(diǎn)。回到剛才談到的「時(shí)間上的需求」,你的頭腦風(fēng)暴圖中包含了一大堆分類:你提到了交通時(shí)間、公共交通、距離等。除了這些,你也添加了許多別的選項(xiàng):是否需要排隊(duì)、有沒有免預(yù)約位等等。所以說有時(shí)候,即便你沒有時(shí)間去和20個(gè)用戶對(duì)談然后深入研究,你仍然能很清楚地進(jìn)行下一步的工作。缺乏調(diào)研未必會(huì)限制住你。

Jon:你的意思是,與其把重點(diǎn)放在那些很通用的選項(xiàng)上,倒不如關(guān)注更細(xì)致一些的「時(shí)間需求」?比如,是否需要排隊(duì)?

Jasmine:我認(rèn)為就像剛才Tanner 點(diǎn)出的,你的App 是為學(xué)生白領(lǐng)等平時(shí)非常忙碌的人群打造的,但你所展示的內(nèi)容并沒有真正地回應(yīng)他們身上的問題。雖然你覺得自己缺乏足夠的調(diào)研,但其實(shí)在前面你已經(jīng)探索過的內(nèi)容里,你是可以找到答案的。

Nathan:有件事我想提醒你去思考,那就是你在剛開始的時(shí)候,會(huì)把多少個(gè)「可工作地點(diǎn)」放在你的處理列表中?如果你在某個(gè)半徑范圍內(nèi)可以列出一大串「可工作地點(diǎn)」,那當(dāng)然很棒。不過如果數(shù)量并不多,那你可能在開始根本用不著篩選功能。

Jeff: 我同意。但我覺得,篩選功能能幫助用戶更好地選擇服務(wù)。比如說,有人需要插座,有人不需要;有人需要WIFI,也有人不需要。如果對(duì)大多數(shù)人來說,「我只要有個(gè)地方坐就行了」,那么就根本無所謂篩選功能。

但你說的可能就只是把所有的信息列出來,然而你并沒有利用到它們。你可以給這些可供選擇的工作地點(diǎn)評(píng)級(jí)打分,但這其實(shí)沒有什么用。我并不是想刻意追求技術(shù),但我覺得篩選功能能把這些信息更好地利用起來。

Geoff:至于視覺設(shè)計(jì),沿著Jeff 剛才的線索,你可以考慮一下你準(zhǔn)備呈現(xiàn)出的是什么樣的信息。就我而言,距離和地點(diǎn)名稱是我最想在列表中看到的兩個(gè)元素。現(xiàn)在,距離項(xiàng)在頁(yè)面上的所有元素中反倒是最不起眼的。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ App 的早期原型

Jon: 我百分百同意各位所指出的,要將真正有用的信息放在顯眼處。不過,把信息放在選項(xiàng)卡中,能讓選項(xiàng)更容易被注意到。你只需點(diǎn)擊一次即可轉(zhuǎn)至地圖,而不是當(dāng)你選中它后跳出其他大量雜亂的信息。這樣也可以增加體驗(yàn)的流暢度。

Paola:要常常回到我們最初所提出的問題,這樣才能確保所有的努力都針對(duì)且解決這一問題。例如,你最初的目標(biāo)是那些對(duì)所在地一無所知的用戶,那么如果你設(shè)置一個(gè)搜索欄,這些用戶會(huì)搜索什么呢?如果你初到某地,你可能想找的不是一個(gè)店的具體名字,而是一個(gè)地方的類型——一間書店或者一間咖啡館。

Jasmine:我同意,但這與Yelp 有什么不同?你現(xiàn)在做得很多東西都與之雷同。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ Yelp 是美國(guó)最大的點(diǎn)評(píng)網(wǎng)站,相當(dāng)于美國(guó)版「大眾點(diǎn)評(píng)」

Geoff:這是一個(gè)非常值得思考的問題。我的產(chǎn)品有什么不同?我的用戶需求有什么不同?我要如何去滿足這些需求?例如,Yelp 上大多數(shù)圖片是關(guān)于食物的。對(duì)于這一點(diǎn),你的用戶其實(shí)并不關(guān)心——他們想了解工作環(huán)境,他們想看到哪里有插座,他們想知道WIFI 網(wǎng)速如何,什么時(shí)間會(huì)比較擁擠,有多少座位。梳理一下你所有的問題,再問一下自己,它們?cè)谀愕男畔?yōu)先級(jí)中該如何排位?

Jon:OK!我現(xiàn)在有一個(gè)問題,對(duì)于所有這些各種各樣的需求,哪一項(xiàng)應(yīng)該排在最高的優(yōu)先級(jí)?你們有什么推薦么?在如此有限的空間里,應(yīng)該展現(xiàn)多少信息?

Jasmine:我認(rèn)為關(guān)于這個(gè)問題Jeff 已經(jīng)給出了一個(gè)好點(diǎn)子。你要逐項(xiàng)檢查,并且找出什么才是對(duì)用戶有意義的核心問題點(diǎn),然后將按照邏輯列出來。

Geoff:的確是這樣的,我覺得你什么方式都可以嘗試,比如直接找個(gè)人問問他的想法。你需要從多個(gè)角度來看待問題,而不能只聽一家之言。假如你忽然來活兒了,然后現(xiàn)在是深夜11點(diǎn),這時(shí)候你最需要的是什么?是一家能24小時(shí)開放的深夜咖啡館。但如果是在中午的話,你肯定不會(huì)考慮這家咖啡館是否24小時(shí)營(yíng)業(yè)的。總之,考慮各種場(chǎng)景,并綜合所有因素后將其按重要性排序。

Paula:當(dāng)你嘗試為每個(gè)場(chǎng)景解決核心問題時(shí),你就會(huì)越來越明白解決這些問題的作用。

Jasmine:我建議你反復(fù)去看你列出的所有信息,就象我現(xiàn)在又在看你的頭腦風(fēng)暴圖。你會(huì)發(fā)現(xiàn),「哦,這個(gè)根本用不著」。砍掉那些多余的選擇會(huì)讓你的工作更輕松一些。比如說,「食物」這個(gè)要素對(duì)用戶來說根本無關(guān)緊要,畢竟他們又不是想找餐廳。

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

△ 設(shè)計(jì)批評(píng)中新增的原型

Tanner: 我們已經(jīng)討論了那么多,Jon,你覺得我們的意見反饋對(duì)你的產(chǎn)品優(yōu)化有幫助嗎?

Jon:必須的。我覺得第一步就像你前面提到的:回到設(shè)計(jì)的起點(diǎn),尋找并專注在我的問題上。我需要找到真正的重點(diǎn),區(qū)分次要的內(nèi)容,并將它們整理出優(yōu)先級(jí)。非常感激你們的建議與指導(dǎo)!

Tanner:感謝你在這次討論中與我們分享你的工作經(jīng)驗(yàn)。我們同樣從中學(xué)到不少東西。

?我們從中學(xué)到了什么

讓我們來回顧下一下這次設(shè)計(jì)互評(píng),同時(shí)分享下我們從中學(xué)到的東西。

1. 互評(píng)是一個(gè)讓我們對(duì)問題加深理解的好方式。

這次討論有出乎意料的一點(diǎn)就是:大多意見都不是集中在Jon最初咨詢的那一點(diǎn)。他最開始是想向大家尋求關(guān)于UI 和UX 方面的建議,但大家花了半小時(shí)來討論產(chǎn)品設(shè)計(jì)應(yīng)該把什么問題放在最優(yōu)先級(jí)。這也許是Jon 起初未曾想到的一個(gè)重要走向,正如Jasmine 強(qiáng)調(diào)的:

我們之所以針對(duì)產(chǎn)品提出更多批評(píng)意見,是因?yàn)橄嘈拍憧梢宰龀鲎钇恋腁pp。但如果這個(gè)App 連用都沒法用,那當(dāng)然是不行的。所有這些細(xì)節(jié)都需要聯(lián)合起來處理。

2. 當(dāng)你在展示作品時(shí),先行導(dǎo)入應(yīng)用場(chǎng)景會(huì)起到很大的作用。

Jon 向我們清晰地展示了他開發(fā)Nearspace 時(shí)的概念演變過程。他能在我們面前簡(jiǎn)要地展示原始設(shè)計(jì)樣稿和各種版本,還有頭腦風(fēng)暴圖來協(xié)助引導(dǎo)這次討論。

在一些實(shí)例中我們回顧了Jon 開發(fā)App 過程中原有的問題,并針對(duì)某些他正在解決的問題,進(jìn)行了頭腦風(fēng)暴的討論。

3. 最好的建議反饋往往是探究性的,而不是說明性的。

通過提出疑問,可以讓討論的進(jìn)展隨時(shí)出現(xiàn)不同走向,而不是一直沿著某個(gè)人預(yù)定的方向。

結(jié)果呢?雖然UX 這塊還沒有特別具體的圖景,但Jon 和他的團(tuán)隊(duì)都覺得他們已經(jīng)確定了該產(chǎn)品在以后的改進(jìn)方案。

而在評(píng)價(jià)別人的設(shè)計(jì)成果時(shí),提出問題非常有助于討論的向前推進(jìn)。正如我之前寫過的:

找到真正的問題所在,遠(yuǎn)比找到正確的答案更有效。

翻譯 | 水田的阿伯、張潤(rùn)欣、楊綠野

校對(duì) | 林佳

歡迎關(guān)注譯者(特贊Tezign)微信公眾號(hào):

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

「本月最值得閱讀收藏的完美像素使用手冊(cè)」

  1. 《值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之原理篇》
  2. 《中文版來了!值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之細(xì)節(jié)篇》
  3. 《第三集!值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之易用性篇》
  4. 《第四集!值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之軟件技巧篇》
  5. 《最終版!值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之軟件技巧篇》

原文鏈接:Medium

內(nèi)部傳統(tǒng)項(xiàng)目!揭秘Facebook 設(shè)計(jì)互評(píng)的實(shí)戰(zhàn)過程

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 17
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。