互聯(lián)網(wǎng)產(chǎn)品提供的信息和內(nèi)容在快速增長(zhǎng)。為了方便用戶查找到產(chǎn)品中的信息和內(nèi)容，越來(lái)越多的產(chǎn)品通過(guò)“篩選功能“幫助用戶對(duì)產(chǎn)品提供的信息和內(nèi)容進(jìn)行快速的查找和定位，減少了用戶的查找時(shí)間和成本。這篇文章就和大家交流一下互聯(lián)網(wǎng)產(chǎn)品中的篩選功能。

一、篩選功能的目的

由于互聯(lián)網(wǎng)產(chǎn)品中提供的信息通常比較多，用戶在使用互聯(lián)網(wǎng)產(chǎn)品的過(guò)程中，可能會(huì)遇到查找信息時(shí)路徑長(zhǎng)，甚至無(wú)法找到合適的信息和內(nèi)容的問(wèn)題。通過(guò)篩選功能可以讓用戶通過(guò)設(shè)置篩選條件的方式，從產(chǎn)品中大量的信息中迅速找到符合篩選條件的內(nèi)容。從而大大降低用戶的查找成本，減少用戶查找時(shí)間，提升用戶體驗(yàn)。

從上面的描述中可以看到， 篩選功能的目的是讓用戶在面對(duì)互聯(lián)網(wǎng)產(chǎn)品中海量的信息和內(nèi)容時(shí)，通過(guò)讓用戶設(shè)置篩選條件進(jìn)行快速的查找和搜索，縮短用戶查找路徑。幫助用戶快速找到符合條件的內(nèi)容和信息，節(jié)省用戶查找信息時(shí)間，提升用戶體驗(yàn)。

二、篩選功能的常見(jiàn)樣式

互聯(lián)網(wǎng)產(chǎn)品中的篩選功能并不是普通的一個(gè)單一的功能項(xiàng)，篩選功能和導(dǎo)航欄一樣已經(jīng)成為互聯(lián)網(wǎng)產(chǎn)品的一個(gè)設(shè)計(jì)體系，篩選功能常見(jiàn)的設(shè)計(jì)樣式有tab和列表。

1. tab

tab篩選是在產(chǎn)品中經(jīng)常使用的功能，tab可以根據(jù)表現(xiàn)形式分為橫向tab和側(cè)向tab。

橫向tab應(yīng)用的場(chǎng)景非常多。在新聞資訊類產(chǎn)品中，將不同的內(nèi)容頻道通過(guò)tab進(jìn)行展示，方便用戶選擇不同類型的資訊。比如今日頭條首頁(yè)的推薦、關(guān)注、體育、互聯(lián)網(wǎng)、電影tab，36氪首頁(yè)的關(guān)注、推薦、科技、創(chuàng)投、5G、城市tab。

?

縱向tab的在電商產(chǎn)品中經(jīng)常應(yīng)用，淘寶和京東的商品分類就是使用縱向tab的形式，縱向tab適合在有很多個(gè)商品分類的條件下方便用戶快速選擇。

?

2. 列表式

列表式篩選的特點(diǎn)是占用空間小，需要用戶點(diǎn)擊才會(huì)展示對(duì)應(yīng)的篩選項(xiàng)。列表式的好處是，可以在有限的頁(yè)面空間中展示更多的篩選維度。比如在大眾點(diǎn)評(píng)的列表式篩選，在美食頻道中，通過(guò)附近、美食、智能排序列表可以對(duì)美食進(jìn)行相應(yīng)的篩選。在微博中，個(gè)人主頁(yè)的微博點(diǎn)擊篩選列表可以選擇原創(chuàng)和全部微博。

?

3. 多維度篩選

在使用互聯(lián)網(wǎng)產(chǎn)品查找信息和內(nèi)容的時(shí)候，有時(shí)候單一的篩選維度可能不能滿足用戶的需求。這是因?yàn)樵诨ヂ?lián)網(wǎng)產(chǎn)品中一個(gè)產(chǎn)品的屬性往往很多，因此這時(shí)候需要采用多維度的篩選方式來(lái)縮小查找范圍，幫助用戶快速找到符合條件的商品和內(nèi)容。在愛(ài)奇藝中選擇電影的時(shí)候，用戶可以通過(guò)多維度的篩選方式快速篩選出符合用戶需求的電影。

四、如何設(shè)計(jì)篩選功能

1. 明確用戶場(chǎng)景和需求

在設(shè)計(jì)篩選功能時(shí)，首先需要明確用戶的使用場(chǎng)景。用戶在什么場(chǎng)景下會(huì)需要篩選功能？為什么要使用篩選功能？用戶需要使用篩選功能需要篩選出什么樣的產(chǎn)品和服務(wù)？

只有明確了用戶場(chǎng)景和需求，在設(shè)置篩選條件時(shí)才會(huì)切中用戶的選擇痛點(diǎn)。讓篩選功能更好的的幫助用戶找到想要的產(chǎn)品和服務(wù)。以下通過(guò)兩個(gè)典型的用戶場(chǎng)景說(shuō)明用戶在使用產(chǎn)品中的需求。

首先是用戶點(diǎn)外賣的場(chǎng)景。以一個(gè)經(jīng)常在工作日中午點(diǎn)外賣的白領(lǐng)用戶作為說(shuō)明。

通過(guò)和用戶訪談，得知該用戶在點(diǎn)外賣時(shí)候有以下幾個(gè)要求：

（1）送達(dá)時(shí)間：希望外賣可以60分鐘內(nèi)送達(dá)，用戶一般在中午十一點(diǎn)進(jìn)行點(diǎn)餐，希望可以12點(diǎn)送到；

（2）店鋪評(píng)分：希望該商家的店鋪評(píng)分為5星；

（3）人均價(jià)格：希望人均價(jià)格在20元-25元之間。

因此在設(shè)置篩選功能時(shí)，需要根據(jù)用戶對(duì)于外賣的送達(dá)時(shí)間、店鋪評(píng)分和人均價(jià)格的篩選需求設(shè)置對(duì)應(yīng)的篩選條件，從而幫助用戶更快地找到滿足自己需求的商家，幫助用戶做出點(diǎn)餐決策。

用戶通過(guò)購(gòu)票平臺(tái)在線購(gòu)買電影票時(shí)。一個(gè)典型的用戶場(chǎng)景一對(duì)情侶是在周末在家吃完午飯，下午準(zhǔn)備去看電影。

通過(guò)購(gòu)票平臺(tái)選擇去哪家電影院時(shí)，用戶在選擇電影院時(shí)有以下要求：

（1）距離：距離家3km以內(nèi)，離家太遠(yuǎn)過(guò)去不方便；

（2）價(jià)格：有IMAX的電影院，想去看《中途島海戰(zhàn)》，IMAX電影觀賞體驗(yàn)好；

（3）影城品牌：萬(wàn)達(dá)影城，服務(wù)和環(huán)境好。

因此，在設(shè)計(jì)篩選選擇電影院的維度時(shí)，需要考慮電影院位置，電影院售賣電影票的價(jià)格和對(duì)于電影院品牌的篩選功能。方便用戶迅速找到合適的電影院觀影。

從上面的用戶在使用篩選場(chǎng)景中可以看到，用戶在使用互聯(lián)網(wǎng)產(chǎn)品查找信息時(shí)。在面對(duì)產(chǎn)品提供的大量的信息和商品，用戶需要通過(guò)一定的篩選方式快速找到能夠滿足自己需求的產(chǎn)品和服務(wù)。因此篩選功能的使用場(chǎng)景是在用戶在使用情景下，通過(guò)篩選條件的設(shè)定，縮短用戶查找路徑，幫助用戶快速找到符合自身需要的產(chǎn)品和服務(wù)。

2. 針對(duì)不同類型的產(chǎn)品設(shè)置篩選條件

在設(shè)計(jì)不同產(chǎn)品的篩選功能時(shí)，我們需要根據(jù)產(chǎn)品的定位設(shè)置篩選條件。比如我們需要根據(jù)不同的產(chǎn)品類型，結(jié)合目標(biāo)用戶的使用場(chǎng)景，提供能夠滿足用戶需求的篩選條件。

比如用戶在使用電商產(chǎn)品搜索商品時(shí)，用戶在購(gòu)買前關(guān)注的因素可能有商品的銷量、評(píng)價(jià)、價(jià)格和品牌等，這些條件對(duì)用戶進(jìn)行購(gòu)買決策的影響較大。因此需要在搜索結(jié)果頁(yè)設(shè)置相應(yīng)的篩選條件，方便用戶通過(guò)篩選功能快速找到合適的商品。

對(duì)于新聞資訊類產(chǎn)品，不同用戶可能偏好不同內(nèi)容的新聞資訊內(nèi)容。因此，在新聞?lì)惍a(chǎn)品中根據(jù)不同的新聞內(nèi)容進(jìn)行分類，方便用戶快速找到自己感興趣的內(nèi)容。在投資理財(cái)類產(chǎn)品中，不同用戶的投資類型、預(yù)期收益回報(bào)、風(fēng)險(xiǎn)偏好都不盡相同。這個(gè)時(shí)候用戶需要根據(jù)自己的需求和偏好選擇產(chǎn)品，因此在設(shè)置篩選條件時(shí)需要考慮理財(cái)產(chǎn)品的種類、預(yù)期收益、產(chǎn)品風(fēng)險(xiǎn)和適合人群。

不同產(chǎn)品的用戶在使用產(chǎn)品的過(guò)程中，用戶的查找需求決定了了篩選條件的設(shè)定范圍。在設(shè)計(jì)篩選條件和維度時(shí)需要根據(jù)產(chǎn)品的目標(biāo)用戶進(jìn)行設(shè)計(jì)。

五、篩選功能在產(chǎn)品的應(yīng)用

1. 生活服務(wù)類平臺(tái)

淘寶、京東等電商平臺(tái)在產(chǎn)品分類中提供了篩選商品品類的功能。電商平臺(tái)的商品分類非常繁雜和龐大，用戶可以通過(guò)商品分類下的篩選功能快速找到自己想要購(gòu)買的商品。

在淘寶的商品分類中，用戶選擇“洗衣護(hù)理”這個(gè)分類，在這個(gè)分類下用戶可以通過(guò)店鋪、價(jià)格、商家信用、商品品牌、價(jià)格、產(chǎn)地等篩選條件篩選出滿足自己使用需求的商品。在淘寶的搜索結(jié)果頁(yè)，同樣可以通過(guò)篩選功能，在搜索結(jié)果頁(yè)進(jìn)一步幫助用戶縮小選擇范圍，快速找到符合的商品。

2. 生活服務(wù)類平臺(tái)

美團(tuán)、大眾點(diǎn)評(píng)的美食頻道，可以對(duì)不同的服務(wù)和產(chǎn)品進(jìn)行篩選。篩選功能可以讓用戶根據(jù)距離、人氣、評(píng)價(jià)、環(huán)境和價(jià)格進(jìn)行篩選，快速找到可以滿足自己需求的美食。

3. 社交軟件

QQ在添加好友時(shí)，可以根據(jù)要添加好友的個(gè)人信息進(jìn)行篩選。用戶可以通過(guò)對(duì)要添加好友的地理位置、年齡、性別和職業(yè)等進(jìn)行篩選，快速找到符合用戶需求的用戶群體。

4. 新聞資訊產(chǎn)品

今日頭條中根據(jù)對(duì)不同的新聞資訊進(jìn)行分類。為用戶提供了100多個(gè)內(nèi)容頻道的選擇功能，用戶可以自定義頻道在首頁(yè)的展示順序。通過(guò)不同的頻道內(nèi)容，用戶可以快速找到符合自身閱讀興趣和品味的新聞資訊。篩選功能縮短了用戶查找新聞的時(shí)間，提升了用戶的閱讀體驗(yàn)。

5. 視頻平臺(tái)

視頻平臺(tái)中可以通過(guò)設(shè)置多個(gè)篩選維度可以快速篩選出符合用戶需求的視頻內(nèi)容。在愛(ài)奇藝中觀看電影時(shí)用戶可以通過(guò)設(shè)置電影的評(píng)分、地區(qū)、類型、出品年份等多個(gè)維度的條件篩選出指定的電影?？s短用戶查找電影的范圍，幫助用戶快速查找到符合條件的電影。

六、總結(jié)

用戶在使用互聯(lián)網(wǎng)產(chǎn)品時(shí)，面對(duì)產(chǎn)品提供的大量信息和內(nèi)容。需要快速找到能夠符合用戶需求的內(nèi)容和信息。篩選功能就是為了滿足用戶的這一需求而產(chǎn)生的，通過(guò)篩選功能可以縮短用戶在查找時(shí)的選擇范圍，節(jié)省用戶的查找時(shí)間，快速定位符合用戶需求的信息和服務(wù)，提升用戶體驗(yàn)。

在設(shè)置篩選功能時(shí)需要根據(jù)目標(biāo)用戶的場(chǎng)景和需求設(shè)置篩選條件。在設(shè)置篩選條件的維度時(shí)，需要根據(jù)產(chǎn)品的類型、目標(biāo)用戶的使用場(chǎng)景和查找痛點(diǎn)，設(shè)置符合用戶需求的篩選維度，從而幫助用戶通過(guò)篩選功能快速找到自己需要的信息和內(nèi)容，提升用戶體驗(yàn)。

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

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