編輯導語：在我們身邊處處充滿排行榜，餐廳排名、菜品排名、奶茶店排名、電影排行榜等等等等，這些排行榜在一定程度上會影響用戶做出選擇，設計一個排行榜也要考慮多方面的因素；本文作者分享了關于排行榜應該怎么設計的方法，我們一起來看一下。

上次，同事在我旁邊點奶茶，我推薦了一家感覺還不錯的奶茶，但他很嫌棄地和我說這家排名不高；我轉念一想，好像沒什么不對，因為“排行榜”在我們生活無處不在。

• 小時候讀書，每次出成績，老師都喜歡給我們的成績排名次，第一名就是別人家的孩子。
• 每次看新聞，要看看什么新聞熱度最高。
• 每次買東西，要看看什么商品排名最高。
• 每次吃東西，要看看什么商家評分最高。
• 每次看電影，要看看什么電影點評最高。

當你對某種事物沒有主見，開始詢問別人的意見時，你就已經遵循了別人的看法；而那個人會在心里將這種事物排個序，這是看不見的排行榜。

于是我開始思考，大家為什么相信排行榜？

一、排行榜的作用

1. 效率—— 快

我們無法想象，做什么東西都需要親自去仔細對比會浪費多少時間和精力。

不用動腦，直接看別人幫你篩選好的不香嗎？人們往往都很懶，用戶不可能憑個人精力去比較之后再找到適合自己的，所以最高效的方式就是看排行榜。

2. 權威——狠

我們認同的排行榜，基礎的屬性就是“權威性”，排行榜往往會基于對應的客觀數據，是群體、權威都認同的產物，相對而言真實、公正，所以權威性來源于真實可信。

雖然現在的許多排行榜都是摻雜著商業利益，但是本質上不影響我們對排行榜的認同；當然，假如某個排行榜很離譜，大家也都不會信。

3. 從眾——準

絕大多數人都有從眾心理，當人們對某種事物缺乏足夠的認知，從眾心理就會特別明顯。

假如你要去旅游，要做攻略，一般都會看看別人都推薦什么，這就是從眾心理；但是從眾心理并非不好，它可以在人們在處理信息不對稱的情況下，做出一種理性的選擇。

隨大流，但比較穩！采取某種行為的人越多，我們就會認為這種行為越正確，羊群效應已經向我們詮釋過這種心理。

二、排行榜對其他角色的作用

上面的效率、權威、從眾（一般具有準確性）主要是對于用戶側的；此外，排行榜對“平臺”、“上榜主體”也有很強的作用。

1. 對平臺

熱度：如果排行榜讓用戶都接受和信服，反過來會推動“上榜主體”和粉絲參與（比如音樂平臺的打榜），進而提升平臺熱度。

決策：排行某種程度上是群體意見的結果，其他用戶較容易接受，然后快速決策，避免浪費太多時間篩選和糾結而造成用戶流失；選擇越多，用戶越難選擇，所以給到用戶明確的推薦排行，可以讓不了解的用戶更快決策。

權威：結果可靠，內容真實的排行榜，對于提升平臺權威性方面的作用是毋庸置疑的。

2. 對上榜主體

上榜主體可能是人（如：歌手）或物（如：音樂、電影）。

流量：用戶看排行榜，大部分情況下想看到的就是排名靠前的內容，所以在排行榜前列的主體更容易受到關注以及流量。

榮譽：想想福布斯富豪榜之類的，榮譽感很好理解。

獲益：獲益主要指商業或經濟利益，主要基于流量。

三、排行榜的信息構成

1. 榜單名稱

榜單名稱應該足夠精煉且清晰，要讓用戶一眼知道這是什么榜；切忌使用假大空而用戶看不懂的榜單，因為這毫無信服力。

2. 上榜主體

包含多種信息：主體信息、排序、推薦理由、排名變化、熱度信息。

這些信息并非所有都是必需的，但主體信息和排序是構成上榜主體的基本單位。推薦理由、排名變化、熱度信息等都是根據不同產品類型以及產品策略決定是否展示。

主體信息：上榜主體必須有清晰的基本信息，一般是圖片、標題、描述以及產品特有信息構成。

排序：通用的展示方式都是按照數字，排序最根本目的就是告訴別人，上榜的人/物很強，所以需要十分清晰。

推薦理由：推薦理由是針對上榜的每個主體的，側重于簡練介紹上榜理由。

排名變化：排名變化一般包含上升、下降、維持，常常是為了制造榜單的活躍感，讓用戶知道是時刻變動的；另外，也是為了刺激上榜主體通過競爭提升或維持排名，對于有打榜屬性的排行榜，還具有反映實時變化的緊張感。

熱度信息：通常是榜單平臺通過活躍等各種指標計算的信息，反映上榜主體的關注程度；由于熱度本身信息規則不透明，所以平臺控制的自主性較強。

3. 榜單規則

榜單規則是對某排行榜的排行規則的描述。

根據情況，可以分成一句話描述和長段描述，依據榜單性質而定；這是權威性的一部分體現，便于用戶理解榜單的排序方式，大部分榜單列表都會有榜單描述或規則說明。

4. 更新信息

更新信息反映排行榜更新及維護的頻率，一般常見的有每日/每周更新，表現榜單是活躍且變動的。

四、排行榜的權威性

排行榜最重要的就是權威性，沒有之一。

權威性一般有兩個層面構成，分別是外在的呈現方式，內在的真實性；這二者缺一不可，并且某種程度上也是相互融合的！

1. 內在的真實性

真實性除了來自平臺的客觀數據（如熱搜榜的真實數據就是大量用戶搜索），也來自于用戶評價（如好評榜，來自于用戶的好評），當這些權衡因素保持相對穩定且可信的時候，榜單就有了真實性。

那么問題來了，假如榜單是真實的，那用戶怎么知道呢？表現榜單的真實性，可以通過規則介紹、上榜理由、實際評價信息的展示等方式體現。

2. 外在的呈現方式

呈現方式會很考驗視覺的表現能力，榜單設計的色彩、排榜方式，甚至標簽（如熱度標簽、皇冠標簽）的設計，都會影響呈現方式的權威性；人都是視覺動物，榜單的設計表現對于權威性是很大的影響因素。

五、常見的排行榜結構

一個平臺的榜單，往往不會只有一個，一般都至少有3個榜單。像音樂、閱讀類的應用，榜單更是數不勝數。

這時候，就涉及榜單列表的結構設計問題。一般可以根據榜單類型數量的多少、呈現榜單類型與榜單詳情二者哪個優先級更高來判斷。

1. 當榜單類型多時

當榜單類型較多，一般排行榜結構會分成榜單列表（主要展示不同榜單類型）和榜單詳情（主要展示單個榜單的詳細內容）。

2. 當榜單類型少時

當榜單類型較少，榜單類型一般只占據頂部的位置，作為功能性入口，點擊進入某個榜單詳情；甚至，榜單類型和榜單詳情可以融合成一個頁面。

3. 常見的榜單詳情結構

假如有多個榜單詳情頁，榜單詳情的排列盡量保持相同結構，結構清晰，不讓用戶產生疑慮，因為榜單排列方式決定著排名在用戶心目中的位置關系。

六、排行榜思考

用戶瀏覽榜單的場景，往往是沒有明確的需求，易于接受推薦。

對于許多產品而言，榜單對于商業化有著不小的商業價值。榜單本身具有客觀屬性，如果加入太多商業化干預，容易引起內容的不客觀性，此時需要仔細權衡。

設計榜單時，需要注意這個榜單能否滿足用戶需求，相對明確的榜單而不是只有寬泛的榜單對用戶有更大的價值；比如你要聽歌，你的口味一定不是什么歌都聽，所以你不只是聽整個平臺最火的那些歌；你可能還喜歡動漫歌曲，所以動漫歌曲的排行對你也有很大價值。

榜單的交互框架上有多種結構，信息呈現上也各有不同；需要根據自身產品采用適合的設計方式，結構上避免散亂、信息上避免過多的信息干擾。

本文由 @熱風 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議