寫在前面的話:Reactions是臉書一個(gè)耗時(shí)一年多的項(xiàng)目,這個(gè)功能的改動(dòng)將會(huì)涉及到臉書的全部用戶。在用戶量異常龐大的產(chǎn)品之上做如此重大的功能更新,任何一個(gè)公司都會(huì)謹(jǐn)慎對(duì)待。此文由臉書的產(chǎn)品設(shè)計(jì)師Geoff Teehan發(fā)布于Medium,分享了Reactions整個(gè)的設(shè)計(jì)過(guò)程,讓我們可以學(xué)習(xí)到其中的方法論。

譯文較長(zhǎng),遂在正文之前附上精簡(jiǎn)的版本。
精簡(jiǎn)版
● 用戶說(shuō)點(diǎn)贊不夠用了,我們也發(fā)現(xiàn)了這點(diǎn),扎老板說(shuō)組建個(gè)團(tuán)隊(duì)吧;
● 分析問(wèn)題、預(yù)知風(fēng)險(xiǎn):如何簡(jiǎn)單易用?如何讓用戶最好的接受?如何跨平臺(tái)跨設(shè)備運(yùn)行?等等……
● 分解問(wèn)題:①除了點(diǎn)贊還要增添哪些Reactions,②怎么使用Reactions;
● 設(shè)計(jì)原則:①全球通用/國(guó)際化,②Reactions是廣泛使用且富有表達(dá)的;
● 研究用戶使用最多的表情貼紙以及信息流中的短評(píng),以幫助增添哪些Reactions;
● 研究并測(cè)試Reactions使用什么樣的圖形樣式;
● Reactions作為一個(gè)整體系統(tǒng)的原則:①Reactions是點(diǎn)贊的擴(kuò)展,②不能增加已有操作的難度;
● 測(cè)試并迭代用戶使用Reactions的方案;
● 確定如何在信息流中展示Reactions;
● 接近一年的工作及幾個(gè)月的測(cè)試,最終發(fā)布Reactions。
------下面進(jìn)入正文------
我在臉書分享生活中的點(diǎn)滴,不論是慶祝堅(jiān)持練習(xí)瑜伽60天,還是哀悼逝去的親人。只是想要一種簡(jiǎn)單的方式,來(lái)表達(dá)我們的喜愛(ài),或者當(dāng)生活出現(xiàn)轉(zhuǎn)折的時(shí)候表達(dá)同情。
2009年,臉書推出“點(diǎn)贊”功能,用戶可以用它對(duì)朋友發(fā)布的內(nèi)容作出反應(yīng),“點(diǎn)贊”大受歡迎。在瀏覽信息流的同時(shí),輕點(diǎn)大拇哥就能讓朋友感知到你。
是時(shí)候超越點(diǎn)贊了
用戶告訴我們,他們希望在臉書里有更多的方式來(lái)表達(dá)自我。大約一年前,Mark組建了一個(gè)團(tuán)隊(duì),來(lái)嚴(yán)肅的思考如何讓“點(diǎn)贊”變得更豐富。大家很興奮,因?yàn)椴皇敲刻於加羞@樣的機(jī)會(huì),做如此重要的一項(xiàng)功能。
我們一開始就知道這是個(gè)極具挑戰(zhàn)的項(xiàng)目,如何跨平臺(tái)、跨設(shè)備運(yùn)行就是最顯而易見的一個(gè)。再比如,我們花費(fèi)很多精力打磨點(diǎn)贊、評(píng)論、分享,所以現(xiàn)在才如此易用,任何改動(dòng)都會(huì)影響眾多用戶的行為。如何精心策劃才能讓用戶覺(jué)得所做的改動(dòng)如此自然,從而不干擾臉書上的任何用戶。
還有其他問(wèn)題:Reactions是怎樣的?如何讓全球的用戶都能理解?如何讓用戶最好的接受Reactions?如何讓用戶簡(jiǎn)單的使用Reactions?在解決這些復(fù)雜問(wèn)題的同時(shí),還要確保“點(diǎn)贊”機(jī)制的簡(jiǎn)單易用。
像所有優(yōu)秀的設(shè)計(jì)一樣,達(dá)成簡(jiǎn)單方案的過(guò)程都是復(fù)雜的。
善解人意如此重要,所以我們花費(fèi)大量的時(shí)間來(lái)做了很多次迭代。那么問(wèn)題來(lái)了,如何讓用戶在更好更豐富的表達(dá)自己的同時(shí),使Reactions通用。
我們將之分解為兩個(gè)問(wèn)題并同時(shí)進(jìn)行:
● 除了點(diǎn)贊還加入什么Reactions
● 怎么使用與展示
在項(xiàng)目行進(jìn)的時(shí)候我們把一些關(guān)鍵原則作為我們的操作手冊(cè),用以幫助團(tuán)隊(duì)進(jìn)行決策。雖然它們不能告訴我們最終的方案是什么,但是能提示我們什么不是,最終引導(dǎo)大家向前。
這些原則是通過(guò)真實(shí)的研究與數(shù)據(jù)得出的,還有臉書才華橫溢行業(yè)精英的直覺(jué)與知識(shí)。如此,組建的團(tuán)隊(duì)里有研究專家、內(nèi)容策略專家、工程師還有設(shè)計(jì)團(tuán)隊(duì):Andy?Chung,Brandon?Walkin?與?Brian?Frick。
The?Reactions
下面是我們一直遵守的設(shè)計(jì)原則:
●?Reactions是全球通用的。這樣更多的人才能連接與交流。
●?Reactions是廣泛使用與富有表達(dá)的。人們像真實(shí)生活中一樣來(lái)表達(dá)自己。
首先需要考慮包含多少Reactions。這似乎是一個(gè)簡(jiǎn)單的任務(wù):在點(diǎn)贊按鈕旁邊放一個(gè)大拇哥向下的表情不就好了。然而并不是這么簡(jiǎn)單,用戶需要更復(fù)雜更豐富的表達(dá)。人們?cè)谌粘I钪锌刹皇怯谩岸M(jìn)制”式的喜歡或不喜歡來(lái)對(duì)事物作出反應(yīng)。
難道要向Emoji一樣讓用戶在數(shù)百種Reactions中做選擇?多半也不是。一條被留下很多類型Reactions的Po文在信息流中將難以閱讀。此外,通用性隨著表情數(shù)量的增多而下降。
在一年多的時(shí)間里,我們研究探索什么類型的表情最具吸引力。
表情貼紙
我們研究了臉書中使用最多的表情貼紙與Emoji,來(lái)了解人們使用什么類型的“Reactions”。

表情貼紙最常用的搜索項(xiàng)
研究了用戶在搜索哪些表情貼紙:

短評(píng)排行榜
還研究了全球常用的短評(píng)。讓我們了解人們表達(dá)自己的特定語(yǔ)言,并幫助我們更全面的了解在什么情境下使用這些短評(píng)。下面是美國(guó)短評(píng)的樣本:

除了分析樣本,我們與國(guó)際化團(tuán)隊(duì)合作,跟不同國(guó)家的用戶交談。之后我們得到了一個(gè)凝縮的列表:

你可能注意到,最終發(fā)布的Reactions中并不包含“Confused”與“Yay”?!癈onfused”在測(cè)試中是使用最少的,反而讓用戶對(duì)“Reactions”的認(rèn)知負(fù)擔(dān)加重。“Yay”也很難做出區(qū)分,不夠簡(jiǎn)單與國(guó)際化,并且同“Haha”、“Like”重復(fù)。移除這兩個(gè)Reactions后讓系統(tǒng)更整體。
未完待續(xù)