原文來源：Reactions: Not everything in life is Likable
翻譯：柳柳_blackbird
來源：站酷

我時(shí)常打開Facebook把生活中遇到的各種事情分享給我關(guān)心的朋友——從慶祝我連續(xù)練習(xí)瑜伽60天到參加親人的葬禮。而那些當(dāng)我經(jīng)歷了事情的時(shí)候與我聯(lián)系的朋友也同樣有他們自己的故事想要分享。有些時(shí)候我們僅僅是想通過一個(gè)簡(jiǎn)單的方式去表達(dá)我們真的很喜愛他們所分享的東西?；蛘呤窍朐趧e的朋友的生活遇到轉(zhuǎn)折的時(shí)候送去安慰。

在2009年，F(xiàn)acebook開始采用一個(gè)允許人們?nèi)ソo他們的朋友發(fā)布的內(nèi)容給予反饋的按鈕。我們叫他點(diǎn)贊，大家都很喜歡這個(gè)設(shè)計(jì)。你只需要輕易的滑動(dòng)你的信息流并且在你朋友所發(fā)布的貼子下面的小大拇指上點(diǎn)擊一下就可以為你的朋友點(diǎn)贊。因?yàn)槠鋵?shí)有些話很難開口；或者你真的沒什么可說的，但你卻很想讓某個(gè)人知道你看到了這條消息。這就是為什么點(diǎn)贊這么受歡迎，簡(jiǎn)單、沒有摩擦。

但是，生活并不是什么都可以點(diǎn)贊。

是時(shí)候去考慮點(diǎn)贊之外的事情了：

用戶反饋給我們他們想要更多表達(dá)自己的方式.差不多一年前，Mark帶了一個(gè)團(tuán)隊(duì)開始著手考慮如何讓like按鈕更加富于情感表達(dá)。這個(gè)項(xiàng)目讓我們非常激動(dòng)—-畢竟不可能每天都有機(jī)會(huì)參與公司里如此重要的項(xiàng)目。

我們一開始就知道這個(gè)項(xiàng)目的挑戰(zhàn)性，很顯著的一個(gè)就是解決在不同平臺(tái)和新舊設(shè)備上的適配問題。很多挑戰(zhàn)還未被發(fā)現(xiàn)，比如，我們花費(fèi)了相當(dāng)長(zhǎng)的時(shí)間去打磨點(diǎn)贊，評(píng)論，分享按鈕以便其能夠易于使用和理解。在界面上的交互之多，使得任何一點(diǎn)點(diǎn)的改變都將會(huì)影響到億萬用戶行為的易于理解性和可用性。我們要對(duì)每一個(gè)改變深思熟慮，讓每一次改變都感覺像是一次自然演變，防止讓用戶在使用的時(shí)候感覺生硬和混亂。

還有另一些問題需要回答：反饋應(yīng)當(dāng)是什么樣的？如何讓全球的人能夠理解它們？如何能最大程度的消費(fèi)反饋？如何讓人們輕易留下自己的反饋？這些都是要解決的很復(fù)雜的問題，解決了這些問題點(diǎn)贊的過程就會(huì)變的容易。

像所有好的設(shè)計(jì)一樣，得到一個(gè)簡(jiǎn)單的方案的過程是復(fù)雜的。

將情感移入到這里是極為重要的，并且這是為什么我們花費(fèi)大量的時(shí)間和精力反復(fù)的實(shí)驗(yàn)。擴(kuò)大反饋的影響力的全部關(guān)鍵點(diǎn)是找到一個(gè)全球通識(shí)的詞匯并且能夠使任何人更好的和豐富的表達(dá)他們自己。

我們把問題拆分為兩大塊并且開始平行工作：

1. 除了點(diǎn)贊,我們還可以用什么反饋呢？
2. 人們習(xí)慣如何輸入和消費(fèi)反饋。

在這兩條并行軌道上，我們找到像一個(gè)劇本一樣的關(guān)鍵的準(zhǔn)則去奉行。這一準(zhǔn)則作為我們團(tuán)隊(duì)的方向，以便我們?cè)谪灤╉?xiàng)目的自始至終都能做出清晰的決策。它們并不會(huì)清晰的告訴我們最后的解決方案是什么，但是它們能夠暗示我們解決方案不會(huì)是什么并且給我們一個(gè)方向指引我們?nèi)デ斑M(jìn)。

原則結(jié)合以研究和數(shù)據(jù)為依據(jù)的洞察力，配合直覺加上Facebook里的才華與勤勉并舉的精英人士的學(xué)識(shí)就是我們?nèi)绾谓鉀Q這個(gè)問題的根本。就這樣，我們創(chuàng)造的團(tuán)隊(duì)包括研究人員，內(nèi)容策劃，工程師和我的主要設(shè)計(jì)團(tuán)隊(duì)：Andy Chung、Brandon Walkin and Brian Frick。

反饋機(jī)制

以下是現(xiàn)在指導(dǎo)我們建立一系列的反饋機(jī)制的決策時(shí)候所遵循的原則：

1. 反饋應(yīng)當(dāng)是通俗易懂的；反饋應(yīng)該是能夠被全世界的人所理解；以便更多的人能夠聯(lián)通彼此。
2. 反饋應(yīng)當(dāng)是廣泛使用的和富于表現(xiàn)力的；反饋應(yīng)當(dāng)具有更多富有感情的方式并且如果能配合一些我們?cè)谌粘Ｉ钍褂玫亩鄻踊姆绞骄透昧恕?/span>

我們首先需要考慮我們應(yīng)當(dāng)包含進(jìn)去多少不同的反饋方式。這看起來可能是一個(gè)輕而易舉的任務(wù)：只需要在LIKE按鈕旁邊再放一個(gè)大拇指向下的按鈕就可以發(fā)布了。這可真的沒有那么簡(jiǎn)單。在我們供他們溝通的選擇中，人們的需求更加混亂和豐富。Like和Dislike這樣二元的選擇并不能恰當(dāng)?shù)谋磉_(dá)出我們是在面對(duì)真實(shí)生活中遇到的如此龐雜的事情時(shí)會(huì)如何做出反應(yīng)。

雖然二元的選擇行不通，但是做成Emoji一樣可不可以？在成百的表情里面選擇，而且，有了上百的選擇就意味著每一個(gè)帖子會(huì)留下幾十種不同的反饋，可這在消息流中是很難被消費(fèi)的。另外，我們提供的選擇越多，他們都被通識(shí)可能就越小。

我們花費(fèi)了差不多一年多的時(shí)間，為了進(jìn)行國(guó)際化的研究去探索人們認(rèn)為的最具有吸引力的反饋類型。以下是我們研究出來的一些結(jié)論：

Top Stickers

我們?cè)贔acebook里人們常用的反饋方式里使用量最高的sticker和emoji里尋找答案。

最習(xí)慣的搜索sticker的關(guān)鍵詞

雖然不夠普遍，但是我們還是發(fā)現(xiàn)了哪些詞是人們?cè)谙胍褂胹ticker時(shí)會(huì)搜索的：

最短的評(píng)論

我們還采用了一個(gè)人人心照不宣的例子進(jìn)行測(cè)試，短評(píng)—-人們?yōu)榱巳ケ磉_(dá)自己所使用的一種特殊的語言，幫助了我們更充分的理解人們使用這種方式去評(píng)論的習(xí)慣。以下是我們從美國(guó)市場(chǎng)中看到的一些短評(píng)例子。

除了去分析實(shí)例，我們也會(huì)做國(guó)際化調(diào)查、用戶訪談和與國(guó)際化團(tuán)隊(duì)合作。從中，我們提取出了精煉的詞匯列表:

你可能注意到了，在列表中有兩個(gè)反饋：”Confused”和”Yay”并不在我們這周的發(fā)布中。經(jīng)過測(cè)試，”Confused”的不常用以至于它不能包含超出本身反饋之外的認(rèn)知負(fù)載。每個(gè)反饋是需要對(duì)絕大多數(shù)用戶提供一個(gè)獨(dú)特的目的，但是”Confused”做不到，”Yay”也是很難區(qū)分定義。它不易于理解和國(guó)際化，并且經(jīng)常和”haha”甚至是”like”的意思相重疊，并且到目前為止沒有加入這兩個(gè)詞的系統(tǒng)運(yùn)進(jìn)行的很好。

插圖

另外一個(gè)重要的部分就是：反饋到底應(yīng)當(dāng)是什么樣的。我們想要?jiǎng)?chuàng)造出只屬于Facebook的獨(dú)特的插圖的形式，但是我們也希望它們能夠在生態(tài)系統(tǒng)中存活的更加優(yōu)雅，輕易的和通俗的被理解，以下是一個(gè)初稿：

我們的最初圖示如果用一個(gè)相當(dāng)小的尺寸顯示是無法起到最初想要達(dá)到的交流溝通的目的。他們作為一種類似占位符的形式存在于我們?cè)O(shè)計(jì)的系統(tǒng)中，但現(xiàn)在是時(shí)候去迭代掉他們了。

具有挑戰(zhàn)性的是，選出哪一種形式在一套圖示中會(huì)是受歡迎的，并且是一定具有各自獨(dú)特的能夠清晰的表達(dá)意愿的反饋形式。

我們平時(shí)遇到的事情和我們?nèi)绾伪磉_(dá)情感是重合的。對(duì)一個(gè)交互進(jìn)行微小的設(shè)計(jì)會(huì)讓設(shè)計(jì)彼此雷同，甚至?xí)K結(jié)沒有明確反饋的情況?！盬ow”可能和”Yay”很類似，而”Yay”通過改變一下嘴角和斜一下眼睛就跟”Haha”看起來一樣了。

我們還開發(fā)了一個(gè)系統(tǒng)，其中包括有標(biāo)簽和無標(biāo)簽的。標(biāo)簽?zāi)転榉答伓x這個(gè)動(dòng)作是什么，并且?guī)椭鷮?shí)現(xiàn)國(guó)際化通識(shí)。因?yàn)檫@些東西需要被通俗理解，所以，如果一個(gè)日本朋友為你的帖子反饋，你相應(yīng)的會(huì)理解這個(gè)反饋的意思。為了更好的完成這一需求，我們與國(guó)際化團(tuán)隊(duì)以及非動(dòng)詞交流領(lǐng)域的專家合作密切。我們做各種各樣的研究并且在不同的國(guó)家進(jìn)行早期測(cè)試。

早期的版本，是靜態(tài)的，并且我們知道動(dòng)效是使他們更加富于感情的關(guān)鍵。我們和一個(gè)繪制動(dòng)畫的人一起工作去賦予靜態(tài)的動(dòng)作生命力，設(shè)計(jì)師和工程師會(huì)知道如何能夠使這些動(dòng)效更加符合禮儀。設(shè)計(jì)師使用偽代碼使反饋動(dòng)起來。他們的工作會(huì)轉(zhuǎn)交給工程師，在最終的開發(fā)中以高精度的質(zhì)量復(fù)制出來之前預(yù)想的動(dòng)作，使得動(dòng)效實(shí)現(xiàn)的如黃油般順滑。

在我們開始加入動(dòng)效的時(shí)候，我們認(rèn)為動(dòng)作會(huì)覆蓋眼睛。所以在剛開始，我們只有一個(gè)動(dòng)效（手指滑動(dòng)動(dòng)效），其他的是保持靜態(tài)的。雖然我們不想這樣做，但是在Zuck檢閱的時(shí)候，他在反饋上面快速滑動(dòng)手指時(shí)圖片只會(huì)動(dòng)一次。Mark建議我們只要出現(xiàn)在屏幕上的時(shí)候，就讓表情同時(shí)動(dòng)。最終實(shí)現(xiàn)的結(jié)果就是是我們真的更加喜歡這個(gè)效果了，感謝Zuck。

系統(tǒng)

除了一些先前我們一致決定的原則性的內(nèi)容，我們能夠快速的建立一個(gè)完整的系統(tǒng)，但并不能做的像我們需要的那么好。以下是一些指導(dǎo)原則：

1. 反饋應(yīng)該是一個(gè)LIke按鈕的延伸.喜歡,評(píng)價(jià),和分享在Facebook里是常規(guī)交互,如果增加第四個(gè)選項(xiàng)在這一點(diǎn)上將會(huì)帶來更多的復(fù)雜度.

2. 反饋不應(yīng)使現(xiàn)有的行為變難.我們引入這個(gè)feature是否帶著責(zé)任感是非常重要的,他決不能輕易擾亂一個(gè)擁有十億級(jí)用戶的產(chǎn)品.換句話說,我們想去保持簡(jiǎn)單和容易的連接—你若點(diǎn)擊喜歡按鈕,就”liking”了這個(gè)帖子.

留下一個(gè)反饋

我們開始探索輸入機(jī)制但我們其實(shí)并不知道需要什么樣的，和數(shù)量多少的反饋。一些早期研究認(rèn)為可能數(shù)量就是介于5和10之間個(gè)。在一個(gè)壓力測(cè)試中，我們?cè)O(shè)計(jì)了一個(gè)擴(kuò)展到15個(gè)不同的反饋輸入，雖然減少他會(huì)比增多他們要容易的多。

像這樣的早期的概念和最初的嘗試是完全有教育意義的—他們教我們什么可行，但是更加重要的是什么不可行。他們暴露出鴻溝，無知等等更多的東西。

雖然我們感覺以上的一些方式達(dá)到了做出一個(gè)反饋迅速而得體的工作的目的，但是他確實(shí)暴露了很多問題.。句話說，就是教我們什么解決方案是更需要被關(guān)注的：

● UI控件應(yīng)當(dāng)在屏幕頂部對(duì)彈起位置進(jìn)行適配。
● 除了大面積的可滑動(dòng)區(qū)域，人們應(yīng)當(dāng)在滑動(dòng)標(biāo)簽欄上滑動(dòng)。
● 文字標(biāo)簽難以解讀，并且還會(huì)使國(guó)際化更難推廣。
● 線型的圖片在大屏幕上看起來好看，但是在小尺寸情況下卻很難辨認(rèn)—我們需要思考人們?cè)谛畔⒘髦惺侨绾蜗M(fèi)這些信息的。
● 有些人會(huì)調(diào)起包含表情的popup，然后用手指點(diǎn)擊進(jìn)行反饋,并撤銷輸入界面。
● 大量的反饋會(huì)帶來系統(tǒng)的冗余。

我們持續(xù)版本迭代.第一個(gè)原型圖上繪制了一個(gè)根據(jù)你的手指在選擇表情詞位置上改變的圖形樣式.這會(huì)使你在決定之前喚起你對(duì)于每一個(gè)動(dòng)作的預(yù)知的欲望,而不是一次性的知曉所有的選項(xiàng).因?yàn)槟瞧鋵?shí)是非常繁重和耗時(shí)的任務(wù)。

最后，我們?cè)谕？繖谀Ｐ椭谐蜂N了單一圖形的概念。這個(gè)方式允許人們?cè)谕粫r(shí)間快速看到所有的反饋，通過解析面部的表達(dá)方式，去創(chuàng)造一個(gè)更加友好和國(guó)際化可識(shí)別的系統(tǒng)而不是去解讀文本內(nèi)容。我們能夠在原則方向確定之后解決其他問題，例如，這個(gè)新系統(tǒng)，在屏幕上進(jìn)行了位置適配,，所以圖片不會(huì)超出屏幕。我們調(diào)整了反饋標(biāo)簽的位置(置于圖片上方)，這樣你的手指就不會(huì)擋到內(nèi)容了。最后一旦?？繖诒粏酒?，人們就能夠通過滑動(dòng)或者點(diǎn)擊選擇一個(gè)自己想要的反饋。

消耗反饋

總之我們要處理的這些點(diǎn)贊之類的東西，你消耗他們的方式應(yīng)是相當(dāng)簡(jiǎn)單易懂的。我們只會(huì)用”17 likes”來告訴你點(diǎn)了多少個(gè)贊，那就是在like，comment 和share旁邊的一個(gè)表情串。那個(gè)字符串實(shí)際上叫做”閃亮的表情串”。但這個(gè)方案是需要反復(fù)考量的因?yàn)榧榷ǖ?0個(gè)反饋不可能滿足與所有任何多變的想法進(jìn)行流暢的溝通，所以這個(gè)產(chǎn)品特性就是要去證明—人們是不是都覺得這個(gè)帖子或有趣，或悲傷或驚喜。我們也想去傳達(dá)出全部的反饋，就像我們記錄like的總數(shù)一樣。

第一個(gè)方式非常明顯，我們?cè)O(shè)計(jì)一個(gè)閃亮的表情串去表現(xiàn)每一個(gè)反饋，并且包含了計(jì)算它被點(diǎn)擊的次數(shù)。這個(gè)在有一些類型的帖子上表現(xiàn)的非常好，但是它在一些約定俗成的地方表現(xiàn)的不夠好—-特別是公開內(nèi)容，并且理解全部?jī)?nèi)容非常難。閃亮表情串是非常簡(jiǎn)潔的因?yàn)樗鼉H僅是傳達(dá)一連串的信息，并能夠輕易的被瀏覽和理解或者忽視和滾動(dòng)。

我們最初的把所有的反饋呈現(xiàn)出來的方式使得界面過于復(fù)雜

很多探索的方案都行不通

最終的閃亮的表情串設(shè)計(jì)

最后的方案就是聚合三個(gè)使用最多的反饋與總數(shù)結(jié)合。這樣，你就能理解人們?nèi)シ答佉粋€(gè)帖子的總?cè)藬?shù)和理解全部的反饋。另外，我們也能與你的最親密的朋友通過反饋機(jī)制進(jìn)行溝通，你能看到人們?cè)趥€(gè)人帖子下點(diǎn)擊閃亮表情串留下的各式各樣的反饋。

“最終”產(chǎn)品

在差不多一年的工作和幾個(gè)月的測(cè)試之后， 我們非常興奮于開發(fā)了這個(gè)反饋機(jī)制和在這個(gè)過程中學(xué)習(xí)了更多關(guān)于反饋是在日常生活中如何運(yùn)轉(zhuǎn)的。我們希望現(xiàn)在每一個(gè)人都喜歡這個(gè)反饋機(jī)制。

和所有軟件設(shè)計(jì)一樣，沒有事情是完成的，最終的或者結(jié)束的—-反饋機(jī)制也不例外。我們會(huì)繼續(xù)學(xué)習(xí)，在現(xiàn)在的基礎(chǔ)上重復(fù)和改進(jìn)它，但是我們希望這是一個(gè)對(duì)于Facebook來說向更加富于情感化設(shè)計(jì)的經(jīng)歷的重要一步。