用(yòng)戶體驗至關重要！8大(dà)時(shí)尚零售網站的(de)産品篩選系統是這(zhè)樣的(de)……

産品篩選（Product filter），看起來(lái)是電商網站上一個(gè)非常微小、甚至無關緊要的(de)特征。但事實上，産品篩選系統是衡量用(yòng)戶體驗優劣的(de)重要因素。

雨(yǔ)果網從外媒近日的(de)報道中了(le)解到，下(xià)面8個(gè)有名時(shí)尚零售網站的(de)産品篩選情況各不相同，有成功，也(yě)有失敗。

1、H&M

瑞典服裝品牌H&M的(de)“特色店(diàn)鋪”過濾系統，讓用(yòng)戶通(tōng)過策劃主題篩選産品。

雖然理(lǐ)論上看起來(lái)很有創意，但其實沒有什(shén)麽作用(yòng)。

H&M網站似乎忘記了(le)，産品篩選的(de)主要目的(de)是縮小産品範圍，以便于消費者找到符合條件的(de)産品——而不是把她們引向随機産品範疇，而用(yòng)“牛仔褲”這(zhè)個(gè)詞顯然更加容易篩選。

除此之外，常規産品篩選非常簡單。

通(tōng)過選擇顔色、尺寸和(hé)風格，加上一個(gè)便利的(de)“重置”按鈕，可(kě)以非常容易地将産品範圍縮小到符合消費者需要的(de)範疇。

2、River Island

英國高(gāo)街(jiē)品牌River Island的(de)篩選系統要求高(gāo)精确度，因爲消費者一次隻能選擇一個(gè)條件。

但是，River Island網站有一個(gè)特征比較特别，它允許人(rén)們查看符合條件的(de)産品數目。雖然作用(yòng)并不很大(dà)，有時(shí)候人(rén)們确實更關注數目而不是自己正在選擇的(de)類别。

比如，如果一個(gè)過濾系統篩選出來(lái)的(de)産品隻有兩件，人(rén)們就可(kě)以提前知道，而不是在點擊浏覽時(shí)才失望地發覺這(zhè)點。

3、Zara

西班牙品牌Zara的(de)篩選系統是個(gè)大(dà)集合。位于網站頂端，而不是左側的(de)篩選系統，更容易吸引人(rén)們的(de)注意力。

消費者可(kě)同時(shí)選擇幾個(gè)篩選條件，使用(yòng)具體要素，比如“特征”和(hé)“顔色”。

說到具體……有人(rén)知道“淡褐色”襯衫是什(shén)麽樣嗎？

感謝Zara篩選系統，現在你知道了(le)。

另一方面，Zara網站的(de)篩選按鈕并不容易發現，也(yě)沒有突出顯示選擇區(qū)域，這(zhè)是一個(gè)非常大(dà)的(de)用(yòng)戶體驗問題。

讓人(rén)苦惱的(de)是，還(hái)沒有辦法排序篩選結果。

4、Ted Baker

英國時(shí)尚品牌Ted Baker的(de)網站非常漂亮，但是産品篩選系統卻并不那麽讓人(rén)滿意。

消費者确實有很多(duō)篩選條件可(kě)供選擇，包括款式、顔色、尺寸等等。但是，與River Island類似，一次隻能選擇一個(gè)篩選因素（比如顔色或尺寸），然後必須返回重新選擇另一個(gè)篩選因素。

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

幸運的(de)是，Ted Baker有創意文案和(hé)雜(zá)志，人(rén)們還(hái)能在網站上發現很多(duō)令人(rén)驚喜的(de)地方。

5、Hunter

與Ted Baker類似，英國時(shí)尚品牌Hunter的(de)産品篩選是下(xià)拉菜單的(de)形式，但是，篩選标簽獨立存在，更方便消費者篩選産品。

Hunter網站還(hái)有一些友善的(de)設計，比如當用(yòng)戶縮小範圍搜索時(shí)，會出現滴的(de)一聲。網站篩選區(qū)域右側還(hái)提供一個(gè)重置按鈕。

6、Marks and Spencer

用(yòng)戶評論是很多(duō)零售商忽略的(de)一個(gè)區(qū)域。作爲信任的(de)标志，評級系統對(duì)于不确定購(gòu)買哪款産品的(de)消費者來(lái)說非常有用(yòng)。

英國Marks&Spencer（馬莎），是一個(gè)非常機敏的(de)零售品牌，充分(fēn)利用(yòng)了(le)用(yòng)戶評論。

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

7、Suit Supply

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

舍棄文字篩選，Suit Supply網站突出各種産品特征，機敏地展示出零售品牌提供多(duō)樣化(huà)選擇。

從衣領類型到服裝款式，這(zhè)些篩選條件簡單而有效，在其它零售網站上很少見。

8、ASOS

擁有大(dà)量産品的(de)ASOS，選擇綜合性的(de)篩選系統是個(gè)正确的(de)選擇。

從品牌和(hé)風格到款式和(hé)袖長(cháng)，有很多(duō)不同的(de)選項供消費者選擇。不同的(de)篩選條件，指向不同的(de)産品類别——非常聰明(míng)的(de)一個(gè)做(zuò)法。

在幫助消費者找到喜歡産品的(de)同時(shí)，還(hái)幫助ASOS品牌展示了(le)豐富多(duō)樣的(de)産品。

我們能學到什(shén)麽？

雖然H&M網站的(de)做(zuò)法并不是特别有效，品牌爲消費者提供産品過濾的(de)意願仍然值得(de)肯定。

如果方式正确，一個(gè)有效的(de)産品篩選系統可(kě)以極大(dà)改善用(yòng)戶體驗。

速度快(kuài)、視覺效果清晰、能同時(shí)選擇幾個(gè)篩選條件……簡直完美(měi)！