本文是一篇 Facebook 設(shè)計(jì)師分享的他們的設(shè)計(jì)評(píng)審紀(jì)要，當(dāng)然評(píng)審的內(nèi)容并不是 Facebook 內(nèi)部的項(xiàng)目，但評(píng)審的方式是按照 Facebook 內(nèi)部評(píng)審的模式進(jìn)行，同時(shí)參與評(píng)審的評(píng)委都是 Facebook 設(shè)計(jì)師。

因?yàn)槭窃u(píng)審紀(jì)要，所以有些內(nèi)容上下文可能會(huì)接不上。所以我在某些地方增加了我的一些想法，同時(shí)為了文章的可讀性更高，我沒有完全按照文章的內(nèi)容逐字逐句翻譯，而是經(jīng)過一定的潤(rùn)色。強(qiáng)迫癥同學(xué)可以直接查看原文：Peek Inside a Facebook Design Critique

在 Facebook，我們的使命是讓世界更加開放和連接，在我們使命中與生俱來就有一項(xiàng)——「分享」。所以我們決定和大家分享一下我們是如何進(jìn)行設(shè)計(jì)評(píng)審的。

通過分享 Facebook 團(tuán)隊(duì)如何進(jìn)行設(shè)計(jì)評(píng)審，我們想要強(qiáng)調(diào)一下什么能使評(píng)審更好地進(jìn)行，且我們又能從中學(xué)到什么。我們邀請(qǐng)了來自世界各地的設(shè)計(jì)師參與到名為#Facebook設(shè)計(jì)評(píng)審的話題中，請(qǐng)他們分享一下他們是如何進(jìn)行設(shè)計(jì)評(píng)審的。

一、開始評(píng)審

我們找來了在紐約的設(shè)計(jì)學(xué)生 Jon Lee，評(píng)審他設(shè)計(jì)的一款名為 Nearspace 的應(yīng)用。

Facebook 設(shè)計(jì)團(tuán)隊(duì)的六名成員——?Nathan Garvie, Paola Mariselli, Jeff Smith, Jasmine Friedl, Geoff Teehan，Tanner Christensen 和我做在一起討論他的工作，以及評(píng)審他的設(shè)計(jì)。

正如你前面讀到的那樣，我們希望你讀完此篇評(píng)審紀(jì)要后，能夠說說你對(duì)這個(gè)評(píng)審的看法或者有哪些可以改進(jìn)的地方。

Tanner：Jon，可以簡(jiǎn)單地花幾分鐘介紹下你想解決的問題嗎？（譯者Jimmy：評(píng)審的第一步，以提問的方式明確設(shè)計(jì)目標(biāo)——解決了什么問題。）

Jon：身為一名學(xué)生，我常常面對(duì)這樣的一個(gè)問題——需要找到一個(gè)能工作的地方。鑒于這里只有很少的地方以及我對(duì)工作環(huán)境也有所要求，所以我常常去到星巴克或者其他地方學(xué)習(xí)的時(shí)候，就會(huì)感到很不舒服。于是我就想，為什么不設(shè)計(jì)一個(gè)能夠快速幫助你找到想去的地方的App呢？于是，我采訪了其他同學(xué)以及導(dǎo)師問問他們的看法…我了解到…這個(gè)對(duì)于那些初到陌生地區(qū)的人以及對(duì)周圍不太熟悉的人來說是個(gè)很不錯(cuò)的主意。

Tanner：看起來你的進(jìn)展不錯(cuò)且做了一些研究。那你想從我們這里得到哪些建議呢？（Jimmy：評(píng)審的第二步，明確需要什么建議。）

Jon：高保真原型的部分，因?yàn)檫@是我第一次獨(dú)立進(jìn)行設(shè)計(jì)。我最大的擔(dān)心是我現(xiàn)在正在找交互設(shè)計(jì)的實(shí)習(xí)工作，所有的招聘方都問我要作品集，然后對(duì)我說：“你對(duì)設(shè)計(jì)流程了解得很透徹，但是你的視覺設(shè)計(jì)能力還不是很夠”或者“你的視覺能力不滿足我們的要求”。這就是今天我想要關(guān)注的部分。

Tanner：在我們討論你提到的東西之前，是不是所有人都了解Jon提到的問題并且同意我們?nèi)ソ鉀Q它？（Jimmy：評(píng)審的過程中，盡量在早期明確大家是不是在同一頻道上，了解的設(shè)計(jì)目標(biāo)是不是一致的。）

Jasmine：我可以問一個(gè)問題嗎？你剛剛講到很多學(xué)生都會(huì)面臨比較難找到學(xué)習(xí)的地方，所以你只為學(xué)生群體設(shè)計(jì)嗎？

Jon：最開始的時(shí)候，我只考慮學(xué)生，但是后來我開始想…我腦海中出現(xiàn)了另一種用戶就是那些急需一個(gè)地方完成工作的差旅商務(wù)人士，這是我還沒來得及細(xì)想的，但是現(xiàn)在我還是專注于為學(xué)生設(shè)計(jì)。

Jasmine：我知道你想要得到一些高保真原型的反饋，但是我們可不可以更深入地討論一下你想要解決的問題，這樣才能保證你的成果是符合需求的。我正在想象如果有一個(gè)沒有辦公場(chǎng)所的人，他們?yōu)槭裁磿?huì)有這樣的需求？那么在家工作是不是一種可能？他們沒有辦公室嗎？他們?cè)诎菰L客戶的路上？整個(gè)問題有什么特點(diǎn)？

Jon：我想最大的特點(diǎn)是你剛剛提到的：他們?cè)诎菰L客戶的路上，需要快速完成工作。他們不需要一個(gè)可以長(zhǎng)期駐扎的地方或者無法回到公司。最大的問題就是時(shí)間很緊急且需要快速完成工作。

Tanner：很高興看到你能很快就說出你對(duì)場(chǎng)景的特點(diǎn)以及想法，同時(shí)還很自信。這個(gè)應(yīng)用的核心——看看你的設(shè)計(jì)——不是時(shí)間效率優(yōu)先或者顯示該地方離你多近。更多的是展示一些店內(nèi)的裝修和一些篩選器。是什么讓你覺得篩選器對(duì)于用戶來說效率更高？

Jon：剛開始，我的設(shè)計(jì)重心的確在效率上。講真，如果只是提高效率，它將會(huì)是個(gè)地圖應(yīng)用，像一進(jìn)應(yīng)用就顯示一句——“馬上帶你去離你最近的工作地？”在設(shè)計(jì)過程中，最困難的地方是我需要平衡高效與用戶的需求。篩選視圖仍然是需要的，不然我們?cè)趺茨軌蚋嬖V系統(tǒng)我們想要怎么樣的工作地？這是我一開始就在糾結(jié)的地方。

（Jimmy：以下開始，Geoff 貌似有點(diǎn)歪樓。開始說 Jon 的設(shè)計(jì)中，應(yīng)用底部 tab bar 上的加號(hào)功能。）

Geoff：我想你需要明確的是人們真的會(huì)去添加工作地嗎？人們會(huì)不會(huì)因?yàn)槲蛔佑邢薅ケＷo(hù)它們？如果這是用戶好不容易才找到的地方，那么將會(huì)沒有人會(huì)主動(dòng)添加一個(gè)工作地到應(yīng)用里。即使是分享也是因?yàn)樗麄冎牢磥硭麄兡茉谶@里找到位置。所以，這里我想提醒你，你需要做更多的研究——人們有多大動(dòng)力去分享一個(gè)工作地？

Jon：這絕對(duì)是個(gè)問題。我認(rèn)為我的設(shè)計(jì)中最大的不足是缺少調(diào)研。我認(rèn)為這個(gè)的不足導(dǎo)致我無法解決很多其他問題。

Jasmine：我認(rèn)為你仍然可以做一些假設(shè)然后繼續(xù)設(shè)計(jì)。讓我們回頭看看我們剛剛提到的基于時(shí)間做決定那里。你的腦暴圖上寫了一些像：步行時(shí)間、通勤時(shí)間、路程。我還看到像：是否需要排隊(duì)、是否有開放式桌子等等。有些時(shí)候，即使你沒有時(shí)間去深挖場(chǎng)景或者完成20名用戶的訪談，你仍然可以基于你這些猜測(cè)去做設(shè)計(jì)。（Jimmy：好吧，樓被扶正了。(●′?｀●)?）

Jon：所以你是說篩選器應(yīng)該更專注于時(shí)間和路程？比如排隊(duì)時(shí)間？

Jasmine：我認(rèn)為Tanner其實(shí)是說，如果你是想幫助那些沒有多少時(shí)間的學(xué)生與商務(wù)人士，那么你的應(yīng)用應(yīng)該去強(qiáng)調(diào)這一點(diǎn)，但是現(xiàn)在你的應(yīng)用并沒做到。我們剛剛強(qiáng)調(diào)的調(diào)研樣本不足和它的確很難進(jìn)行，特別是對(duì)于學(xué)校項(xiàng)目來說，想去拿到最終的答案是很難的。如果你回過頭來看看你的問題：“是什么導(dǎo)致了這樣的一個(gè)問題？”我想你已經(jīng)可以用你剛剛所闡述的那些東西去回答它。

Nathan：我想給你一個(gè)挑戰(zhàn)就是你需要著手考慮從多大的店開始？那樣的話以一定距離為半徑，搜索附近的店會(huì)很高效。如果你是和小店做交易，那么你就無需從一個(gè)過濾器開始。

Jeff：我同意你說的。我認(rèn)為過濾器的另一個(gè)好處就是。作為用戶可能會(huì)考慮：我需要Wifi或不需要，我需要附帶充電插口或不需要。對(duì)于很多人來說，問題是“我需要一個(gè)能工作的地方”然后這不是一個(gè)過濾行為。你可以將所有的信息都顯示在列表里，你的設(shè)計(jì)里面并沒有顯示那么多信息。你的設(shè)計(jì)里有像評(píng)分的東西，但并不能告訴用戶這個(gè)評(píng)分意味這什么。是因?yàn)樗泻芏辔恢妹?？還是高速Wifi？或者這是因?yàn)樗鼡碛凶疃嗟目瘴唬课也幌氡磉_(dá)得太程序思維，但我建議你將過濾器內(nèi)的重要信息放到列表內(nèi)。

Geoff：當(dāng)進(jìn)行視覺設(shè)計(jì)的時(shí)候，正如剛剛Jeff提到的那樣，你需要考慮你想放什么信息到你界面內(nèi)。對(duì)于我來說，我最想在列表里看到的是地址與名稱。但是現(xiàn)在，地址在你的設(shè)計(jì)里面卻是最隱藏的部分。

Paola：在你的設(shè)計(jì)里面，列表內(nèi)的卡片是可能點(diǎn)擊的并且跳轉(zhuǎn)到其它界面的嗎？

Jon：是的，我認(rèn)為點(diǎn)擊卡片會(huì)跳轉(zhuǎn)到一個(gè)有更多信息的界面，可能有更多的圖片，以及一個(gè)標(biāo)有“去那里”的按鈕，點(diǎn)擊這個(gè)按鈕會(huì)打開谷歌地圖，然后它可以帶你去到那家店里。我100%贊同你們剛剛說的，在首頁列表內(nèi)展示更多的信息。當(dāng)我開始做高保真原型時(shí)，仍然保留了卡片式的設(shè)計(jì)，（Jimmy：因?yàn)?Jon 在做低保真原型時(shí)，就是使用卡片式的設(shè)計(jì)，所以他才說「仍然保留」）但是我在卡片內(nèi)只放了圖片和少量必要信息，這是為了讓用戶能快速看完所有信息。同時(shí)，我也面臨了一些困難，就是到底是讓用戶點(diǎn)擊查看詳情，還是一鍵打開地圖。

Paola：你要常?；氐侥阆虢鉀Q的問題上來，這樣就可以使設(shè)計(jì)目標(biāo)更加明確。比如，如果你考慮保留搜索欄，你想幫助的目標(biāo)用戶是那些剛到某地的人，那么對(duì)于他們來說需要搜索什么呢？若你剛到某地，你可能不會(huì)去搜索某個(gè)「地名」，而是去搜索像書店或咖啡店那樣的「類型」。（Jimmy：聚焦解決的問題，而不是解決問題的方案上。）

Jasmine：我同意，這和Yelp有什么不同呢？你現(xiàn)在的設(shè)計(jì)和它有很多相似的地方。

Geoff：競(jìng)爭(zhēng)是一個(gè)很不錯(cuò)的思考角度。你跟競(jìng)品有何不同？我們的目標(biāo)用戶的需求和其他競(jìng)品的用戶有何不同之處，我該如何幫助他們？比如，很多在Yelp上的圖片都是食物。對(duì)于這一點(diǎn)，你的目標(biāo)用戶不會(huì)在意這些，而是在意辦公場(chǎng)所，他們需要看到地址，他們需要知道有沒有高速穩(wěn)定的wifi，想知道什么時(shí)候繁忙時(shí)刻，想知道那里有多少座位。思考完所有你想要傳遞給用戶的東西后，再去思考如何將這些信息呈現(xiàn)給用戶。

Jon：好的！我現(xiàn)在有個(gè)問題，對(duì)于要考慮到的所有不同的問題，你們建議是優(yōu)先解決哪些問題呢？我需要在這樣一個(gè)狹小的界面內(nèi)呈現(xiàn)哪些東西呢？

Jasmine：我認(rèn)為 Jeff 之前已經(jīng)提到了很多好的建議。你可以嘗試按照他所說的那樣做，嘗試去辨別哪些是對(duì)于用戶來說最核心的信息，然諾后將他們按照邏輯順序排列好。

Geoff：是的，我認(rèn)為你可能需要用到一些直覺判斷，或者你去調(diào)研更多的用戶。一個(gè)可以幫助你去思考的點(diǎn)是?不要局限于單一場(chǎng)景，而是將自己代入到更多的場(chǎng)景中去。比如在晚上11點(diǎn)，你需要一個(gè)能工作的地方，你需要知道什么信息呢？你可能想要知道「那家店這么晚了是否還開門？」如果是在中午的話，你是不會(huì)去思考這一點(diǎn)的。想多點(diǎn)場(chǎng)景，并且列出每個(gè)場(chǎng)景的需要哪些重要信息。

Jasmine：你可以去嘗試回過頭來看你之前列出的東西，比如我就在看你之前做的頭腦風(fēng)暴圖，你可以指著某個(gè)點(diǎn)說“這玩意兒不需要”。刪除一些不要的東西，可以使你的工作更簡(jiǎn)單。比如食物就是不需要的東西，用戶可能就是只想找到一個(gè)地方工作，這個(gè)地方甚至可以不是酒店。

Tanner：我們快要超時(shí)了，還有人想說點(diǎn)什么嗎？

Nathan：你說你想在設(shè)計(jì)評(píng)審中得到一些視覺上的建議。我認(rèn)為我們可以給你非常多的建議，甚至想直接在你的稿子上拿起紅筆為你修改。一個(gè)很關(guān)鍵的點(diǎn)就是我建議你去看更多好的UI設(shè)計(jì)類的文章。比如類似那些「12個(gè)關(guān)鍵建議」幫助你設(shè)計(jì)列表，排版，以及如何在圖片上擺放文字等等。這都是很好的開始點(diǎn)。從其它應(yīng)用那里學(xué)習(xí)、參考甚至去臨摹，嘗試去理解他們并且做到學(xué)以致用。

Jon：好的。講到這個(gè)話題，我想聽聽業(yè)內(nèi)人士的建議：視覺設(shè)計(jì)能力對(duì)于想要進(jìn)入交互設(shè)計(jì)行業(yè)的人來說有多重要？

Jasmine：這個(gè)問題你可以得到很多答案，這取決于你想成為怎樣的人以及視覺設(shè)計(jì)對(duì)于其它東西來說是不是更重要。我們進(jìn)行多次產(chǎn)品評(píng)審的最關(guān)鍵的一個(gè)原因就是：?你的應(yīng)用可以是世界上最漂亮的應(yīng)用，但如果它不能解決用戶需求的話，沒有人會(huì)去使用它。?是否使用與解決需求兩者的關(guān)系是最密切的。

Tanner：好的，希望這些東西能夠幫助你。我們說了很多東西。Jon，你覺得評(píng)審過后，你能對(duì)你的設(shè)計(jì)做一些改進(jìn)嗎？

Jon：那肯定的。我認(rèn)為最關(guān)鍵的點(diǎn)是你提到的：回到最初的原點(diǎn)，聚焦我想要解決的問題。以及明確哪些東西需要，哪些東西不需要。明確他們的層級(jí)關(guān)系。感謝你們，我從這次評(píng)審中學(xué)到很多東西。

Tanner：感謝你抽出時(shí)間來跟我們分享你的設(shè)計(jì)。我們也從中學(xué)到很多。

二、學(xué)到了什么

現(xiàn)在，我們可以回過頭來看看，設(shè)計(jì)評(píng)審是如何進(jìn)行的，我們想要分享一些我們從中學(xué)到的定西。評(píng)審是個(gè)非常有效的去深挖問題的方法。

其中最令我們吃驚的是我們花了很多時(shí)間在Jon不關(guān)心的地方上。他來參加評(píng)審是為了得到關(guān)于一些視覺交互上的建議，但是我們花了將近30分鐘在他想要解決的問題上。這是 Jon 從未想到的地方，但又是最關(guān)鍵的點(diǎn)，正如 Jasmine 所說的那樣：

我們進(jìn)行多次產(chǎn)品評(píng)審的最關(guān)鍵的一個(gè)原因就是：你的應(yīng)用可以是世界上最漂亮的應(yīng)用，但如果它不能解決用戶需求的話，沒有人會(huì)去使用它。是否使用與解決需求兩者的關(guān)系是最密切的。

將你的設(shè)計(jì)拿去評(píng)審，這樣會(huì)得到一個(gè)不一樣的世界。（Jimmy：微笑~）

Jon 參加我們的評(píng)審。為了能更好的進(jìn)行討論，他展示了他的原型設(shè)計(jì)、高保真設(shè)計(jì)甚至是腦暴圖。（Jimmy：在評(píng)審過程中，盡量攜帶盡可能多的素材。協(xié)助討論。）

在評(píng)審過程中，我們常?；氐剿岬脑紗栴}以及腦暴圖上，以此去討論他的解決問題的方案。

最好的反饋應(yīng)該是開放的建議，而不是固定的答案。

一上來就去問設(shè)計(jì)目標(biāo)——或者想要解決的問題——可以令討論順利進(jìn)行下去，而不是大家想說啥就說啥。

結(jié)果呢？不管是Jon還是我們團(tuán)隊(duì)都為產(chǎn)品貢獻(xiàn)了可改進(jìn)的「方向」，但是我們都沒有為產(chǎn)品提出過一個(gè)它應(yīng)該怎樣的「方案」。

當(dāng)需要評(píng)審其它設(shè)計(jì)的時(shí)候，提問可以很好的引導(dǎo)討論的進(jìn)行。正如我前面寫到：找到正確的問題比找到正確的答案更高效。

譯者：Jimmy Wang

原文地址：Peek Inside a Facebook Design Critique

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@金蝶云之家體驗(yàn)中心（微信ID：UXD-Cloudhub），譯者@Jimmy Wang