時(shí)尚電商網(wǎng)站交互分析(3)

與Amazon處理方式不同的是，ebay采用了將當(dāng)前選中的類(lèi)目顯示在了搜索框中，與搜索詞進(jìn)行了結(jié)合。同時(shí)還提供給用戶(hù)保存當(dāng)前查詢(xún)?cè)~的功能，便于下次直達(dá)該頁(yè)面。

對(duì)比舊版的ebay 搜索結(jié)果頁(yè)的頁(yè)頭，新版的設(shè)計(jì)將頁(yè)面中搜索框、類(lèi)目瀏覽、保存搜索記錄功能進(jìn)行了簡(jiǎn)化和整合，優(yōu)化后，頁(yè)頭中的品牌Logo更加突出，頁(yè)頭的高度從210px縮減到了140px。這樣可以為展示更多的結(jié)果信息留出空間。

英國(guó)的asos.com（http://www.asos.com）的SRP頁(yè)采用了純粹的2欄式布局，所有的類(lèi)目、屬性導(dǎo)航均放到了頁(yè)面的左側(cè)，且采用了“遞進(jìn)式”的篩選邏輯。用戶(hù)對(duì)每一個(gè)類(lèi)目或?qū)傩赃M(jìn)行篩選后，立即就可以獲知與之相關(guān)的下一級(jí)篩選選項(xiàng)會(huì)有哪些，同時(shí)也對(duì)搜索結(jié)果的大致范圍有了了解。

用戶(hù)進(jìn)行“款式、品牌、價(jià)格、顏色等”篩選后，瀏覽搜索結(jié)果列表時(shí)，常常會(huì)產(chǎn)生修正結(jié)果的需求。

Asos.com對(duì)此還為用戶(hù)提供了一些體貼的功能。如下圖：

鼠標(biāo)Hover后，商品圖片左上角顯示“Hide this brand”，用戶(hù)點(diǎn)擊此處，可以將搜索結(jié)果列表當(dāng)中的所有此品牌商品信息屏蔽，從而滿(mǎn)足了用戶(hù)瀏覽過(guò)程中“即時(shí)修正”的需求。

點(diǎn)擊后，也同時(shí)作用于左側(cè)的“品牌篩選”欄。

在Naver Shopping 搜“襯衫“后，可以看到搶眼的圖形化導(dǎo)航區(qū)。

http://shopping.naver.com/search/all_search.nhn?query=%EC%85%94%EC%B8%A0&iq=&cat_id=