2021-4-7 ui設(shè)計(jì)分享達(dá)人
“今天吃什么啊？”
“不知道啊，看看大眾點(diǎn)評(píng)，哪家店比較靠前”
“一會(huì)去看什么電影？”
“我看豆瓣上，這部片子評(píng)分特別高，我們?nèi)タ催@個(gè)吧”
當(dāng)我們每天面對(duì)類(lèi)似“吃什么”“買(mǎi)哪個(gè)品牌”“周末去哪玩”等等需要抉擇的問(wèn)題時(shí)，面對(duì)的選擇越多卻越不知道如何做決定，或者當(dāng)下做了決定覺(jué)會(huì)一直思考做的這個(gè)決定是不是最好的，選擇困難變成了大眾病。面對(duì)用戶(hù)的選擇需求各大平臺(tái)都有自己的方式，幫助用戶(hù)做決定的同時(shí)，引導(dǎo)用戶(hù)購(gòu)買(mǎi)目標(biāo)產(chǎn)品，極大的降低了用戶(hù)的選擇成本，其中排行榜就是平臺(tái)的常用套路。用戶(hù)的選擇成本是什么？排行榜為什么能夠幫助用戶(hù)降低選擇成本？排行榜僅僅是用來(lái)降低用戶(hù)的選擇成本，為什么商家對(duì)排行榜也趨之若鶩？下面帶你了解為什么人人都愛(ài)排行榜，及我們生活無(wú)處不在的“顯性”“非顯性”排行榜。你可能都不知道，我們的生活正在被各種排行榜所支配！
排行榜的本質(zhì)是一個(gè)沒(méi)有感情的信息篩選機(jī)制，某一相關(guān)的同類(lèi)事物之間通過(guò)比較，反映同類(lèi)事物客觀(guān)實(shí)力。排行榜建立的基礎(chǔ)在于用戶(hù)對(duì)信息篩選平臺(tái)權(quán)威性的認(rèn)可，比如我們買(mǎi)衣服會(huì)首選淘寶，電子類(lèi)產(chǎn)品會(huì)首選京東，看電影會(huì)看豆瓣評(píng)分，這些都是對(duì)平臺(tái)某一領(lǐng)域權(quán)威性的認(rèn)可。用戶(hù)信任平臺(tái)權(quán)威性對(duì)信息的篩選，由于錨定效應(yīng)降低用戶(hù)自己的選擇成本，準(zhǔn)備快速的做出選擇。同時(shí)由于用戶(hù)的從眾心理或者羊群效應(yīng)，也會(huì)對(duì)上榜主體產(chǎn)生強(qiáng)烈的品牌認(rèn)可，為上榜主體帶來(lái)更多的利益、強(qiáng)烈的榮譽(yù)感、甚至流量和平臺(tái)背書(shū)標(biāo)簽，比如：B站的百大up主，各個(gè)平臺(tái)排行榜的銷(xiāo)量冠軍、朝陽(yáng)地區(qū)必吃榜第一名。那這一切背后的原理是什么？
一個(gè)完整的排行榜需要平臺(tái)、上榜主體、用戶(hù)三大組成部分，俗話(huà)說(shuō)屁股決定腦袋，不同的定位決定了排行對(duì)三大組成部分不同的作用，當(dāng)然背后的原理也不盡相同。
在沒(méi)有各種應(yīng)用前，當(dāng)我們決定購(gòu)買(mǎi)什么東西或去哪家消費(fèi)，前期需要花費(fèi)大量的人力、物力，搜集相關(guān)的信息進(jìn)行整理集合后，對(duì)比集合信息后才能做出決定，也就是說(shuō)用戶(hù)需要經(jīng)過(guò)信息的搜集-備選集的建立-擇優(yōu)決策3個(gè)過(guò)程才能等到最終的結(jié)果。在建立備選集后，做出擇優(yōu)決策階段發(fā)生的成本或費(fèi)用都是用戶(hù)付出的選擇成本（前兩個(gè)階段發(fā)生的成本是交易費(fèi)用，而不是選擇成本）。在備選集的建立過(guò)程中，包含的選擇越多，用戶(hù)選擇的難度就越大，選擇成本就會(huì)越高。
選擇性排行榜在備選集建立完成后，利用沉錨效應(yīng)在用戶(hù)心理建立潛意識(shí)的目標(biāo)參照，幫助用戶(hù)完成擇優(yōu)決策，降低用戶(hù)的選擇成本。（另一方面平臺(tái)在幫助降低選擇成本的同時(shí)，也會(huì)影響這用戶(hù)的最終選擇，在接下來(lái)的平臺(tái)側(cè)方面會(huì)有詳細(xì)的分析）
比如說(shuō)：當(dāng)我需要買(mǎi)個(gè)耳機(jī)時(shí)，如果在沒(méi)有各大應(yīng)用的前提下，我需要找到我身邊的耳機(jī)發(fā)燒友或數(shù)碼電子方面方面的內(nèi)行人，收集信息建立備選集，但由于京東在電子設(shè)備方面的權(quán)威性，我會(huì)優(yōu)先查看京東的耳機(jī)類(lèi)排行榜，也就是說(shuō)京東完成了前期的信息搜集及備選集建立，而用戶(hù)出于對(duì)平臺(tái)權(quán)威性的信任，根據(jù)平臺(tái)給出的維度參照、品牌參照、價(jià)格、標(biāo)簽參照等信息，最終快速的完成自己的選擇。整個(gè)過(guò)程就是用戶(hù)在對(duì)錨的尋找，以及用戶(hù)對(duì)信息確定性的尋找過(guò)程。
在馬斯洛需求中，當(dāng)個(gè)人的生理需求和安全需求被滿(mǎn)足時(shí)，與他人建立情感聯(lián)系或關(guān)系成為人們最強(qiáng)烈的需求，即社交需求。社交又分為：為達(dá)到某種目的產(chǎn)生的功利社交或?yàn)楂@得情感連接及體驗(yàn)的共情社交需求。例如：QQ音樂(lè)新增的撲通社區(qū)、微博明星超話(huà)打榜等功能模塊的火熱正是滿(mǎn)足了擁有共同興趣愛(ài)好的用戶(hù)對(duì)于共情社交的需求。
無(wú)論是“功利社交”還是“共情社交”首先需要的是溝通，溝通的本質(zhì)則是信息的流通，但當(dāng)雙方都沒(méi)有可以溝通的信息時(shí)則社交不成立，而類(lèi)似：微博熱搜、今日頭條、澎湃新聞等信息類(lèi)排行榜，則給有社交需求的用戶(hù)提供了相通的談資。
在選擇類(lèi)排行榜中，提到的從眾心理（又稱(chēng)羊群效應(yīng)），是指人類(lèi)由于對(duì)信息壓力及規(guī)范壓力，會(huì)希望融入到群體中尋求安全感的特性，即便此類(lèi)信息與自己無(wú)關(guān)。大部分人由于對(duì)未獲得及時(shí)信息的焦慮感，會(huì)熱衷于瀏覽此類(lèi)排行榜來(lái)獲取實(shí)時(shí)信息，融入群體生活。每天早上，在通勤的路上用戶(hù)利用碎片時(shí)間刷微博、瀏覽知乎或今日頭條等應(yīng)用了解最近發(fā)生了什么社會(huì)事件，在上班電梯或工作間隙討論各自掌握的信息，及對(duì)事件的見(jiàn)解，甚至在與他人有相同的見(jiàn)解或之后，會(huì)對(duì)對(duì)方產(chǎn)生莫名的親近感，滿(mǎn)足自己的社交需求。
過(guò)年期間各家app紛紛推出自己的用戶(hù)年度報(bào)告總結(jié)榜，不知道你有沒(méi)有參與到其中，并分享到自己的朋友圈。在我們的平常生活中也會(huì)在朋友圈、B站等看到各種測(cè)試自己隱藏能力或性格的小程序，人們對(duì)于這類(lèi)活動(dòng)的空前熱情其實(shí)是因?yàn)槿祟?lèi)除了需要信息的確認(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)給觀(guān)眾怎樣的形象，需要我們對(duì)自身及身邊人有所思考和了解。所以在社會(huì)生活中我們呈現(xiàn)的是自己思考管理下被他人和社會(huì)接受的自己，為了維持自身的平衡防止崩潰，人類(lèi)會(huì)自發(fā)“忠誠(chéng)、紀(jì)律、謹(jǐn)慎”的維護(hù)自己的外在形象。而互聯(lián)網(wǎng)平臺(tái)大數(shù)據(jù)則折射出“隱形”的自己，讓用戶(hù)更加清楚的認(rèn)知自己，同時(shí)通過(guò)分享，滿(mǎn)足自我確認(rèn)以及他人確認(rèn)的需求。
我目前只總結(jié)出這三種類(lèi)型的排行榜，如果有小伙伴想到其他類(lèi)型歡迎在評(píng)論區(qū)提出，一起參與討論。
無(wú)論哪種排行榜，用戶(hù)信任的基礎(chǔ)都來(lái)自對(duì)平臺(tái)的信任，那么用戶(hù)為什么信任平臺(tái)？排行榜對(duì)平臺(tái)意味著什么？背后原理是什么？
對(duì)于用戶(hù)來(lái)說(shuō)排行榜是為了滿(mǎn)足用戶(hù)對(duì)于數(shù)據(jù)參數(shù)、社交信息、自我個(gè)人的確定性，選擇成本是品牌經(jīng)濟(jì)學(xué)的核心，而用戶(hù)對(duì)于排行的信任首先要建立在平臺(tái)品牌的權(quán)威性下。
從我們記事起，我們對(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)域的專(zhuān)家，比如：醫(yī)生、律師、教授等。認(rèn)為處于權(quán)威地位的人在某一領(lǐng)域相對(duì)普通用戶(hù)的判斷更可靠，可以幫助普通用戶(hù)節(jié)省研究問(wèn)題的工作，做出更輕松的決定，雖然不一定是正確的。
搜索我們會(huì)第一時(shí)間想到百度，影視、書(shū)籍會(huì)想到豆瓣，想聽(tīng)音樂(lè)會(huì)打開(kāi)網(wǎng)易云音樂(lè)、QQ音樂(lè)等等。各大應(yīng)用經(jīng)過(guò)長(zhǎng)時(shí)間的廝殺各自在用戶(hù)心中建立了某一領(lǐng)域的權(quán)威性，形成品牌號(hào)召力，推動(dòng)用戶(hù)做出需求決策。另一方面排行榜中也會(huì)說(shuō)明數(shù)據(jù)來(lái)源，比如京東會(huì)在排行榜頁(yè)面有明確的榜單說(shuō)明，豆瓣根據(jù)平臺(tái)數(shù)據(jù)更新，汽車(chē)之家依靠外部的權(quán)威數(shù)據(jù)等等方式力證自己榜單的公正、透明，減少用戶(hù)做出決定中的思考、猜測(cè)，獲得用戶(hù)的信任，增強(qiáng)平臺(tái)的權(quán)威性。那對(duì)于平臺(tái)來(lái)說(shuō)權(quán)威性的建立意味著什么？
平臺(tái)權(quán)威性意味著說(shuō)服力和影響力，在減輕用戶(hù)的決策壓力的同時(shí)，影響用戶(hù)做出平臺(tái)所需的決策方向；
每年蘋(píng)果發(fā)布會(huì)都會(huì)帶來(lái)范圍極大的熱度討論，而app store內(nèi)的熱門(mén)推薦自帶話(huà)題度和討論熱度
排行榜作為內(nèi)容輸出口，在平臺(tái)權(quán)威性的背書(shū)下，產(chǎn)品優(yōu)化自身的價(jià)值，而平臺(tái)也可以通過(guò)排行榜優(yōu)化自身平臺(tái)價(jià)值
平臺(tái)權(quán)威性下，可以通過(guò)多種方式達(dá)到盈利，比如蘋(píng)果app store應(yīng)用商店內(nèi)的付費(fèi)應(yīng)用，百度的鳳巢系統(tǒng)、微博熱搜的第3、4位排名等。
在平臺(tái)完成建立權(quán)威性開(kāi)始利用排行榜進(jìn)行商業(yè)變現(xiàn)時(shí)，比如百度、58的競(jìng)價(jià)排名，現(xiàn)在大部分應(yīng)用會(huì)使用明顯的方式告知用戶(hù)，防止平臺(tái)建立品牌權(quán)威性。比如微博熱搜第3、4位廣告位的“薦”，淘寶、小紅書(shū)推薦猜你喜歡的“廣告”。
上榜主體作為整個(gè)排行榜的內(nèi)容中心，由于排行榜自帶的競(jìng)爭(zhēng)機(jī)制、篩選機(jī)制，使得用戶(hù)會(huì)很樂(lè)于分享出去，比如游戲類(lèi)應(yīng)用王者榮耀的勝利者排位、微信運(yùn)動(dòng)排行榜。
由于馬太效應(yīng)上榜主體中的頭部用戶(hù)會(huì)獲得平臺(tái)更多的曝光量、絕大部分用戶(hù)的關(guān)注度，以及各種潛在資源，比如：流量、資源、人脈、某一領(lǐng)域影響力、平臺(tái)背書(shū)等等，這些都是潛在的社交貨幣。這種激勵(lì)機(jī)制極大的滿(mǎn)足了上榜主體的榮譽(yù)感、及平臺(tái)歸宿感，比如bilibili不同粉絲量級(jí)會(huì)送出相對(duì)應(yīng)的粉絲牌。
而平臺(tái)方也利用上榜主體挖掘潛在的用戶(hù)，為平臺(tái)帶來(lái)更多的新用戶(hù)，加強(qiáng)平臺(tái)權(quán)威性，形成平臺(tái)和上榜主體的良性循環(huán)。甚至與出現(xiàn)上榜主體自己的流量超過(guò)平臺(tái)自身流量，帶走平臺(tái)用戶(hù)的情況。比如去年和熱鬧的“巫師財(cái)經(jīng)推出b站，簽約西瓜視頻”，各大平臺(tái)也時(shí)不時(shí)會(huì)出現(xiàn)搶占流量up主的情況。
排行榜設(shè)計(jì)要達(dá)到用戶(hù)攀比的效果，很重要的充分條件就是相同需求的好友基數(shù)足夠大，這樣才能構(gòu)成排行榜設(shè)計(jì)成功的必要條件。
對(duì)于已有成功產(chǎn)品的公司，可以借助平臺(tái)相互間的導(dǎo)流完成初試資源的搭建，比如：微信初期借助QQ好友流量，帶來(lái)好友初期的爆發(fā)；抖音最初的活躍借助今日頭條的流量輸入。
不斷推送已關(guān)注好友的信息流，當(dāng)通訊錄好友開(kāi)始使用頭條都要發(fā)送系統(tǒng)推送。比如全年年低火爆全網(wǎng)的cloubhouse就是利用的熟人社交，你要先有這個(gè)人聯(lián)系方式才能要求好友，關(guān)注的人越多才能解鎖更多的聊天室。通訊錄、地理位置、興趣偏好等等，不斷社區(qū)建設(shè)推送動(dòng)態(tài)信息流和好友卡片推薦。
當(dāng)應(yīng)用建立初期，沒(méi)有很多的資源和內(nèi)容時(shí)，需要平臺(tái)自行填充內(nèi)容，使得排行榜信息量大，增加用戶(hù)活躍，才能挖掘用戶(hù)的需求和個(gè)性化。不如一些小編推薦、猜你喜歡等等，或是平臺(tái)pgc發(fā)布推送的內(nèi)容。
面對(duì)不同的用戶(hù)人群及使用場(chǎng)景排行榜的入口表現(xiàn)形式也會(huì)千變?nèi)f化，根據(jù)表現(xiàn)形式大體可分為“顯性排行榜”和“隱形排行榜”。
在界面有明顯的榜單名稱(chēng)、排序、評(píng)判規(guī)則、上榜主體、賣(mài)點(diǎn)信息等。排序和內(nèi)容主體是這個(gè)排行榜的基本構(gòu)成，其他則根據(jù)不同產(chǎn)品類(lèi)型及產(chǎn)品需求決定是否展示。
在首頁(yè)底部或頂部tab形式出現(xiàn)，多出現(xiàn)在以UGC或文字信息為核心的產(chǎn)品，以?xún)?nèi)容信息為主，常見(jiàn)以信息熱度為主要功能的資訊、新聞?lì)悜?yīng)用。比如：知乎、今日頭條、36氪。
知乎熱榜內(nèi)容完全展開(kāi)；36氪分為話(huà)題榜、人氣榜，話(huà)題榜僅展示前5條，人氣榜展示10條，僅在前5條有名次圖標(biāo)，在36氪熱榜的中部還會(huì)出現(xiàn)收藏榜，綜合榜。
而今日頭條僅在整個(gè)頁(yè)面的1/3處展示部分“頭條熱榜”，點(diǎn)擊“查看更多”后，展開(kāi)“頭條熱榜”及“今日關(guān)注”“北京熱榜”，整個(gè)交互形式類(lèi)似微博熱搜。
首頁(yè)功能入口處明顯排行榜圖標(biāo)，優(yōu)先級(jí)較高，常見(jiàn)自帶推薦屬性，能夠幫助用戶(hù)快速選擇，減少選擇成本，比較依賴(lài)榜單的應(yīng)用。比如：豆瓣、音樂(lè)類(lèi)、騰訊動(dòng)漫等應(yīng)用。
其中豆瓣、網(wǎng)易云音樂(lè)由于各種類(lèi)型的排行榜很多，在圖標(biāo)點(diǎn)擊開(kāi)后，在當(dāng)前頁(yè)面平鋪不同維度榜單類(lèi)型，用戶(hù)進(jìn)行點(diǎn)擊跳轉(zhuǎn)；騰訊動(dòng)漫相對(duì)榜單類(lèi)型較少，在左邊側(cè)邊欄切換不同的榜單。
用戶(hù)查看商品詳情時(shí)，可能會(huì)希望能夠橫向?qū)Ρ韧?lèi)商品，才能最終決定購(gòu)買(mǎi)那件商品。常見(jiàn)于電商類(lèi)應(yīng)用，比如：京東、拼多多、得物等。點(diǎn)擊后進(jìn)入不同的榜單頁(yè)面，獲取更多產(chǎn)品信息進(jìn)行篩選。（淘寶的商品詳情頁(yè)沒(méi)有排行榜，但在首頁(yè)卻存在隱形排行榜，在隱形排行榜模塊會(huì)有詳細(xì)說(shuō)明）
當(dāng)用戶(hù)沒(méi)有明確搜索目的時(shí)，搜索框的下方，平臺(tái)會(huì)推薦沒(méi)有明確指向性但有熱度的產(chǎn)品信息。衡量的標(biāo)準(zhǔn)一般為搜索熱度或信息本身的熱度。利用榜單效應(yīng)留住用戶(hù)，比如：微博熱搜、淘寶熱賣(mài)、抖音熱榜等。
沒(méi)有明顯排名及規(guī)則，但經(jīng)過(guò)大數(shù)據(jù)、平臺(tái)或榜單制作者篩選后呈現(xiàn)在平臺(tái)用戶(hù)的面前，位置越靠前，在用戶(hù)心目中的默認(rèn)位置越靠前，比如淘寶的“有好貨”、編輯精選等。
在平臺(tái)建立初期沒(méi)有特別的內(nèi)容供平臺(tái)呈現(xiàn)，這時(shí)候就需要平臺(tái)人工有目的的推薦一些內(nèi)容，不同于“猜你喜歡”建立在用戶(hù)的行為數(shù)據(jù)下，編輯推薦更多的平臺(tái)希望用戶(hù)看到的內(nèi)容，一方面作為平臺(tái)內(nèi)容的輸出口引導(dǎo)用戶(hù)，另一方面內(nèi)容是平臺(tái)自己發(fā)布內(nèi)容，也可以保證內(nèi)容的高質(zhì)量。
平臺(tái)根據(jù)用戶(hù)之前的瀏覽量、收藏量、轉(zhuǎn)發(fā)、搜索等用戶(hù)行為數(shù)據(jù)推薦給用戶(hù)相關(guān)內(nèi)容。這個(gè)時(shí)候的應(yīng)用基本已度過(guò)最初的獲客期，并且存在大量的平臺(tái)用戶(hù)使用數(shù)據(jù)，“猜你喜歡或相關(guān)推薦”模塊用來(lái)增加用戶(hù)的瀏覽時(shí)長(zhǎng)及購(gòu)買(mǎi)的可能性，各大應(yīng)用平臺(tái)適用性強(qiáng)，一般出現(xiàn)在首頁(yè)部分。
朋友圈每年年底都會(huì)曬出的各種各樣的生活、音樂(lè)、消費(fèi)的排行榜，這些其實(shí)是用戶(hù)自己確定了解自己，且喜歡他人了解自己的一種方式。用戶(hù)通過(guò)網(wǎng)絡(luò)數(shù)據(jù)折射出自我的輪廓，清楚的認(rèn)識(shí)自己。
不知道大家小時(shí)候看沒(méi)看過(guò)《第10放映室》，那是我最早關(guān)于排行榜的印象，里面會(huì)有各種最佳動(dòng)作片總結(jié)、最佳男配角總結(jié)等等，以香港電影偏多，是我早年的電影信息資料庫(kù)。現(xiàn)在我們也會(huì)在小紅書(shū)、抖音、公眾號(hào)平臺(tái)刷到各種各樣的top推薦，這其實(shí)也是排行榜的一種。TOP類(lèi)是已經(jīng)經(jīng)過(guò)人為篩選的排行榜，從眾多選擇中選擇出部分答案，給出理由，而用戶(hù)只需在已被篩選過(guò)的內(nèi)容中進(jìn)行決定，節(jié)省選擇成本，比如豆瓣每年都會(huì)舉行的豆瓣電影。另外一種TOP榜并不能幫助用戶(hù)做決定，但可以迎合用戶(hù)對(duì)確定性需求的各種盤(pán)點(diǎn)性質(zhì)的排行榜，比如抖音的TOP榜哥就是盤(pán)點(diǎn)各種內(nèi)容，人物。
相比其他排行榜，篩選后的內(nèi)容已經(jīng)體現(xiàn)了用戶(hù)的具體需求，高效明確的給用戶(hù)提供選項(xiàng)，引導(dǎo)用戶(hù)快速選擇。
排行榜一般由必需的榜單頭部、上榜主體，及非必需的榜單規(guī)則、更新信息構(gòu)成；而上榜主體由必需的主體信息、排序，以及非必需的推薦理由、排名變化、熱度信息構(gòu)成。
好的榜單能夠快速吸引用戶(hù)快速找到自己的需求點(diǎn)，引導(dǎo)用戶(hù)點(diǎn)擊排行榜進(jìn)行查看。而榜單頭部也由于功能需求的不同分為唯一性榜單頭部、可復(fù)用性榜單頭部。
當(dāng)排行榜在整個(gè)應(yīng)用中有且只有一個(gè)時(shí)，通常會(huì)對(duì)榜單頭部的背景及榜單名稱(chēng)進(jìn)行個(gè)性化、品牌化設(shè)計(jì)。比如微博的微博熱搜、知乎的鹽選榜單、今日頭條的頭條熱榜、大眾點(diǎn)評(píng)的大眾點(diǎn)評(píng)榜單等。其中微博、頭條、大眾點(diǎn)評(píng)都在名稱(chēng)上有做品牌漏出，增加平臺(tái)的品牌權(quán)威性。
有些應(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á)到多主題適配。
排行榜上榜主體由于不同的場(chǎng)景業(yè)務(wù)需求，一般有純文字形式、圖文結(jié)合形式、橫排+列表結(jié)構(gòu)3種表現(xiàn)形式，其中主體信息及排序為排行榜必須信息，而推薦理由、排名變化、熱度信息、評(píng)分等等非必須信息則根據(jù)用戶(hù)關(guān)注信息點(diǎn)選擇漏出。
純文字的排行榜一般是以內(nèi)容（或標(biāo)題）加排名的形式出現(xiàn)，常見(jiàn)以信息為主的排行榜，比如微博、知乎、今日頭條等以信息為主要關(guān)注點(diǎn)的應(yīng)用，或是搜索列表下方的熱度排行榜。信息類(lèi)排行榜一般以信息熱度為衡量標(biāo)準(zhǔn)，因此會(huì)在標(biāo)題及排位外，增加各種突出熱度信息的表現(xiàn)形式，如關(guān)注熱度人數(shù)，或是“熱”“新”“爆”等等表示熱度的標(biāo)簽，如抖音、微博。而淘寶搜索熱度則是在標(biāo)簽外增加了上升下降的排名變化。
相對(duì)于純文字形式，圖文結(jié)合的排行榜因?yàn)閳D片信息的增加，使整個(gè)榜單主體占居更多的空間也可以展示更多的產(chǎn)品信息，輔助用戶(hù)進(jìn)行選擇。
上榜主體圖片尺寸一般會(huì)有橫版、方版、豎版3種形式。頭條、知乎等資訊類(lèi)應(yīng)用都采用傳統(tǒng)的橫版圖片形式，延續(xù)了用戶(hù)閱讀新聞?lì)愘Y訊的習(xí)慣；而豆瓣、騰訊動(dòng)漫等由于現(xiàn)實(shí)中書(shū)籍封面、電影海報(bào)等用戶(hù)視覺(jué)場(chǎng)景都是豎版構(gòu)圖，因此沿用至線(xiàn)上使用的也是豎版圖片形式；而京東、大眾點(diǎn)評(píng)、馬蜂窩則使用方版的圖片形式，大概是因?yàn)楫a(chǎn)品的多樣性需要考慮多種圖片的適配問(wèn)題。（視頻、游戲類(lèi)由于使用場(chǎng)景大部分采用橫版圖片形式；但由于游戲封面、宣傳海報(bào)也會(huì)有豎版的形式，比如：游民星空、小黑盒）
每當(dāng)設(shè)計(jì)圖文結(jié)合的部分，首先要考慮到底是采用左圖右文還是左文右圖的形式呢？可能很多人會(huì)說(shuō)這兩種形式?jīng)]有什么大的區(qū)別啊，有什么可糾結(jié)的！或者認(rèn)為由于視頻、圖片、文字對(duì)人類(lèi)的吸引力是呈遞減形式的，因此應(yīng)該選擇左圖右文的形式。但實(shí)際上這跟我們長(zhǎng)久以來(lái)的閱讀習(xí)慣以及應(yīng)用希望觸達(dá)的用戶(hù)類(lèi)型有很大的關(guān)系。
人類(lèi)對(duì)畫(huà)面的閱讀及掃描方式通常為三種布局方式，包括：古騰堡圖（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ì)緊貼左邊緣。用戶(hù)也傾向于F型模式瀏覽瀏覽整個(gè)頁(yè)面，即自左向右自上而下的閱讀模式，越向下信息獲取效率會(huì)越低。
因此今日頭條、知乎等需要通過(guò)文字傳遞給用戶(hù)準(zhǔn)確、豐富的新聞資訊類(lèi)應(yīng)用普遍以左文右圖的形式展現(xiàn)。而電影、游戲、動(dòng)漫等以畫(huà)面觸達(dá)用戶(hù)需求的應(yīng)用則都采用的是左圖右文的表現(xiàn)形式，比如：騰訊動(dòng)漫、愛(ài)奇藝、得物等等。
說(shuō)到排行榜我們一般第一個(gè)會(huì)想到領(lǐng)獎(jiǎng)臺(tái)，很多平臺(tái)也采用領(lǐng)獎(jiǎng)臺(tái)這種前三名橫排+其他排名列表的結(jié)構(gòu)。純列表形式的排行榜，平臺(tái)用戶(hù)的注意力大部分集中在第一名，而領(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ì)力榜及抖音的直播全站榜中有看到）
榜單規(guī)則是排行榜規(guī)則的描述，是平臺(tái)權(quán)威性的體現(xiàn)。榜單規(guī)則有些平臺(tái)本身具有數(shù)據(jù)庫(kù)，會(huì)有相關(guān)的平臺(tái)數(shù)據(jù)支持如京東；而汽車(chē)之家則依靠“汽車(chē)工業(yè)協(xié)會(huì)”外部的數(shù)據(jù)支持，增加平臺(tái)的權(quán)威性及榜單的可信度；
信息更新一般存在在榜單頭部和上榜主體的中間，有些是固定時(shí)間更新，也有類(lèi)似微博熱搜是實(shí)時(shí)更新的模式，而騰訊動(dòng)漫的更新作為用戶(hù)的痛點(diǎn)會(huì)在延續(xù)企鵝形象的側(cè)邊欄頭部標(biāo)明榜單更新周期。
排行榜的成功看似是人們對(duì)于選擇困難、信息獲取的解決方案，但歸根到底因?yàn)槿藗儗?duì)于不確定性的懼怕，無(wú)論是信息的不確定性或是對(duì)自身價(jià)值的不確定性。而平臺(tái)方利用金錢(qián)、名譽(yù)、獎(jiǎng)勵(lì)的外部激勵(lì)方式，結(jié)合滿(mǎn)足感、確定性、社交性的內(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)品邏輯，以及用戶(hù)操作行為背后的思考及心理效應(yīng)，提出合理的設(shè)計(jì)，幫助用戶(hù)了解產(chǎn)品功能，滿(mǎn)足用戶(hù)需求。
文章來(lái)源：站酷 作者：9號(hào)自習(xí)室
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn