2024-9-20 資深UI設計者
在互聯網中，許多產品都有排行榜，但是排行榜應該怎么設計，如何根據具體產品思考交互框架、信息？這篇文章會告訴你。
上次，同事在我旁邊點奶茶，我推薦了一家感覺還不錯的奶茶，但他很嫌棄地和我說這家排名不高。我轉念一想，好像沒什么不對，因為“排行榜”在我們生活無處不在。
小時候讀書，每次出成績，老師都喜歡給我們的成績排名次，第一名就是別人家的孩子。
每次看新聞，要看看什么新聞熱度最高。
每次買東西，要看看什么商品排名最高。
每次吃東西，要看看什么商家評分最高。
每次看電影，要看看什么電影點評最高。
當你對某種事物沒有主見，開始詢問別人的意見時，你就已經遵循了別人的看法，而那個人會在心里將這種事物排個序，這是看不見的排行榜。
于是我開始思考，大家為什么相信排行榜？
我們無法想象，做什么東西都需要親自去仔細對比會浪費多少時間和精力。不用動腦，直接看別人幫你篩選好的不香嗎？人們往往都很懶，用戶不可能憑個人精力去比較之后再找到適合自己的，所以最高效的方式就是看排行榜。
我們認同的排行榜，基礎的屬性就是“權威性”，排行榜往往會基于對應的客觀數據，是群體、權威都認同的產物，相對而言真實、公正，所以權威性來源于真實可信。雖然現在的許多排行榜都是摻雜著商業利益，但是本質上不影響我們對排行榜的認同。當然，假如某個排行榜很離譜，大家也都不會信。
絕大多數人都有從眾心理，當人們對某種事物缺乏足夠的認知，從眾心理就會特別明顯。假如你要去旅游，要做攻略，一般都會看看別人都推薦什么，這就是從眾心理。但是從眾心理并非不好，它可以在人們在處理信息不對稱的情況下，做出一種理性的選擇。隨大流，但比較穩！采取某種行為的人越多，我們就會認為這種行為越正確，羊群效應已經向我們詮釋過這種心理。
上面的效率、權威、從眾（一般具有準確性）主要是對于用戶側的。此外，排行榜對“平臺”、“上榜主體”也有很強的作用。
a.熱度：如果排行榜讓用戶都接受和信服，反過來會推動“上榜主體”和粉絲參與（比如音樂平臺的打榜），進而提升平臺熱度。
b.決策：排行某種程度上是群體意見的結果，其他用戶較容易接受，然后快速決策，避免浪費太多時間篩選和糾結而造成用戶流失。選擇越多，用戶越難選擇，所以給到用戶明確的推薦排行，可以讓不了解的用戶更快決策。
c.權威：結果可靠，內容真實的排行榜，對于提升平臺權威性方面的作用是毋庸置疑的。
上榜主體可能是人（如：歌手）或物（如：音樂、電影）
a.流量：用戶看排行榜，大部分情況下想看到的就是排名靠前的內容，所以在排行榜前列的主體更容易受到關注以及流量。
b.榮譽：想想福布斯富豪榜之類的，榮譽感很好理解。
c.獲益：獲益主要指商業或經濟利益，主要基于流量。
常見的排行榜信息主要由以下幾方面構成：
榜單名稱應該足夠精煉且清晰，要讓用戶一眼知道這是什么榜。切忌使用假大空而用戶看不懂的榜單，因為這毫無信服力。
包含多種信息：主體信息、排序、推薦理由、排名變化、熱度信息。
這些信息并非所有都是必需的，但主體信息和排序是構成上榜主體的基本單位。推薦理由、排名變化、熱度信息等都是根據不同產品類型以及產品策略決定是否展示。
a.主體信息：上榜主體必須有清晰的基本信息，一般是圖片、標題、描述以及產品特有信息構成。
b.排序：通用的展示方式都是按照數字，排序最根本目的就是告訴別人，上榜的人/物很強，所以需要十分清晰。
c.推薦理由：推薦理由是針對上榜的每個主體的，側重于簡練介紹上榜理由。
d.排名變化：排名變化一般包含上升、下降、維持，常常是為了制造榜單的活躍感，讓用戶知道是時刻變動的。另外，也是為了刺激上榜主體通過競爭提升或維持排名。對于有打榜屬性的排行榜，還具有反映實時變化的緊張感。
e.熱度信息：通常是榜單平臺通過活躍等各種指標計算的信息，反映上榜主體的關注程度。由于熱度本身信息規則不透明，所以平臺控制的自主性較強。
榜單規則是對某排行榜的排行規則的描述。根據情況，可以分成一句話描述和長段描述，依據榜單性質而定。這是權威性的一部分體現，便于用戶理解榜單的排序方式。大部分榜單列表都會有榜單描述或規則說明。
更新信息反映排行榜更新及維護的頻率，一般常見的有每日/每周更新，表現榜單是活躍且變動的。
一般來說，排行榜最重要的就是權威性（除了娛樂的排行榜等）。權威性一般有兩個層面構成，分別是外在的呈現方式，內在的真實性。這二者缺一不可，并且某種程度上也是相互融合的！
真實性除了來自平臺的客觀數據（如熱搜榜的真實數據就是大量用戶搜索），也來自于用戶評價（如好評榜，來自于用戶的好評），當這些權衡因素保持相對穩定且可信的時候，榜單就有了真實性。
那么問題來了，假如榜單是真實的，那用戶怎么知道呢？表現榜單的真實性，可以通過規則介紹、上榜理由、實際評價信息的展示等方式體現。
呈現方式會很考驗視覺的表現能力，榜單設計的色彩、排榜方式，甚至標簽（如熱度標簽、皇冠標簽）的設計，都會影響呈現方式的權威性。人都是視覺動物，榜單的設計表現對于權威性是很大的影響因素。
一個平臺的榜單，往往不會只有一個，一般都至少有3個榜單。像音樂、閱讀類的應用，榜單更是數不勝數。
這時候，就涉及榜單列表的結構設計問題。一般可以根據榜單類型數量的多少、呈現榜單類型與榜單詳情二者哪個優先級更高來判斷。
當榜單類型較多，一般排行榜結構會分成榜單列表（主要展示不同榜單類型）和榜單詳情（主要展示單個榜單的詳細內容）。
當榜單類型較少，榜單類型一般只占據頂部的位置，作為功能性入口，點擊進入某個榜單詳情。甚至，榜單類型和榜單詳情可以融合成一個頁面。
假如有多個榜單詳情頁，榜單詳情的排列盡量保持相同結構，結構清晰，不讓用戶產生疑慮。因為榜單排列方式決定著排名在用戶心目中的位置關系。
用戶瀏覽榜單的場景，往往是沒有明確的需求，易于接受推薦。對于許多產品而言，榜單對于商業化有著不小的商業價值。榜單本身具有客觀屬性，如果加入太多商業化干預，容易引起內容的不客觀性，此時需要仔細權衡。
設計榜單時，需要注意這個榜單能否滿足用戶需求，相對明確的榜單而不是只有寬泛的榜單對用戶有更大的價值。比如你要聽歌，你的口味一定不是什么歌都聽，所以你不只是聽整個平臺最火的那些歌。你可能還喜歡動漫歌曲，所以動漫歌曲的排行對你也有很大價值。
榜單的交互框架上有多種結構，信息呈現上也各有不同。需要根據自身產品采用適合的設計方式，結構上避免散亂、信息上避免過多的信息干擾。
作者：熱風_
鏈接：https://www.zcool.com.cn/article/ZMTIxOTQ3Mg==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
藍藍設計(www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司
銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發