當(dāng)頁(yè)面列表中需要擺放大量信息時(shí)，該如何做出判斷并選擇性地展示呢？本文將會(huì)從四個(gè)思路展開(kāi)，來(lái)對(duì)這個(gè)問(wèn)題進(jìn)行分析。

當(dāng)頁(yè)面列表中需要擺放大量信息時(shí)，該如何判斷哪些是重要的信息并做選擇？

首先我們要知道列表有什么特點(diǎn)，一般來(lái)說(shuō)，列表瀏覽的特點(diǎn)是：可以同時(shí)瀏覽多條信息，通過(guò)最重要的信息來(lái)決定是否要點(diǎn)擊查看詳情，適合快速瀏覽同類(lèi)信息并且篩選，但由于列表需要展示多條信息，每條內(nèi)容占據(jù)的面積有限，所以需要考慮將哪些信息放在列表中并且應(yīng)該如何排列。

下面將從四個(gè)思路來(lái)找到解決方案：

一、判斷這些信息用戶是否真的需要

首先把自己當(dāng)做用戶，去思考當(dāng)自己在使用這款產(chǎn)品的過(guò)程中，真正關(guān)注的信息是什么，如果有些信息是沒(méi)有必要的，那這些信息可以考慮刪除。接著可以去做用戶調(diào)研，去接觸真實(shí)的目標(biāo)使用用戶，從用戶哪里了解用戶會(huì)關(guān)注到的信息，而一些對(duì)用戶來(lái)說(shuō)沒(méi)有感知或并不重要的信息就可以刪除掉。

以房源APP，如果我是一個(gè)在房源APP上面尋找租房的用戶，我最關(guān)心租房位置、月租、房型和房子面積，并且通過(guò)這些信息我就可以篩選出自己需要的房源，而一些更加具體的信息例如房間的家具設(shè)施等在篩選階段并不重要，則不需要放在列表中，可以在詳情頁(yè)再展示。

鏈家

二、信息優(yōu)先級(jí)排列

刪除掉一些不必要的信息后，要對(duì)剩下的信息做優(yōu)先級(jí)排列，這樣在后面的設(shè)計(jì)中才能知道應(yīng)該突出哪些信息。

在這之前首先我們需要了解用戶的使用行為，通過(guò)用戶調(diào)研制作用戶體驗(yàn)地圖，理清用戶在這一流程中的行為，在這個(gè)基礎(chǔ)上我們才能做信息優(yōu)先級(jí)的排列，信息優(yōu)先級(jí)的排列可以參考《破繭成蝶1》中的案例，作者購(gòu)買(mǎi)電影票為例子，對(duì)任務(wù)優(yōu)先級(jí)排列，我覺(jué)得這個(gè)方法同樣也可以用在信息優(yōu)先級(jí)排列中：

在信息優(yōu)先級(jí)排列中可以將判斷標(biāo)準(zhǔn)分為：關(guān)注人數(shù)、關(guān)注程度、重要程度和綜合評(píng)分。關(guān)注人數(shù)理解為關(guān)注該信息的用戶數(shù)量，關(guān)注程度理解為用戶依賴該信息的程度，重要程度理解為該信息影響整體使用的程度（比如電商產(chǎn)品中價(jià)格是影響用戶購(gòu)買(mǎi)該產(chǎn)品的重要因素）。

三、根據(jù)用戶特點(diǎn)選擇合理的信息

每個(gè)產(chǎn)品都會(huì)有不同的用戶群體，針對(duì)不同的用戶群體，我們需要根據(jù)其特點(diǎn)給出不同的信息排列方式。

以電商產(chǎn)品為例，可以發(fā)現(xiàn)當(dāng)你搜裙子時(shí)，給出的布局方式是兩列瀑布流的布局方式，以圖片為主，文字信息之中除了價(jià)格和名稱(chēng)沒(méi)有太多其他信息，而當(dāng)你搜手機(jī)的時(shí)候，則是列表布局方式，商品名稱(chēng)會(huì)更加完整且具有更多關(guān)于手機(jī)性能的信息，為什么會(huì)有這種卻別？

女生在看衣服的時(shí)候往往更加注重看衣服上身的效果，且大部分女生都會(huì)沖動(dòng)消費(fèi)，不會(huì)太留意文字信息，更關(guān)注圖片里的商品。而在買(mǎi)手機(jī)的時(shí)候，因?yàn)槿藗兺鶎?duì)于價(jià)格高的商品會(huì)更加謹(jǐn)慎，所以會(huì)關(guān)注更多的信息，并且手機(jī)圖片往往不能夠展示更多的細(xì)節(jié)和功能，需要文字信息來(lái)補(bǔ)充。

四、根據(jù)產(chǎn)品的特點(diǎn)選擇合理的信息

不同產(chǎn)品有不同的特點(diǎn)、定位及目標(biāo)，我們需要根據(jù)產(chǎn)品的特點(diǎn)來(lái)選擇應(yīng)該展示的信息。下面舉一個(gè)例子：

同樣是餐廳列表，餓了么和大眾點(diǎn)評(píng)的列表信息側(cè)重點(diǎn)不同，餓了么是外賣(mài)APP，外賣(mài)需要配送時(shí)間和起送費(fèi)用，這些信息都會(huì)在列表中顯示出來(lái)，還有一個(gè)很重要的一點(diǎn)，大部分情況下外賣(mài)是省錢(qián)和便捷選擇，每次點(diǎn)外賣(mài)我也會(huì)非常關(guān)注店鋪的滿減活動(dòng)，可以看到餓了么餐廳列表中滿減信息內(nèi)容較多且用紅色凸現(xiàn)出來(lái)。

而大眾點(diǎn)評(píng)是美食推薦及用戶點(diǎn)評(píng)APP，用戶根據(jù)大眾點(diǎn)評(píng)里提供的信息來(lái)選擇餐廳，這個(gè)時(shí)候餐廳的評(píng)分及用戶的評(píng)價(jià)是最重要的信息，相比餓了么，大眾點(diǎn)評(píng)的星級(jí)評(píng)價(jià)更加突出，可以快速區(qū)分出評(píng)分高和評(píng)分低的餐廳。

其次，可以回想一下我們使用大眾點(diǎn)評(píng)的場(chǎng)景，大部分都是在旅游的時(shí)候或者到了一個(gè)新的地方，這個(gè)時(shí)候我們希望能體驗(yàn)當(dāng)?shù)厝藲飧叩牟蛷d，同時(shí)也是避免踩雷，所以會(huì)選擇評(píng)分高排名較前的餐廳，但是由于這個(gè)地方我們并不熟悉，所以很難快速找到餐廳的位置，我想正是因?yàn)榭紤]到這一點(diǎn)，大眾點(diǎn)評(píng)在列表突出每個(gè)餐廳的位置，并且會(huì)具體到商場(chǎng)的每一個(gè)樓層，方便用戶快速找到對(duì)應(yīng)的餐廳。

最后總結(jié)一下，本文從四個(gè)思路展開(kāi)來(lái)分析應(yīng)該如何選擇列表中應(yīng)該展示的信息：

1. 判斷這些信息用戶是否真的需要；
2. 信息優(yōu)先級(jí)排列；
3. 根據(jù)用戶特點(diǎn)選擇合理的信息；
4. 根據(jù)產(chǎn)品的特點(diǎn)選擇合理的信息。

如果覺(jué)得文章中有不太正確的思考或者有更多補(bǔ)充的，歡迎大家在底部評(píng)論討論。

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

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