榜單產(chǎn)品相信大家都不陌生，大眾點(diǎn)評的必吃榜，淘寶的暢銷榜，中國城市綜合實力排行榜，應(yīng)用商店的熱門APP下載榜等等，均是根據(jù)某種或某幾種維度的指標(biāo)值大小排序所得。榜單的作用是給人們提供參考，那么，今天就來聊聊榜單類產(chǎn)品設(shè)計。

一、榜單類產(chǎn)品目標(biāo)

前面說到榜單的作用是給人們提供參考，這里聚焦消費(fèi)類產(chǎn)品是為用戶消費(fèi)決策提供參考，提升用戶在產(chǎn)品使用過程中的體驗，更快更好的找到心儀的東西。

二、榜單類產(chǎn)品類型

1、排序指標(biāo)

根據(jù)不同指標(biāo)排序可以生成不同主題和類別的榜單，指標(biāo)可以是單一的，也可以是多個指標(biāo)的加權(quán)排序；指標(biāo)排序產(chǎn)生的方式可以是投票產(chǎn)生的，也可以是與用戶交互產(chǎn)生的。

2、場景

場景是指榜單的時間、地點(diǎn)維度，如今日榜單、本周榜單、附近榜單、同城榜單、全國排行榜等；針對不同的時間段和人群也會有不同的榜單，如人氣早餐榜單、人氣午餐榜單、學(xué)生熱門旅游榜，家庭旅游十佳勝地榜。

三、榜單類產(chǎn)品設(shè)計

1、產(chǎn)品設(shè)計思考

首先，在設(shè)計產(chǎn)品之前，思考用戶為什么需要這個榜單（why)，這個榜單可以幫用戶解決什么問題？產(chǎn)品需要有哪些功能才能滿足用戶的需（what）？，具體如何設(shè)計這款產(chǎn)品（how)？

用戶認(rèn)知模型基于傳統(tǒng)的消費(fèi)者決策模型簡化而來，通過讓用戶認(rèn)知、考慮、行動三個步驟完成產(chǎn)品的使用，如果是電商類產(chǎn)品，則是完成購買行為。榜單產(chǎn)品在其中的作用依然是為用戶的消費(fèi)決策做參考，提供信息。

（1）用戶認(rèn)知模型

• 認(rèn)知：我們要思考的是如果吸引用戶了解產(chǎn)品，他得知道這是個啥，能提供啥價值；認(rèn)知層面我們在產(chǎn)品設(shè)計上可以做啥，列表樣式上讓用戶知道這是個排行榜，文案層面要夠吸引人，“日日爆單”、“全城人都訂過”等夸張文案吸引用戶關(guān)注，也可以加上數(shù)字來表達(dá)榜單上商戶的熱度，或者用一些用戶熟悉的詞語，位置，讓周圍用戶可以很快get這是與自己平常的生活息息相關(guān)。
• 考慮：通過了解了這些信息價值后，用戶需要考慮要不要相信這些信息，看看評價，是不是好友推進(jìn)，是否符合他的心理預(yù)期，該不該下手。
• 行動：下單購買或到店消費(fèi)

（2）用戶體驗五要素

• 戰(zhàn)略層：分為兩方面，商業(yè)目標(biāo)和用戶需求。至于賺他一個億的目標(biāo)還不敢想，最多也就是完成團(tuán)隊的KPI，即用戶流量或訂單交易；用戶需求方面就是契合產(chǎn)品的特性，完成一個工具平臺的使命，充當(dāng)工具，為用戶提供參考信息。
• 范圍層：范圍層要考慮的是做什么產(chǎn)品和內(nèi)容，這里我們要做的是信息型產(chǎn)品，即連接人，內(nèi)容，引導(dǎo)人去消費(fèi)內(nèi)容。
• 結(jié)構(gòu)層：結(jié)構(gòu)層主要是“交互設(shè)計”和“信息架構(gòu)”，交互設(shè)計考慮的是用戶使用產(chǎn)品的路徑如何走，信息架構(gòu)要考慮信息組織方式，展示哪些內(nèi)容給用戶，展示的順序是如何排列。例如餓了么打造外賣美食排行榜，交互設(shè)計層面要考慮到排行榜的展示方式，排名靠后的下拉查看更多，距離用戶的遠(yuǎn)近，排名標(biāo)簽和依據(jù)。信息層面需要考慮消費(fèi)場景，餐品品類，人氣熱度值、時令主題等
• 框架層：該層主要是交互層面各級頁面元件如何布局，按鈕、控件、頭圖如何放置，優(yōu)化頁面設(shè)計布局，可與交互設(shè)計師討論制定。
• 表現(xiàn)層：圖文和文案的設(shè)計，圖片，文案如何做到適應(yīng)場景，隨著時間天氣的變化而變化。餓了么首頁皮膚會展示天氣信息，雨天榜單可以露出同城/附近雨天用戶熱度高的外賣餐品，如雨天配送價格高且時間長，用戶傾向點(diǎn)附近且方便的快餐類，頭圖和文案即可隨之變化，需要設(shè)計個圖片和文案出，對應(yīng)好露出邏輯，給用戶更加貼心的產(chǎn)品體驗。

2、產(chǎn)品如何設(shè)計

這里可以從3部分考慮，榜單基礎(chǔ)元素構(gòu)成（范圍層、結(jié)構(gòu)層、框架層）、榜單的數(shù)據(jù)能力（范圍層）、榜單展示樣式（表現(xiàn)層）

（1）榜單基礎(chǔ)元素構(gòu)成

1）基礎(chǔ)元素

主題：品類、場景、時間、地理范圍、優(yōu)惠，榜單的主題可根據(jù)產(chǎn)品類型，從這些維度考慮給用戶提供什么樣的榜單，如三里屯火鍋人氣榜、成都七夕人氣爆滿的10家店，多主題聚合的榜單，可根據(jù)固定的命名規(guī)則展示不同榜單的作用，如時令節(jié)日榜單，節(jié)日名稱+地理位置+場景詞（晚餐/夜宵）+最熱/火爆/Top 10+好去處/好店/榜

元素：商戶、商品、產(chǎn)品或服務(wù)、人氣值、評價、單均價、其他標(biāo)簽信息（問候語、關(guān)系鏈、明星來過）

2）構(gòu)成

上面想好了榜單該有哪些元素，則需要考慮榜單上各如何排列，各元素的數(shù)據(jù)來源于哪里，交互方式如何。最常見的是上下排列名次，根據(jù)人氣值排序，人氣值可根據(jù)平臺的搜索熱度或訂單量，菜單點(diǎn)擊量，如果是商品的排行榜，則需要展示商品的圖片，商品來源于哪些商戶，推薦理由，目標(biāo)群里最關(guān)心的哪些指標(biāo)突出展示，展示的圖片要夠美麗，文案要具有吸睛力，數(shù)據(jù)要夠有說服力，如，成都排隊到凌晨四點(diǎn)的夜宵餐廳，人氣值10.3萬

（2）榜單的數(shù)據(jù)能力

1）數(shù)據(jù)統(tǒng)計

• 排序規(guī)則：即根據(jù)一定的標(biāo)準(zhǔn)篩選數(shù)據(jù)，如XX商圈附近最受歡迎美食商戶，可根據(jù)附近（<3KM）、訂單量（交易流水或外賣訂單）、商戶詳情頁訪問（點(diǎn)擊UV>1w)、評價好（>100條）等條件篩選出你想要展示的商戶，然后根據(jù)加權(quán)值倒序排列，如果只展示top 10，則截取前10即可。還有一種是實時提前某個品類的榜單，即根據(jù)平臺內(nèi)搜索的關(guān)鍵詞熱度，展示相關(guān)榜單，如某天“臟臟包”成了網(wǎng)紅面包，則現(xiàn)有的榜單產(chǎn)品可提取平臺內(nèi)熱搜的關(guān)鍵詞，展示所有售賣臟臟包的商戶。
• 數(shù)據(jù)刷新：實時榜單頁面展示的人氣值需有刷新邏輯，按固定時間間隔刷新，或當(dāng)用戶再次進(jìn)入頁面時刷新（省資源），根據(jù)統(tǒng)計規(guī)則拉取實時的數(shù)據(jù)。
• 場景加權(quán)：同1個商品或服務(wù)，再不同的場景可以用不同的加權(quán)值，如A餐廳同時經(jīng)營早餐、中餐、晚餐和夜宵，但主打晚餐，則A餐廳在晚餐時段的場景加權(quán)值高，排序更靠前。

2）兜底策略

• 榜單主題：根據(jù)某個主題和展示規(guī)則篩選出的商戶或服務(wù)數(shù)量小于展示閥值時，則該榜單不展示，或者在某個偏遠(yuǎn)的位置，如根據(jù)LBS定位篩選不滿足，則展示兜底頁面
• 兜底主題：如實時提取的榜單不滿足展示規(guī)則，則調(diào)用通用的兜底主題，保證榜單有內(nèi)容可展示。

3）人工干預(yù)：支持運(yùn)營可配置，配合熱點(diǎn)運(yùn)營使用，如節(jié)假日期間，可根據(jù)各維度標(biāo)準(zhǔn)或關(guān)鍵詞篩選平臺上符合節(jié)日主題的活動商品或服務(wù)。

4）用戶標(biāo)簽：如果做得更精細(xì)化一些，聚合生成多個榜單，根據(jù)用戶在平臺上的歷史行為歸類，給不同的用戶展示符合其偏好的榜單，提升轉(zhuǎn)化率。

（3）榜單展示樣式

1）圖片：榜單的頭圖、某類商品的圖可在圖片庫里配置多套，如實時榜單，可實時獲取該時段的榜單信息是否有更新，如非實時榜單，則從圖片庫里輪流刷新圖片展示，保證用戶審美不會疲勞。如果某個商戶或商品的圖片獲取不到，則讀取圖片庫里的兜底圖片，以免影響頁面。

2）文案：如圖片刷新和兜底圖片庫，文案也需要配置多套，保證文案不過分重復(fù)，且文案可根據(jù)場景出現(xiàn)不同的問候語，給用戶親切感。

3）分享方式：圖片分享、鏈接分享、小程序卡片分享

以上是我對榜單產(chǎn)品的思考，因不同產(chǎn)品和業(yè)務(wù)的特性不同，這里只是寫了籠統(tǒng)的思路，具體問題還是要具體分析，以便提升榜單產(chǎn)品的吸引力。

#專欄作家#

淺夏秋晴，微信公眾號：復(fù)盤運(yùn)營之路，人人都是產(chǎn)品經(jīng)理專欄作家。負(fù)責(zé)過多款知名互聯(lián)網(wǎng)產(chǎn)品的運(yùn)營工作，擅長用戶運(yùn)營、產(chǎn)品運(yùn)營，喜愛文字，熱愛折騰。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議