我們重新設(shè)計(jì)了Medium的鼓掌?
點(diǎn)贊按鈕最早為Facebook設(shè)計(jì),后來成為各大應(yīng)用標(biāo)配功能之一。而在Medium上,他們并不滿足于此:點(diǎn)贊并不能代表讀者真正的情感,于是他們?cè)O(shè)計(jì)了鼓掌?,還進(jìn)行了多次優(yōu)化。這篇文字,將為你講述:Medium的鼓掌?背后迭代的故事
你應(yīng)該已經(jīng)了解了或已經(jīng)使用過Medium新的用戶反饋機(jī)制——鼓掌?。至今為止,Medium上已經(jīng)有很多文章,對(duì)以前的反饋機(jī)制和現(xiàn)在的反饋機(jī)制進(jìn)行分析對(duì)比。本文將不再贅述。
相反,我們將討論?在移動(dòng)端是怎么實(shí)現(xiàn)的,以及交互方式的改進(jìn)是如何影響用戶行為的。然后,我們會(huì)客觀地評(píng)論我們自己的解決方案。
下圖是現(xiàn)在?的交互方式:
我們收到移動(dòng)端的用戶反饋如下:
- ? 用的時(shí)間太長(zhǎng)了。為了給作者50個(gè)?(最多50個(gè)),讀者需要按住鼠標(biāo)25秒。也就是說,一秒鐘只能給作者2個(gè)?。和Medium的網(wǎng)絡(luò)端一秒鐘可給作者5個(gè)?相比,移動(dòng)端慢了近2.5倍。
- ?每次只能增加一個(gè),顆粒度太小了。讀者想要給作者精確的17個(gè)?的可能性遠(yuǎn)遠(yuǎn)低于給作者15個(gè)?或者20個(gè)?。(意思是可以讀者的一次點(diǎn)擊,可以增加多個(gè)?,而不僅僅只增加一個(gè))
- 取消?的按鈕太不好找了,居然被隱藏在了分享菜單里:
我們給出的解決方案如下:
動(dòng)畫效果如下圖所示:
按照上圖改進(jìn)后,我們收到了如下的用戶反饋:
- 滑塊的引入使得讀者能更快地表達(dá)自己的感謝。當(dāng)然,讀者在讀完文章之前,可以自己決定到底想要給作者多少個(gè)?。同時(shí),讀者仍然可以通過點(diǎn)擊?icon來增加?的次數(shù)。
- ?+1后,鼓掌在滑塊上每次增加5個(gè)(這確實(shí)是我們想要的,但是我們沒有看到它增加的動(dòng)畫)
- 取消?好找了一點(diǎn)。向左滑動(dòng)?icon就能看到了,如下圖所示:
為什么我們的解決方案沒有解決用戶的問題呢?
“滿意”
Medium的工作人員都是很聰明的,產(chǎn)品團(tuán)隊(duì)很有可能認(rèn)真考慮了我們的解決方案。畢竟,Medium新的商業(yè)模式促使?的誕生,因此,?的出現(xiàn)并不是盲目的。我們意識(shí)到了這點(diǎn),因此,我們也開始重新審視我們的設(shè)計(jì):
在Medium公開發(fā)表的聲明中,我們可以看到Medium想給讀者一種更好的方式去給作者反饋意見。因此,他們相信目前的經(jīng)驗(yàn)是最令人滿意的。我們滑塊的設(shè)計(jì)確實(shí)沒有帶給讀者更滿意的解決方案,但是我們相信仍然有改進(jìn)這個(gè)動(dòng)畫效果的空間。
像現(xiàn)實(shí)生活那樣鼓掌?
目前,讀者想要展現(xiàn)出的對(duì)作者的感謝和?的數(shù)量正相關(guān),?的數(shù)量和讀者按住?按鈕的時(shí)間有關(guān)——如果有個(gè)讀者用了自己生命的25秒只為了給作者50個(gè)?,那么,這個(gè)讀者一定很喜歡某篇文章。
就像在現(xiàn)實(shí)生活中,我們鼓掌的時(shí)間越長(zhǎng),則表示我們?cè)较矚g這個(gè)東西。
但客觀地說,如果感謝是影響讀者鼓掌時(shí)間長(zhǎng)短的一個(gè)因素,那么移動(dòng)端和WEB端每秒鼓掌的頻率應(yīng)該一樣。
而現(xiàn)在卻是:我在我的手機(jī)上按住?按鈕5秒,也就是10個(gè)?,而在電腦端針對(duì)同一篇文章執(zhí)行同樣的操作,卻是25個(gè)?。
然后,也許Medium猜想用戶可能并不清楚他們到底想要給多少個(gè)?,而是用戶只是按住?按鈕直到他們覺得?足夠的時(shí)候才會(huì)松開?按鈕。
因此,Medium采用了?每次只增加一個(gè)的方案,同時(shí),用戶也不會(huì)在一場(chǎng)表演結(jié)束之前決定要不要給這個(gè)表演15個(gè)?,用戶僅僅只是?而已。再次,Medium現(xiàn)在的方案能更形象地反應(yīng)用戶在現(xiàn)實(shí)生活中鼓掌的樣子。
但事實(shí)真的如此嗎?
有意義的動(dòng)畫效果
上文我們已經(jīng)說過了,如果某人花時(shí)間給作者50個(gè)?,說明這個(gè)人是真的喜歡這個(gè)文章。
Medium采用了更友好地方式來展現(xiàn)?的效果。而我們的設(shè)計(jì)雖然讓?更簡(jiǎn)單了,但是卻沒有展現(xiàn)作者的價(jià)值。
網(wǎng)頁(yè)的限制
我們的解決方案也許會(huì)因?yàn)椴季纸Y(jié)構(gòu)的限制無法更好地展現(xiàn)在網(wǎng)頁(yè)上。滑塊的交互可以通過鼠標(biāo)懸停效果實(shí)現(xiàn),就像Facebook那樣。之后,我們可能會(huì)更新我們的設(shè)計(jì)方案,包括網(wǎng)頁(yè)上是怎么展現(xiàn)這個(gè)交互的。
金錢?
最后,可能Medium故意讓取消?很難發(fā)現(xiàn)。如果根據(jù)作者收到的?數(shù)量計(jì)算作者的收益,那么取消?確實(shí)應(yīng)該這么設(shè)計(jì)。在網(wǎng)頁(yè)上,取消?同樣很難被發(fā)現(xiàn)(你需要將鼠標(biāo)懸停在?的圖標(biāo)上),因此如果這真的是商業(yè)導(dǎo)致的,那也就不足為奇了。同時(shí),取消?也不是一個(gè)高頻行為。
也許這篇文章展示了Medium的產(chǎn)品團(tuán)隊(duì)是如何迭代?的設(shè)計(jì)的,也許這篇文章僅僅證實(shí)了你已經(jīng)猜到的信息。我們很容易批判或者改進(jìn)別人的設(shè)計(jì),但是只有當(dāng)你從多方面考慮問題后得出的解決方案才可能是有效的。
——————Q_misky心得——————
我們?cè)谑褂脛e人的產(chǎn)品時(shí),總能發(fā)現(xiàn)很多用著不爽的地方。但是我們能想到的,為什么別人想不到?既然別人能想到,那為什么別人卻沒有這么做呢?可能想明白這點(diǎn),對(duì)自己的提升更大些。就像原文中的作者所說:“我們很容易批判或者改進(jìn)別人的設(shè)計(jì),但是只有當(dāng)你從多方面考慮問題后得出的解決方案才可能是有效的?!?希望自己能做到!
原文:Our redesign of Medium’s Claps…and why they may not have chosen to do it this way.(要翻墻哦~)
來源:medium
作者:Jason Li @TomYum的創(chuàng)始人
發(fā)布時(shí)間:2017年8月29日
閱讀量:57K(截止2017-09-02)
翻譯:Q_misky
本文由 @Q_misky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
嗯嗯
感謝作者。受教了 ??