編輯導(dǎo)讀：在生活中，當(dāng)我們不知道吃什么買什么的時(shí)候，很多人都會(huì)參考軟件上的排行榜。排行榜在幫助用戶做決定的同時(shí)，引導(dǎo)用戶購(gòu)買目標(biāo)產(chǎn)品，極大降低了用戶的選擇成本。本文作者圍繞排行榜的交互設(shè)計(jì)展開四個(gè)方面的詳細(xì)分析，與你分享。

排行榜設(shè)計(jì)有幾種展示方式？排行榜入口引導(dǎo)怎么做？視覺(jué)表現(xiàn)有那些？看這一篇，帶你全面了解排行榜的背后思考及做法！

• “今天吃什么??？”
• “不知道啊，看看大眾點(diǎn)評(píng)，哪家店比較靠前”
• “一會(huì)去看什么電影？”
• “我看豆瓣上，這部片子評(píng)分特別高，我們?nèi)タ催@個(gè)吧”

當(dāng)我們每天面對(duì)類似“吃什么”“買哪個(gè)品牌”“周末去哪玩”等等需要抉擇的問(wèn)題時(shí)，面對(duì)的選擇越多卻越不知道如何做決定，或者當(dāng)下做了決定覺(jué)會(huì)一直思考做的這個(gè)決定是不是最好的，選擇困難變成了大眾病。

面對(duì)用戶的選擇需求各大平臺(tái)都有自己的方式，幫助用戶做決定的同時(shí)，引導(dǎo)用戶購(gòu)買目標(biāo)產(chǎn)品，極大的降低了用戶的選擇成本，其中排行榜就是平臺(tái)的常用套路。

用戶的選擇成本是什么？排行榜為什么能夠幫助用戶降低選擇成本？排行榜僅僅是用來(lái)降低用戶的選擇成本，為什么商家對(duì)排行榜也趨之若鶩？

下面帶你了解為什么人人都愛(ài)排行榜，及我們生活無(wú)處不在的“顯性”“非顯性”排行榜。你可能都不知道，我們的生活正在被各種排行榜所支配！

一、什么是排行榜？

排行榜的本質(zhì)是一個(gè)沒(méi)有感情的信息篩選機(jī)制，某一相關(guān)的同類事物之間通過(guò)比較，反映同類事物客觀實(shí)力。

排行榜建立的基礎(chǔ)在于用戶對(duì)信息篩選平臺(tái)權(quán)威性的認(rèn)可，比如我們買衣服會(huì)首選淘寶，電子類產(chǎn)品會(huì)首選京東，看電影會(huì)看豆瓣評(píng)分，這些都是對(duì)平臺(tái)某一領(lǐng)域權(quán)威性的認(rèn)可。

用戶信任平臺(tái)權(quán)威性對(duì)信息的篩選，由于錨定效應(yīng)降低用戶自己的選擇成本，準(zhǔn)備快速的做出選擇。同時(shí)由于用戶的從眾心理或者羊群效應(yīng)，也會(huì)對(duì)上榜主體產(chǎn)生強(qiáng)烈的品牌認(rèn)可，為上榜主體帶來(lái)更多的利益、強(qiáng)烈的榮譽(yù)感、甚至流量和平臺(tái)背書標(biāo)簽，比如：B站的百大up主，各個(gè)平臺(tái)排行榜的銷量冠軍、朝陽(yáng)地區(qū)必吃榜第一名。那這一切背后的原理是什么？

二、排行榜的原理及作用

一個(gè)完整的排行榜需要平臺(tái)、上榜主體、用戶三大組成部分，俗話說(shuō)屁股決定腦袋，不同的定位決定了排行對(duì)三大組成部分不同的作用，當(dāng)然背后的原理也不盡相同。

1. 排行榜——用戶

1）選擇類排行榜-降低用戶選擇成本

在沒(méi)有各種應(yīng)用前，當(dāng)我們決定購(gòu)買什么東西或去哪家消費(fèi)，前期需要花費(fèi)大量的人力、物力，搜集相關(guān)的信息進(jìn)行整理集合后，對(duì)比集合信息后才能做出決定，也就是說(shuō)用戶需要經(jīng)過(guò)信息的搜集-備選集的建立-擇優(yōu)決策3個(gè)過(guò)程才能等到最終的結(jié)果。

在建立備選集后，做出擇優(yōu)決策階段發(fā)生的成本或費(fèi)用都是用戶付出的選擇成本（前兩個(gè)階段發(fā)生的成本是交易費(fèi)用，而不是選擇成本）。在備選集的建立過(guò)程中，包含的選擇越多，用戶選擇的難度就越大，選擇成本就會(huì)越高。

選擇性排行榜在備選集建立完成后，利用沉錨效應(yīng)在用戶心理建立潛意識(shí)的目標(biāo)參照，幫助用戶完成擇優(yōu)決策，降低用戶的選擇成本。（另一方面平臺(tái)在幫助降低選擇成本的同時(shí)，也會(huì)影響這用戶的最終選擇，在接下來(lái)的平臺(tái)側(cè)方面會(huì)有詳細(xì)的分析）

比如說(shuō)：當(dāng)我需要買個(gè)耳機(jī)時(shí)，如果在沒(méi)有各大應(yīng)用的前提下，我需要找到我身邊的耳機(jī)發(fā)燒友或數(shù)碼電子方面方面的內(nèi)行人，收集信息建立備選集，但由于京東在電子設(shè)備方面的權(quán)威性，我會(huì)優(yōu)先查看京東的耳機(jī)類排行榜，也就是說(shuō)京東完成了前期的信息搜集及備選集建立，而用戶出于對(duì)平臺(tái)權(quán)威性的信任，根據(jù)平臺(tái)給出的維度參照、品牌參照、價(jià)格、標(biāo)簽參照等信息，最終快速的完成自己的選擇。整個(gè)過(guò)程就是用戶在對(duì)錨的尋找，以及用戶對(duì)信息確定性的尋找過(guò)程。

2）信息類排行榜-滿足社交需求

在馬斯洛需求中，當(dāng)個(gè)人的生理需求和安全需求被滿足時(shí)，與他人建立情感聯(lián)系或關(guān)系成為人們最強(qiáng)烈的需求，即社交需求。

社交又分為：為達(dá)到某種目的產(chǎn)生的功利社交或?yàn)楂@得情感連接及體驗(yàn)的共情社交需求。例如：QQ音樂(lè)新增的撲通社區(qū)、微博明星超話打榜等功能模塊的火熱正是滿足了擁有共同興趣愛(ài)好的用戶對(duì)于共情社交的需求。

無(wú)論是“功利社交”還是“共情社交”首先需要的是溝通，溝通的本質(zhì)則是信息的流通，但當(dāng)雙方都沒(méi)有可以溝通的信息時(shí)則社交不成立，而類似：微博熱搜、今日頭條、澎湃新聞等信息類排行榜，則給有社交需求的用戶提供了相通的談資。

在選擇類排行榜中，提到的從眾心理（又稱羊群效應(yīng)），是指人類由于對(duì)信息壓力及規(guī)范壓力，會(huì)希望融入到群體中尋求安全感的特性，即便此類信息與自己無(wú)關(guān)。大部分人由于對(duì)未獲得及時(shí)信息的焦慮感，會(huì)熱衷于瀏覽此類排行榜來(lái)獲取實(shí)時(shí)信息，融入群體生活。

每天早上，在通勤的路上用戶利用碎片時(shí)間刷微博、瀏覽知乎或今日頭條等應(yīng)用了解最近發(fā)生了什么社會(huì)事件，在上班電梯或工作間隙討論各自掌握的信息，及對(duì)事件的見(jiàn)解，甚至在與他人有相同的見(jiàn)解或之后，會(huì)對(duì)對(duì)方產(chǎn)生莫名的親近感，滿足自己的社交需求。

3）分享類排行榜-自我確認(rèn)需求

過(guò)年期間各家app紛紛推出自己的用戶年度報(bào)告總結(jié)榜，不知道你有沒(méi)有參與到其中，并分享到自己的朋友圈。在我們的平常生活中也會(huì)在朋友圈、B站等看到各種測(cè)試自己隱藏能力或性格的小程序，人們對(duì)于這類活動(dòng)的空前熱情其實(shí)是因?yàn)槿祟惓诵枰畔⒌拇_認(rèn)外，還需要了解自身在大數(shù)據(jù)下的自我確認(rèn)，通過(guò)各種各樣的榜單，判斷自身的能力、情緒、價(jià)值等，來(lái)達(dá)到自我認(rèn)同，否則就會(huì)感到焦慮不安。

加拿大社會(huì)學(xué)家歐文·戈夫曼在《日常生活中的自我呈現(xiàn)》中提出他對(duì)社會(huì)生活的理解“社會(huì)是舞臺(tái)，人人皆演員”。

在社會(huì)這個(gè)舞臺(tái)我們需要對(duì)外有印象管理的過(guò)程，我們想要呈現(xiàn)給觀眾怎樣的形象，需要我們對(duì)自身及身邊人有所思考和了解。所以在社會(huì)生活中我們呈現(xiàn)的是自己思考管理下被他人和社會(huì)接受的自己，為了維持自身的平衡防止崩潰，人類會(huì)自發(fā)“忠誠(chéng)、紀(jì)律、謹(jǐn)慎”的維護(hù)自己的外在形象。

而互聯(lián)網(wǎng)平臺(tái)大數(shù)據(jù)則折射出“隱形”的自己，讓用戶更加清楚的認(rèn)知自己，同時(shí)通過(guò)分享，滿足自我確認(rèn)以及他人確認(rèn)的需求。

我目前只總結(jié)出這三種類型的排行榜，如果有小伙伴想到其他類型歡迎在評(píng)論區(qū)提出，一起參與討論。

無(wú)論哪種排行榜，用戶信任的基礎(chǔ)都來(lái)自對(duì)平臺(tái)的信任，那么用戶為什么信任平臺(tái)？排行榜對(duì)平臺(tái)意味著什么？背后原理是什么？

2. 排行榜——平臺(tái)

對(duì)于用戶來(lái)說(shuō)排行榜是為了滿足用戶對(duì)于數(shù)據(jù)參數(shù)、社交信息、自我個(gè)人的確定性，選擇成本是品牌經(jīng)濟(jì)學(xué)的核心，而用戶對(duì)于排行的信任首先要建立在平臺(tái)品牌的權(quán)威性下。

1）平臺(tái)權(quán)威性—用戶側(cè)

從我們記事起，我們對(duì)世界的認(rèn)識(shí)來(lái)自自己的父母或老師，而這些教導(dǎo)我們什么是對(duì)、錯(cuò)，對(duì)當(dāng)時(shí)的我們來(lái)說(shuō)是權(quán)威的化身。長(zhǎng)大后我們對(duì)于權(quán)威的認(rèn)可更傾向于某一領(lǐng)域的專家，比如：醫(yī)生、律師、教授等。認(rèn)為處于權(quán)威地位的人在某一領(lǐng)域相對(duì)普通用戶的判斷更可靠，可以幫助普通用戶節(jié)省研究問(wèn)題的工作，做出更輕松的決定，雖然不一定是正確的。

搜索我們會(huì)第一時(shí)間想到百度，影視、書籍會(huì)想到豆瓣，想聽(tīng)音樂(lè)會(huì)打開網(wǎng)易云音樂(lè)、QQ音樂(lè)等等。各大應(yīng)用經(jīng)過(guò)長(zhǎng)時(shí)間的廝殺各自在用戶心中建立了某一領(lǐng)域的權(quán)威性，形成品牌號(hào)召力，推動(dòng)用戶做出需求決策。

另一方面排行榜中也會(huì)說(shuō)明數(shù)據(jù)來(lái)源，比如京東會(huì)在排行榜頁(yè)面有明確的榜單說(shuō)明，豆瓣根據(jù)平臺(tái)數(shù)據(jù)更新，汽車之家依靠外部的權(quán)威數(shù)據(jù)等等方式力證自己榜單的公正、透明，減少用戶做出決定中的思考、猜測(cè)，獲得用戶的信任，增強(qiáng)平臺(tái)的權(quán)威性。那對(duì)于平臺(tái)來(lái)說(shuō)權(quán)威性的建立意味著什么？

2）平臺(tái)權(quán)威性—平臺(tái)側(cè)

影響用戶的決策方向：

平臺(tái)權(quán)威性意味著說(shuō)服力和影響力，在減輕用戶的決策壓力的同時(shí)，影響用戶做出平臺(tái)所需的決策方向；

平臺(tái)自帶話題性：

每年蘋果發(fā)布會(huì)都會(huì)帶來(lái)范圍極大的熱度討論，而app store內(nèi)的熱門推薦自帶話題度和討論熱度；

輸出口優(yōu)化：

排行榜作為內(nèi)容輸出口，在平臺(tái)權(quán)威性的背書下，產(chǎn)品優(yōu)化自身的價(jià)值，而平臺(tái)也可以通過(guò)排行榜優(yōu)化自身平臺(tái)價(jià)值；

平臺(tái)盈利：

平臺(tái)權(quán)威性下，可以通過(guò)多種方式達(dá)到盈利，比如蘋果app store應(yīng)用商店內(nèi)的付費(fèi)應(yīng)用，百度的鳳巢系統(tǒng)、微博熱搜的第3、4位排名等。

3）平臺(tái)權(quán)威性—廣告告知

在平臺(tái)完成建立權(quán)威性開始利用排行榜進(jìn)行商業(yè)變現(xiàn)時(shí)，比如百度、58的競(jìng)價(jià)排名，現(xiàn)在大部分應(yīng)用會(huì)使用明顯的方式告知用戶，防止平臺(tái)建立品牌權(quán)威性。比如微博熱搜第3、4位廣告位的“薦”，淘寶、小紅書推薦猜你喜歡的“廣告”。

3. 排行榜——上榜主體

上榜主體作為整個(gè)排行榜的內(nèi)容中心，由于排行榜自帶的競(jìng)爭(zhēng)機(jī)制、篩選機(jī)制，使得用戶會(huì)很樂(lè)于分享出去，比如游戲類應(yīng)用王者榮耀的勝利者排位、微信運(yùn)動(dòng)排行榜。

由于馬太效應(yīng)上榜主體中的頭部用戶會(huì)獲得平臺(tái)更多的曝光量、絕大部分用戶的關(guān)注度，以及各種潛在資源，比如：流量、資源、人脈、某一領(lǐng)域影響力、平臺(tái)背書等等，這些都是潛在的社交貨幣。這種激勵(lì)機(jī)制極大的滿足了上榜主體的榮譽(yù)感、及平臺(tái)歸宿感，比如bilibili不同粉絲量級(jí)會(huì)送出相對(duì)應(yīng)的粉絲牌。

而平臺(tái)方也利用上榜主體挖掘潛在的用戶，為平臺(tái)帶來(lái)更多的新用戶，加強(qiáng)平臺(tái)權(quán)威性，形成平臺(tái)和上榜主體的良性循環(huán)。甚至與出現(xiàn)上榜主體自己的流量超過(guò)平臺(tái)自身流量，帶走平臺(tái)用戶的情況。比如去年和熱鬧的“巫師財(cái)經(jīng)推出b站，簽約西瓜視頻”，各大平臺(tái)也時(shí)不時(shí)會(huì)出現(xiàn)搶占流量up主的情況。

4. 排行榜資源的建立

排行榜設(shè)計(jì)要達(dá)到用戶攀比的效果，很重要的充分條件就是相同需求的好友基數(shù)足夠大，這樣才能構(gòu)成排行榜設(shè)計(jì)成功的必要條件。

1）同系同門資源導(dǎo)流

對(duì)于已有成功產(chǎn)品的公司，可以借助平臺(tái)相互間的導(dǎo)流完成初試資源的搭建，比如：微信初期借助QQ好友流量，帶來(lái)好友初期的爆發(fā)；抖音最初的活躍借助今日頭條的流量輸入。

2）自建用戶體系

不斷推送已關(guān)注好友的信息流，當(dāng)通訊錄好友開始使用頭條都要發(fā)送系統(tǒng)推送。比如全年年低火爆全網(wǎng)的cloubhouse就是利用的熟人社交，你要先有這個(gè)人聯(lián)系方式才能要求好友，關(guān)注的人越多才能解鎖更多的聊天室。通訊錄、地理位置、興趣偏好等等，不斷社區(qū)建設(shè)推送動(dòng)態(tài)信息流和好友卡片推薦。

3）偽造

當(dāng)應(yīng)用建立初期，沒(méi)有很多的資源和內(nèi)容時(shí)，需要平臺(tái)自行填充內(nèi)容，使得排行榜信息量大，增加用戶活躍，才能挖掘用戶的需求和個(gè)性化。不如一些小編推薦、猜你喜歡等等，或是平臺(tái)pgc發(fā)布推送的內(nèi)容。

三、排行榜的入口形式

面對(duì)不同的用戶人群及使用場(chǎng)景排行榜的入口表現(xiàn)形式也會(huì)千變?nèi)f化，根據(jù)表現(xiàn)形式大體可分為“顯性排行榜”和“隱形排行榜”。

1. 顯性排行榜

在界面有明顯的榜單名稱、排序、評(píng)判規(guī)則、上榜主體、賣點(diǎn)信息等。排序和內(nèi)容主體是這個(gè)排行榜的基本構(gòu)成，其他則根據(jù)不同產(chǎn)品類型及產(chǎn)品需求決定是否展示。

1）頁(yè)面tab

在首頁(yè)底部或頂部tab形式出現(xiàn)，多出現(xiàn)在以UGC或文字信息為核心的產(chǎn)品，以內(nèi)容信息為主，常見(jiàn)以信息熱度為主要功能的資訊、新聞?lì)悜?yīng)用。比如：知乎、今日頭條、36氪。

知乎熱榜內(nèi)容完全展開；36氪分為話題榜、人氣榜，話題榜僅展示前5條，人氣榜展示10條，僅在前5條有名次圖標(biāo)，在36氪熱榜的中部還會(huì)出現(xiàn)收藏榜，綜合榜。

而今日頭條僅在整個(gè)頁(yè)面的1/3處展示部分“頭條熱榜”，點(diǎn)擊“查看更多”后，展開“頭條熱榜”及“今日關(guān)注”“北京熱榜”，整個(gè)交互形式類似微博熱搜。

2）圖標(biāo)入口

首頁(yè)功能入口處明顯排行榜圖標(biāo)，優(yōu)先級(jí)較高，常見(jiàn)自帶推薦屬性，能夠幫助用戶快速選擇，減少選擇成本，比較依賴榜單的應(yīng)用。比如：豆瓣、音樂(lè)類、騰訊動(dòng)漫等應(yīng)用。

其中豆瓣、網(wǎng)易云音樂(lè)由于各種類型的排行榜很多，在圖標(biāo)點(diǎn)擊開后，在當(dāng)前頁(yè)面平鋪不同維度榜單類型，用戶進(jìn)行點(diǎn)擊跳轉(zhuǎn)；騰訊動(dòng)漫相對(duì)榜單類型較少，在左邊側(cè)邊欄切換不同的榜單。

3）商品詳情頁(yè)榜單入口

用戶查看商品詳情時(shí)，可能會(huì)希望能夠橫向?qū)Ρ韧惿唐?，才能最終決定購(gòu)買那件商品。常見(jiàn)于電商類應(yīng)用，比如：京東、拼多多、得物等。點(diǎn)擊后進(jìn)入不同的榜單頁(yè)面，獲取更多產(chǎn)品信息進(jìn)行篩選。（淘寶的商品詳情頁(yè)沒(méi)有排行榜，但在首頁(yè)卻存在隱形排行榜，在隱形排行榜模塊會(huì)有詳細(xì)說(shuō)明）。

4）搜索-篩選（無(wú)明確搜索目的）

當(dāng)用戶沒(méi)有明確搜索目的時(shí)，搜索框的下方，平臺(tái)會(huì)推薦沒(méi)有明確指向性但有熱度的產(chǎn)品信息。衡量的標(biāo)準(zhǔn)一般為搜索熱度或信息本身的熱度。利用榜單效應(yīng)留住用戶，比如：微博熱搜、淘寶熱賣、抖音熱榜等。

2. 隱性排行榜

沒(méi)有明顯排名及規(guī)則，但經(jīng)過(guò)大數(shù)據(jù)、平臺(tái)或榜單制作者篩選后呈現(xiàn)在平臺(tái)用戶的面前，位置越靠前，在用戶心目中的默認(rèn)位置越靠前，比如淘寶的“有好貨”、編輯精選等。

1）編輯推薦/小編推薦

在平臺(tái)建立初期沒(méi)有特別的內(nèi)容供平臺(tái)呈現(xiàn)，這時(shí)候就需要平臺(tái)人工有目的的推薦一些內(nèi)容，不同于“猜你喜歡”建立在用戶的行為數(shù)據(jù)下，編輯推薦更多的平臺(tái)希望用戶看到的內(nèi)容，一方面作為平臺(tái)內(nèi)容的輸出口引導(dǎo)用戶，另一方面內(nèi)容是平臺(tái)自己發(fā)布內(nèi)容，也可以保證內(nèi)容的高質(zhì)量。

2）猜你喜歡/相關(guān)推薦

平臺(tái)根據(jù)用戶之前的瀏覽量、收藏量、轉(zhuǎn)發(fā)、搜索等用戶行為數(shù)據(jù)推薦給用戶相關(guān)內(nèi)容。這個(gè)時(shí)候的應(yīng)用基本已度過(guò)最初的獲客期，并且存在大量的平臺(tái)用戶使用數(shù)據(jù)，“猜你喜歡或相關(guān)推薦”模塊用來(lái)增加用戶的瀏覽時(shí)長(zhǎng)及購(gòu)買的可能性，各大應(yīng)用平臺(tái)適用性強(qiáng)，一般出現(xiàn)在首頁(yè)部分。

3）年度總結(jié)排行榜

朋友圈每年年底都會(huì)曬出的各種各樣的生活、音樂(lè)、消費(fèi)的排行榜，這些其實(shí)是用戶自己確定了解自己，且喜歡他人了解自己的一種方式。用戶通過(guò)網(wǎng)絡(luò)數(shù)據(jù)折射出自我的輪廓，清楚的認(rèn)識(shí)自己。

4）TOP排行榜

不知道大家小時(shí)候看沒(méi)看過(guò)《第10放映室》，那是我最早關(guān)于排行榜的印象，里面會(huì)有各種最佳動(dòng)作片總結(jié)、最佳男配角總結(jié)等等，以香港電影偏多，是我早年的電影信息資料庫(kù)?，F(xiàn)在我們也會(huì)在小紅書、抖音、公眾號(hào)平臺(tái)刷到各種各樣的top推薦，這其實(shí)也是排行榜的一種。

TOP類是已經(jīng)經(jīng)過(guò)人為篩選的排行榜，從眾多選擇中選擇出部分答案，給出理由，而用戶只需在已被篩選過(guò)的內(nèi)容中進(jìn)行決定，節(jié)省選擇成本，比如豆瓣每年都會(huì)舉行的豆瓣電影。另外一種TOP榜并不能幫助用戶做決定，但可以迎合用戶對(duì)確定性需求的各種盤點(diǎn)性質(zhì)的排行榜，比如抖音的TOP榜哥就是盤點(diǎn)各種內(nèi)容，人物。

5）搜索-篩選（有明確搜索目的）

相比其他排行榜，篩選后的內(nèi)容已經(jīng)體現(xiàn)了用戶的具體需求，高效明確的給用戶提供選項(xiàng)，引導(dǎo)用戶快速選擇。

四、排行榜的表現(xiàn)形式

排行榜一般由必需的榜單頭部、上榜主體，及非必需的榜單規(guī)則、更新信息構(gòu)成；而上榜主體由必需的主體信息、排序，以及非必需的推薦理由、排名變化、熱度信息構(gòu)成。

1. 排行榜信息結(jié)構(gòu)——榜單頭部

好的榜單能夠快速吸引用戶快速找到自己的需求點(diǎn)，引導(dǎo)用戶點(diǎn)擊排行榜進(jìn)行查看。而榜單頭部也由于功能需求的不同分為唯一性榜單頭部、可復(fù)用性榜單頭部。

1）唯一性榜單頭部

當(dāng)排行榜在整個(gè)應(yīng)用中有且只有一個(gè)時(shí)，通常會(huì)對(duì)榜單頭部的背景及榜單名稱進(jìn)行個(gè)性化、品牌化設(shè)計(jì)。比如微博的微博熱搜、知乎的鹽選榜單、今日頭條的頭條熱榜、大眾點(diǎn)評(píng)的大眾點(diǎn)評(píng)榜單等。其中微博、頭條、大眾點(diǎn)評(píng)都在名稱上有做品牌漏出，增加平臺(tái)的品牌權(quán)威性。

2）可復(fù)用性榜單頭部

有些應(yīng)用平臺(tái)會(huì)存在內(nèi)容需要多種不同緯度的排行榜展示的情況，為了平臺(tái)的統(tǒng)一性、降低后期的維護(hù)成本，一般會(huì)使用可復(fù)用的榜單頭部，如豆瓣、京東、QQ音樂(lè)等。

得物通過(guò)替換左右切換商品進(jìn)行宣傳。豆瓣、微博、馬蜂窩雖然都是通過(guò)替換圖片及文案的形式達(dá)到適配，但根據(jù)場(chǎng)景又有不同。豆瓣、微博因榜單效應(yīng)根據(jù)榜單第一位的變化更換底圖及文案；馬蜂窩沿用自己品牌的蜂窩形狀及“馬蜂窩榜單”的標(biāo)簽設(shè)計(jì)形式，通過(guò)更換文案底圖達(dá)到適用不同主題；京東就相對(duì)比較簡(jiǎn)單，只是更換標(biāo)題的文案達(dá)到多主題適配。

2. 排行榜信息結(jié)構(gòu)——上榜主體

排行榜上榜主體由于不同的場(chǎng)景業(yè)務(wù)需求，一般有純文字形式、圖文結(jié)合形式、橫排+列表結(jié)構(gòu)3種表現(xiàn)形式，其中主體信息及排序為排行榜必須信息，而推薦理由、排名變化、熱度信息、評(píng)分等等非必須信息則根據(jù)用戶關(guān)注信息點(diǎn)選擇漏出。

1）純文字形式

純文字的排行榜一般是以內(nèi)容（或標(biāo)題）加排名的形式出現(xiàn)，常見(jiàn)以信息為主的排行榜，比如微博、知乎、今日頭條等以信息為主要關(guān)注點(diǎn)的應(yīng)用，或是搜索列表下方的熱度排行榜。信息類排行榜一般以信息熱度為衡量標(biāo)準(zhǔn)，因此會(huì)在標(biāo)題及排位外，增加各種突出熱度信息的表現(xiàn)形式，如關(guān)注熱度人數(shù)，或是“熱”“新”“爆”等等表示熱度的標(biāo)簽，如抖音、微博。而淘寶搜索熱度則是在標(biāo)簽外增加了上升下降的排名變化。

2）圖文結(jié)合形式

相對(duì)于純文字形式，圖文結(jié)合的排行榜因?yàn)閳D片信息的增加，使整個(gè)榜單主體占居更多的空間也可以展示更多的產(chǎn)品信息，輔助用戶進(jìn)行選擇。

圖片形式：

上榜主體圖片尺寸一般會(huì)有橫版、方版、豎版3種形式。

頭條、知乎等資訊類應(yīng)用都采用傳統(tǒng)的橫版圖片形式，延續(xù)了用戶閱讀新聞?lì)愘Y訊的習(xí)慣；而豆瓣、騰訊動(dòng)漫等由于現(xiàn)實(shí)中書籍封面、電影海報(bào)等用戶視覺(jué)場(chǎng)景都是豎版構(gòu)圖，因此沿用至線上使用的也是豎版圖片形式；而京東、大眾點(diǎn)評(píng)、馬蜂窩則使用方版的圖片形式，大概是因?yàn)楫a(chǎn)品的多樣性需要考慮多種圖片的適配問(wèn)題。（視頻、游戲類由于使用場(chǎng)景大部分采用橫版圖片形式；但由于游戲封面、宣傳海報(bào)也會(huì)有豎版的形式，比如：游民星空、小黑盒）

左文右圖VS左圖右文：

每當(dāng)設(shè)計(jì)圖文結(jié)合的部分，首先要考慮到底是采用左圖右文還是左文右圖的形式呢？可能很多人會(huì)說(shuō)這兩種形式?jīng)]有什么大的區(qū)別啊，有什么可糾結(jié)的！或者認(rèn)為由于視頻、圖片、文字對(duì)人類的吸引力是呈遞減形式的，因此應(yīng)該選擇左圖右文的形式。但實(shí)際上這跟我們長(zhǎng)久以來(lái)的閱讀習(xí)慣以及應(yīng)用希望觸達(dá)的用戶類型有很大的關(guān)系。

人類對(duì)畫面的閱讀及掃描方式通常為三種布局方式，包括：古騰堡圖（Gutenberg），Z型（z-pattern）和F型（f-pattern）。

其中產(chǎn)品列表頁(yè)中最常使用的就是F型布局模式，F型布局是雅各布·尼爾森（Jacob Nielsen）在公司進(jìn)行眼動(dòng)追蹤研究后首次提出的。

與其他模式相同的是，眼睛從上/左，水平移動(dòng)到上/右，然后回到左邊緣再此進(jìn)行水平掃描。但在F型布局第二次掃頻后，向右掃動(dòng)的次數(shù)會(huì)越來(lái)越少，并且會(huì)隨著向下移動(dòng)，眼球會(huì)緊貼左邊緣。用戶也傾向于F型模式瀏覽瀏覽整個(gè)頁(yè)面，即自左向右自上而下的閱讀模式，越向下信息獲取效率會(huì)越低。

因此今日頭條、知乎等需要通過(guò)文字傳遞給用戶準(zhǔn)確、豐富的新聞資訊類應(yīng)用普遍以左文右圖的形式展現(xiàn)。而電影、游戲、動(dòng)漫等以畫面觸達(dá)用戶需求的應(yīng)用則都采用的是左圖右文的表現(xiàn)形式，比如：騰訊動(dòng)漫、愛(ài)奇藝、得物等等。

3）橫排+列表表現(xiàn)形式

說(shuō)到排行榜我們一般第一個(gè)會(huì)想到領(lǐng)獎(jiǎng)臺(tái)，很多平臺(tái)也采用領(lǐng)獎(jiǎng)臺(tái)這種前三名橫排+其他排名列表的結(jié)構(gòu)。純列表形式的排行榜，平臺(tái)用戶的注意力大部分集中在第一名，而領(lǐng)獎(jiǎng)臺(tái)的形式模仿現(xiàn)實(shí)生活中的獎(jiǎng)勵(lì)形式和儀式感，將整個(gè)排行榜的關(guān)注范圍從第一名擴(kuò)展至3名，另一方面排行榜的競(jìng)爭(zhēng)關(guān)系從單一爭(zhēng)爭(zhēng)奪一名變成前三名的競(jìng)爭(zhēng)關(guān)系，增加了第一名的高度。（目前這種形式我只在微博的明星勢(shì)力榜及抖音的直播總榜中有看到）

3. 排行榜信息結(jié)構(gòu)——榜單規(guī)則、信息更新（非必須）

榜單規(guī)則是排行榜規(guī)則的描述，是平臺(tái)權(quán)威性的體現(xiàn)。榜單規(guī)則有些平臺(tái)本身具有數(shù)據(jù)庫(kù)，會(huì)有相關(guān)的平臺(tái)數(shù)據(jù)支持如京東；而汽車之家則依靠“汽車工業(yè)協(xié)會(huì)”外部的數(shù)據(jù)支持，增加平臺(tái)的權(quán)威性及榜單的可信度；

信息更新一般存在在榜單頭部和上榜主體的中間，有些是固定時(shí)間更新，也有類似微博熱搜是實(shí)時(shí)更新的模式，而騰訊動(dòng)漫的更新作為用戶的痛點(diǎn)會(huì)在延續(xù)企鵝形象的側(cè)邊欄頭部標(biāo)明榜單更新周期。

五、總結(jié)

排行榜的成功看似是人們對(duì)于選擇困難、信息獲取的解決方案，但歸根到底因?yàn)槿藗儗?duì)于不確定性的懼怕，無(wú)論是信息的不確定性或是對(duì)自身價(jià)值的不確定性。而平臺(tái)方利用金錢、名譽(yù)、獎(jiǎng)勵(lì)的外部激勵(lì)方式，結(jié)合滿足感、確定性、社交性的內(nèi)在激勵(lì)相互作用使得排行榜成為無(wú)論何種平臺(tái)都非常受歡迎的產(chǎn)品功能。

作為平臺(tái)方因產(chǎn)品使用受眾、產(chǎn)品側(cè)重點(diǎn)、宣傳方式的不同，排行榜會(huì)以多種入口及展現(xiàn)形式出現(xiàn)。作為設(shè)計(jì)師需要深入了解排行榜等功能背后的產(chǎn)品邏輯，以及用戶操作行為背后的思考及心理效應(yīng)，提出合理的設(shè)計(jì)，幫助用戶了解產(chǎn)品功能，滿足用戶需求。

資料來(lái)源：

• 社交的本質(zhì)
• 社會(huì)心理學(xué)對(duì)用戶體驗(yàn)的影響系列：權(quán)威性原則
• 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern
• 交互分析：排行榜應(yīng)該如何設(shè)計(jì)？
• 如何利用好排行榜產(chǎn)生榜單效應(yīng)？
• 萬(wàn)字長(zhǎng)文深度分析：產(chǎn)品排行榜的設(shè)計(jì)和玩法
• 關(guān)于排行榜的設(shè)計(jì)，這有一份7000字干貨手把手教你做！
• 淘寶“有好貨”競(jìng)品分析：淘寶為何要把排行榜藏起來(lái)？
• 我們曬網(wǎng)易、支付寶年度榜單，其實(shí)只是在曬自己？

作者：9號(hào)自習(xí)室； 公眾號(hào)：9號(hào)自習(xí)室；知乎專欄：9號(hào)自習(xí)室。

本文由 @9號(hào)自習(xí)室 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。