你離不開的點(diǎn)贊:淺析“點(diǎn)贊”功能的交互設(shè)計(jì)

6 評論 10140 瀏覽 71 收藏 13 分鐘

“點(diǎn)贊”,可以毫不夸張地說是移動互聯(lián)網(wǎng)和社交媒體時代最熱門的交互方式。筆者關(guān)注到這一現(xiàn)象,并研究數(shù)款熱門APP的點(diǎn)贊體驗(yàn)對比,淺析“點(diǎn)贊”功能的交互設(shè)計(jì)。

目錄

  1. 前言
  2. 產(chǎn)品中增加“點(diǎn)贊”有什么意義?
  3. “點(diǎn)贊”的發(fā)展歷史
  4. 如何設(shè)計(jì)好用有趣的“點(diǎn)贊”方式
  5. 總結(jié)

一、前言

“點(diǎn)贊”毫不夸張地說是移動互聯(lián)網(wǎng)和社交媒體時代最熱門的交互方式。

“點(diǎn)贊”可以快速簡單地評價好友發(fā)布的內(nèi)容,幫助人們在社交媒體上的交流變得頻繁親密,同時用戶為了贏得更多的“贊”,發(fā)布的內(nèi)容精挑細(xì)選提高了平臺內(nèi)容的優(yōu)質(zhì)性。

二、產(chǎn)品中增加“點(diǎn)贊”有什么意義?

送出和收獲的贊的多少、贊的給予偏好等,在某種程度能反映出你是怎樣的人以及處于何種狀態(tài)。點(diǎn)贊的背后其實(shí)反映出你自己。

早在2009年2月10日,F(xiàn)acebook上線了“點(diǎn)贊”功能,顯著提高了用戶留存量,發(fā)帖數(shù)量和質(zhì)量都隨之提升,約30%的用戶每天都會多次點(diǎn)贊。

三、“點(diǎn)贊”的發(fā)展歷史

視頻共享網(wǎng)站 Vimeo 認(rèn)為他們最先開啟了“點(diǎn)贊”大門。當(dāng)時 Vimeo 副總裁 Andrew Pile 認(rèn)為社交新聞聚合器 Diggs 中用戶按“Digg”把內(nèi)容頂上去的概念很棒,所以他們得到了讓用戶可以按“喜歡”的靈感。

而 2007 年,F(xiàn)riendFeed 才真正將“Like” 按鈕作為一項(xiàng)新功能發(fā)布并推廣;2009 年 Facebook 收購了 FriendFeed 后,這項(xiàng)功能也正式整合到 Facebook 中,它掀起了更盛大的一場社交浪潮。

在 Facebook 之后,各大社交媒體網(wǎng)站如 Tumblr、Instagram、Twitter 都開始使用這一功能,有「星星」「愛心」「笑臉」等各種符號出現(xiàn),點(diǎn)贊成為了社交網(wǎng)絡(luò)中的一種通用貨幣。

一個必要功能的出現(xiàn),也意味著它承載著人們必要的需求。點(diǎn)贊滿足的是人們「被關(guān)注被看見被認(rèn)同」的底層需求。

四、如何設(shè)計(jì)好用有趣的“點(diǎn)贊”方式

嘗試從點(diǎn)贊前-點(diǎn)贊時-點(diǎn)贊后分析“點(diǎn)贊”的交互設(shè)計(jì):

1)點(diǎn)贊前

APP產(chǎn)品性質(zhì),以什么方式展示內(nèi)容,所展示內(nèi)容和點(diǎn)贊如何相關(guān)聯(lián)。

大部分APP的點(diǎn)贊圖標(biāo)是大拇指或桃心,還有一些APP為了突出產(chǎn)品特性或增加點(diǎn)贊的樂趣針對點(diǎn)贊做一些特別的設(shè)計(jì)。

如:Keep

Keep為社區(qū)內(nèi)的用戶動態(tài)點(diǎn)贊圖標(biāo)是小喇叭,放大了加油和號召的感覺。keep社區(qū)默認(rèn)按熱度排行,用戶瀏覽時往往都是一段時間最熱門的動態(tài),小喇叭的圖標(biāo)就像希望號召用戶參與進(jìn)來,開始鍛煉。

即刻

即刻APP是年輕人的同好社區(qū),為熱門的主題圈子設(shè)計(jì)了專屬的點(diǎn)贊圖標(biāo)。一般即刻點(diǎn)贊的圖標(biāo)都是大拇指,而關(guān)于愛情的主題圈子下的點(diǎn)贊圖標(biāo)是桃心,關(guān)于籃球的主題圈子下的點(diǎn)贊圖標(biāo)是籃球,關(guān)于貓的主題圈子下的點(diǎn)贊圖標(biāo)是魚干,有趣的是點(diǎn)擊后魚干就變成了魚刺。

Facebook

Facebook將點(diǎn)贊設(shè)計(jì)為可選擇更多的表情符號來表達(dá)自己的心情。Facebook的月活用戶數(shù)達(dá)到23.8億,日活用戶數(shù)15.6億。(數(shù)據(jù)來源中文互聯(lián)網(wǎng)數(shù)據(jù)資訊中心)

“Like”是一款不完美的工具,有很多事情用戶需要表達(dá)復(fù)雜的情感。所以Facebook采用怒、心碎、哇(WOW)、笑趴、大愛提供給用戶點(diǎn)贊時的更多選擇。

扎克伯格貼文說:設(shè)計(jì)可表達(dá)自己情緒圖樣的新款按鈕,因并非當(dāng)下分享的都是令人開心的,有時候也想表達(dá)沮喪和挫折。至于網(wǎng)友期待許久、不同于贊的“遜”按鈕,并非是要告訴親朋好友,有多么不喜歡對方的貼文,而是要表達(dá)同理心,并以適宜的方式分享各種不同的情緒。

微信讀書

微信讀書,用戶瀏覽讀書時長排行榜時,可以為本周堅(jiān)持讀書的好友點(diǎn)贊,也可以選擇“戳一戳”喚醒本周沒有堅(jiān)持讀書的好友?!按烈淮痢钡哪康氖翘嵝押糜驯局苋晕醋x書,督促好友盡快開始讀書。讀書需要點(diǎn)贊鼓勵,也需要好友提醒和督促自己。

2)點(diǎn)贊時

點(diǎn)贊不是簡單的交互,很多優(yōu)秀的產(chǎn)品在點(diǎn)贊過程中為用戶設(shè)計(jì)了獨(dú)特的交互體驗(yàn)。

QQ

如使用QQ為朋友動態(tài)點(diǎn)贊,點(diǎn)贊操作可觸發(fā)自定義特效,還能累積獲得「點(diǎn)贊」的次數(shù)。點(diǎn)贊次數(shù)觸發(fā)需保持一定高速的頻率,數(shù)字可一直累積下去。

QQ主要受眾為年輕的00后群體,點(diǎn)贊的特效符合用戶喜好。點(diǎn)贊次數(shù)累加效果,持續(xù)傳遞給用戶反饋激勵與贊賞,用戶得到足夠的滿足感,鼓勵用戶更多的點(diǎn)贊社交。

馬蜂窩

馬蜂窩APP:為游記類型動態(tài)點(diǎn)贊時,會觸發(fā)可自選品牌表情符號的點(diǎn)贊特效,同時疊加點(diǎn)贊次數(shù)。重新設(shè)計(jì)為游記點(diǎn)贊的新玩法,甚至有種打游戲的使用體驗(yàn),達(dá)到讓用戶用得爽用得好玩的目的。

嗶哩嗶哩

嗶哩嗶哩APP,長按點(diǎn)贊按鈕素質(zhì)三連:自動點(diǎn)贊+投幣+收藏。每個UP主都是B站的重要資源,UP主通常會在視頻中提醒用戶“點(diǎn)贊投幣關(guān)注”。B站作為視頻平臺設(shè)計(jì)一鍵三連的交互,為用戶節(jié)省時間,增加點(diǎn)贊投幣收藏的幾率,幫助UP主提高人氣。

另外在嗶哩嗶哩內(nèi)為視頻點(diǎn)贊時,會觸發(fā)嗶哩嗶哩品牌形象動畫特效。

今日頭條

今日頭條APP在點(diǎn)贊的時候可以累加次數(shù)外,每一次點(diǎn)擊都會迸發(fā)出和煙花一樣的表情符號,大大提高了用戶點(diǎn)贊的趣味性。

3)點(diǎn)贊后

用戶點(diǎn)贊后,不意味著點(diǎn)贊這項(xiàng)交互行為的結(jié)束,點(diǎn)贊后的很多小細(xì)節(jié)也可以打動用戶。

小紅書

小紅書APP,用戶使用小紅書APP為喜歡的內(nèi)容點(diǎn)贊后,會觸發(fā)特別的文案。“感謝你真誠的贊”、“感覺對,繼續(xù)贊”……

簡單的一句文案設(shè)計(jì)比“點(diǎn)贊成功”帶給用戶的感情共鳴更深刻。點(diǎn)贊不光對創(chuàng)作者是一種激勵,對于點(diǎn)贊的用戶本身更需要鼓勵或認(rèn)可。

基于產(chǎn)品屬性有很多小細(xì)節(jié)設(shè)置了點(diǎn)贊的交互,如果用戶發(fā)現(xiàn)的話很容易給用戶帶來驚喜的感受。

即刻

即刻APP,可以為用戶頭像點(diǎn)贊。即刻APP是年輕人的同好社區(qū)。用戶挑選的頭像其實(shí)花了很多心思,當(dāng)被其他人點(diǎn)贊的時候,更容易獲得特別的認(rèn)同感。

微信朋友圈封面點(diǎn)贊的互動方式也有同樣的意義。

五、總結(jié)

貼吧、簡書、知乎

目前貼吧、簡書和知乎都設(shè)置了“踩”的功能,但是“踩”的按鈕都不表明數(shù)量。根據(jù)產(chǎn)品性質(zhì)三類APP都屬于UGC內(nèi)容性產(chǎn)品,或許平臺也希望除了贊的數(shù)量做篩選機(jī)制外,增加“踩”的維度提高內(nèi)容優(yōu)質(zhì)排行的作用吧。

在2016年Facebook也考慮加入“不喜歡”按鈕。Facebook當(dāng)時的替代方案就是增加表情符號提供給用戶,從而幫助用戶對內(nèi)容表達(dá)更復(fù)雜的情緒。

目前看來,如果真的推出,那么“踩”按鈕將被限制在公開內(nèi)容中,作為一種方式幫助用戶自行控制想要查看哪些評論。加入“踩”按鈕也可以幫助Facebook收集數(shù)據(jù),深入了解用戶對什么樣的討論感興趣。這也可以幫助Facebook更好地了解置頂評論以及被“踩”評論的調(diào)性和內(nèi)容,從而讓Facebook更好地促進(jìn)“有意義的”互動。

互聯(lián)網(wǎng)集結(jié)了現(xiàn)實(shí)生活中孤立的人們,而點(diǎn)贊鏈接了人們之間的情感。社交媒體是我們表達(dá)自我建立關(guān)系的空間,我們離不開點(diǎn)贊,關(guān)于點(diǎn)贊的交互設(shè)計(jì)從來都是需要我們好好設(shè)計(jì)的功能,因?yàn)樗陵P(guān)重要。

參考文章

  1. 2019年第一季度Facebook財(cái)報(bào)文檔及簡要數(shù)
  2. Facebook“點(diǎn)贊”被修改,幕后經(jīng)過揭秘
  3. Facebook承認(rèn)在內(nèi)容評論中測試“踩”按鈕
  4. FB的盛衰史,成也“點(diǎn)贊”、敗也“點(diǎn)贊”
  5. 你永遠(yuǎn)戒不掉的點(diǎn)贊

歡迎交流學(xué)習(xí)

配圖來自網(wǎng)絡(luò),無商業(yè)用途。

 

本文由 @藍(lán)色彈珠? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 1

    回復(fù)
  2. 樓主中南的?不知道是哪屆的,竟然遇到校友~

    來自北京 回復(fù)
  3. 咯破沒事

    回復(fù)
  4. 只是羅列了一些軟件或網(wǎng)站的點(diǎn)贊設(shè)計(jì),希望看到更多關(guān)于設(shè)計(jì)本身的考慮,或者低層人性需求的分析

    回復(fù)
    1. 感謝你的建議

      回復(fù)
  5. 只是羅列了一些軟件或網(wǎng)站的點(diǎn)贊設(shè)計(jì),希望看到更多關(guān)于設(shè)計(jì)本身的考慮,或者低層人性需求的分析

    回復(fù)