產(chǎn)品篩選（Product filter），看起來(lái)是電商網(wǎng)站上一個(gè)非常微小、甚至無(wú)關(guān)緊要的特征。但事實(shí)上，產(chǎn)品篩選系統(tǒng)是衡量用戶體驗(yàn)優(yōu)劣的重要因素。

雨果網(wǎng)從外媒近日的報(bào)道中了解到，下面8個(gè)有名時(shí)尚零售網(wǎng)站的產(chǎn)品篩選情況各不相同，有成功，也有失敗。

1、H&M

瑞典服裝品牌H&M的“特色店鋪”過(guò)濾系統(tǒng)，讓用戶通過(guò)策劃主題篩選產(chǎn)品。

雖然理論上看起來(lái)很有創(chuàng)意，但其實(shí)沒(méi)有什么作用。

H&M網(wǎng)站似乎忘記了，產(chǎn)品篩選的主要目的是縮小產(chǎn)品范圍，以便于消費(fèi)者找到符合條件的產(chǎn)品——而不是把她們引向隨機(jī)產(chǎn)品范疇，而用“牛仔褲”這個(gè)詞顯然更加容易篩選。

除此之外，常規(guī)產(chǎn)品篩選非常簡(jiǎn)單。

通過(guò)選擇顏色、尺寸和風(fēng)格，加上一個(gè)便利的“重置”按鈕，可以非常容易地將產(chǎn)品范圍縮小到符合消費(fèi)者需要的范疇。

2、River Island

英國(guó)高街品牌River Island的篩選系統(tǒng)要求高精確度，因?yàn)橄M(fèi)者一次只能選擇一個(gè)條件。

但是，River Island網(wǎng)站有一個(gè)特征比較特別，它允許人們查看符合條件的產(chǎn)品數(shù)目。雖然作用并不很大，有時(shí)候人們確實(shí)更關(guān)注數(shù)目而不是自己正在選擇的類別。

比如，如果一個(gè)過(guò)濾系統(tǒng)篩選出來(lái)的產(chǎn)品只有兩件，人們就可以提前知道，而不是在點(diǎn)擊瀏覽時(shí)才失望地發(fā)覺(jué)這點(diǎn)。

3、Zara

西班牙品牌Zara的篩選系統(tǒng)是個(gè)大集合。位于網(wǎng)站頂端，而不是左側(cè)的篩選系統(tǒng)，更容易吸引人們的注意力。

消費(fèi)者可同時(shí)選擇幾個(gè)篩選條件，使用具體要素，比如“特征”和“顏色”。

說(shuō)到具體……有人知道“淡褐色”襯衫是什么樣嗎？

感謝Zara篩選系統(tǒng)，現(xiàn)在你知道了。

另一方面，Zara網(wǎng)站的篩選按鈕并不容易發(fā)現(xiàn)，也沒(méi)有突出顯示選擇區(qū)域，這是一個(gè)非常大的用戶體驗(yàn)問(wèn)題。

讓人苦惱的是，還沒(méi)有辦法排序篩選結(jié)果。

4、Ted Baker

英國(guó)時(shí)尚品牌Ted Baker的網(wǎng)站非常漂亮，但是產(chǎn)品篩選系統(tǒng)卻并不那么讓人滿意。

消費(fèi)者確實(shí)有很多篩選條件可供選擇，包括款式、顏色、尺寸等等。但是，與River Island類似，一次只能選擇一個(gè)篩選因素（比如顏色或尺寸），然后必須返回重新選擇另一個(gè)篩選因素。

另外，下拉菜單出現(xiàn)的速度有點(diǎn)慢，整個(gè)流程顯得有點(diǎn)令人抓狂。

幸運(yùn)的是，Ted Baker有創(chuàng)意文案和雜志，人們還能在網(wǎng)站上發(fā)現(xiàn)很多令人驚喜的地方。

5、Hunter

與Ted Baker類似，英國(guó)時(shí)尚品牌Hunter的產(chǎn)品篩選是下拉菜單的形式，但是，篩選標(biāo)簽獨(dú)立存在，更方便消費(fèi)者篩選產(chǎn)品。

Hunter網(wǎng)站還有一些友善的設(shè)計(jì)，比如當(dāng)用戶縮小范圍搜索時(shí)，會(huì)出現(xiàn)滴的一聲。網(wǎng)站篩選區(qū)域右側(cè)還提供一個(gè)重置按鈕。

6、Marks and Spencer

用戶評(píng)論是很多零售商忽略的一個(gè)區(qū)域。作為信任的標(biāo)志，評(píng)級(jí)系統(tǒng)對(duì)于不確定購(gòu)買(mǎi)哪款產(chǎn)品的消費(fèi)者來(lái)說(shuō)非常有用。

英國(guó)Marks&Spencer（馬莎），是一個(gè)非常機(jī)敏的零售品牌，充分利用了用戶評(píng)論。

Marks&Spencer網(wǎng)站允許消費(fèi)者采取“星級(jí)篩選”方式（1顆星以上，2顆星以上等等），這對(duì)于看重其他用戶評(píng)價(jià)的消費(fèi)者來(lái)說(shuō)，非常有幫助。篩選區(qū)域位于網(wǎng)站左下側(cè)，雖然不起眼，用處卻很大。

7、Suit Supply

與H&M對(duì)比，荷蘭時(shí)尚品牌Suit Supply也是個(gè)很成功的例子，以更具創(chuàng)意的方式來(lái)進(jìn)行產(chǎn)品篩選。

舍棄文字篩選，Suit Supply網(wǎng)站突出各種產(chǎn)品特征，機(jī)敏地展示出零售品牌提供多樣化選擇。

從衣領(lǐng)類型到服裝款式，這些篩選條件簡(jiǎn)單而有效，在其它零售網(wǎng)站上很少見(jiàn)。

8、ASOS

擁有大量產(chǎn)品的ASOS，選擇綜合性的篩選系統(tǒng)是個(gè)正確的選擇。

從品牌和風(fēng)格到款式和袖長(zhǎng)，有很多不同的選項(xiàng)供消費(fèi)者選擇。不同的篩選條件，指向不同的產(chǎn)品類別——非常聰明的一個(gè)做法。

在幫助消費(fèi)者找到喜歡產(chǎn)品的同時(shí)，還幫助ASOS品牌展示了豐富多樣的產(chǎn)品。

我們能學(xué)到什么？

雖然H&M網(wǎng)站的做法并不是特別有效，品牌為消費(fèi)者提供產(chǎn)品過(guò)濾的意愿仍然值得肯定。

如果方式正確，一個(gè)有效的產(chǎn)品篩選系統(tǒng)可以極大改善用戶體驗(yàn)。

速度快、視覺(jué)效果清晰、能同時(shí)選擇幾個(gè)篩選條件……簡(jiǎn)直完美！（編譯/雨果網(wǎng)楊雪平）