買家用戶體驗規範總述

買家用戶體驗規範總述

買家用戶體驗包括三方面、共六條的設計規範:

1. 使商品易於發現

    •	導航清晰、顯著,使各個頁面有效地相關聯

    •	優先展示店鋪分類與店鋪搜索

2. 使商品易於瀏覽

    •	避免在頁面無序堆積商品

    •	提高頁面可讀性,慎用花哨的頁面背景及Flash動畫

3. 使商品易於購買

   •	寶貝詳情頁應突出當前所售商品,裝修模板關聯推薦太多易造成買家流失

   •	不造假、不誇大,提高店鋪可信度

商品易於發現

導航條清晰、顯著,使各個頁面有效地相關聯

導航條爲訪問店鋪的買家提供一條快速通道,使他們可以方便地從一個頁面跳轉到另一個頁面,查看店鋪的各類商品及信息。因此,提供清晰、顯著的導航條,能保證更多的店鋪頁面被訪問,從而使更多的商品或促銷活動被發現。尤其買家進入店鋪的常見路線是從寶貝詳情頁到其他頁面,若缺乏導航條的指引,將極大影響轉化率。

設計優良的導航條,應與其他區域有清晰的視覺間隔,易發現。被選中的導航項,樣式應與其餘導航項有所區別。


示例區

下面兩張圖片所示,導航條的顏色、字體、高度,保證了在豐富的促銷內容視覺衝擊下,買家依然能有效地尋找到進入其他頁面的路徑。

淘寶網內衣頻道的導航條:

T1uetKXghhXXXXXXXX-558-203.jpg


淘寶網全球購頻道的導航條:

T11dtKXgtAXXXXXXXX-558-198.jpg


下圖所示店鋪,通過背景色、分隔線和適當留白的處理,使導航顯著、突出。

T1As4KXmhIXXXXXXXX-558-230.jpg


相反地,接下來所示店鋪,導航淹沒在圖片與文字中,難被買家發現,因此難以找到進入店鋪首頁的路徑。
T1XttKXi0BXXXXXXXX-533-253.jpg


最後這家店鋪,誤將重要的導航條當作促銷區,買家完全不知如何進入店鋪。
T1BJxKXlJzXXXXXXXX-454-276.jpg

優先展現店鋪分類及店鋪搜索

從購物目的來區分,買家購物路徑通常包括直接搜索、按類目點擊、無目的閒逛三種。店鋪裝修應能同時滿足購物路徑不同的買家,因此需要平衡促銷內容、寶貝分類以及寶貝搜索的展示優先級。

大量的促銷推廣內容雖然能引起點擊,但在首屏提供清晰的商品分類以及搜索入口,能爲購物目的相對明確的買家提供便捷的導購,更易於他們找到自己想要的寶貝,促進成交。


示例區

下圖所示淘寶商城,在首屏既包括豐富的促銷內容,也爲買家提供了詳盡的商品分類及搜索入口。

T1wuhKXmVlXXXXXXXX-558-246.jpg


尤其對於標準類商品(如3C數碼等),買家的購物目的相對更明確,分類與搜索將大大節省買家尋找時間。

T1UeNKXbVcXXXXXXXX-558-267.jpg


在旺鋪默認的模板中,提供了在店鋪導航中勾選添加“全部分類”這一功能(見下圖)。該功能的目的就是爲了使買家能更快捷地定位到所需類目下,解決豎式寶貝分類過長、查找麻煩的問題。因此在設計模板時,可考慮使用更多元化的寶貝分類展示方式,爲買家提供便利的導購。

T1PulKXc0kXXXXXXXX-558-297.jpg


最後所示的店鋪,將主分類展現在首屏,從寶貝詳情頁進入店鋪的買家,能方便地跳轉到各個分類。

T1VKVKXahaXXXXXXXX-558-216.jpg

商品易於瀏覽

避免在頁面單一、無序地堆積商品

通過優化商品展示的視覺層次感、韻律感,能減少買家在瀏覽商品過程中的視覺疲勞,從而相應地增加頁面停留時間。

示例區

下圖所示店鋪,在展現不同分類產品時,每一分類通過大圖配小圖、合理對齊、添加醒目的標題等方式,提高了頁面的視覺韻律感和瀏覽的愉悅感。

T1LulKXeRkXXXXXXXX-411-316.jpg

T1wuFKXgheXXXXXXXX-404-315.jpg


下面所示店鋪亦然,通過圖標、文案、大圖、小圖的組合形式,爲買家提供了良好的視覺引導。

T1x1XKXlloXXXXXXXX-495-310.jpg

提高頁面可讀性,慎用花哨背景及flash動畫效果

設置頁面背景的目的在於適度烘托氛圍、使店鋪個性更明顯,但切忌喧賓奪主、影響對正常商品的瀏覽。
除了背景,在使用bannermaker裝修模板時,十分忌諱大量堆砌動態內容。這不僅會造成視覺疲勞,而且吸引眼球的元素過多,商品本身得到的注意力反被減少了。

示例區

下圖所示店鋪,使用促銷語“Last Chance”(最後折扣機會)爲平鋪背景,但顏色、對比度設置得當,既傳達了折扣促銷的購物氛圍,又不會影響買家對商品的瀏覽。

T13c8KXgXHXXXXXXXX-558-312.jpg


相反,下面的店鋪,背景過於搶眼、對比度過強,反而無法突出商品本身,尤其在整頁地瀏覽時,視覺刺激過強,引起不適感。

T1IKdKXddnXXXXXXXX-558-324.jpg

商品易於購買

寶貝詳情應突出當前商品,裝修模板關聯推薦太多易造成買家流失

在寶貝詳情裝修模板中放入關聯推薦,有助於帶動相關購買,提高客單價。但買家打開一個寶貝詳情頁,最需要獲取的是與當前商品相關的信息,從而輔助購買決策。若無度地添加關聯推薦,買家滾動多屏仍看不見當前頁所出售商品的詳情,便會離開頁面。尤其對於新手買家,更是會造成一定程度的困惑。


示例區

下圖所示寶貝詳情頁,裝修模板有6屏以上,且關聯推薦雜亂無序,極大影響了對寶貝本身的瀏覽。同時,這種硬銷的手段,也降低了店鋪的品質感。

T1BKFKXgdeXXXXXXXX-528-283.jpg


而下圖所示店鋪,裝修模板設計美觀、清晰、適度,買家只需拖動一屏即可看到商品主體信息,既達到了關聯營銷的目的,又不會對買家的購買造成影響。

T1iJJKXn0wXXXXXXXX-359-539.jpg


下圖是某裝修模板的尾部,提供了返回店鋪首頁、進入同系列產品的導航條,也是有效地進行關聯推薦的另一種有效又友好的手段。

T1jKNKXlVcXXXXXXXX-558-200.jpg

不造假、不誇大,提高店鋪可信度

對於任何想要營造自身品牌、做長久生意的店鋪,通過店鋪裝修在買家心目中建立店鋪可信度是非常重要的。


示例區

一方面,任何店鋪設計元素都應反映真實,避免例如下面兩張圖所示的店鋪LOGO(標識)誇大、造假,以及利用買家習慣、僞造假掌櫃檔案欺騙買家。這種行爲最終不會爲店鋪帶來任何好處,同時,買家備受真假信息困擾,只會放棄購物。

T1OcVKXa8LXXXXXXXX-231-198.jpg

T1Q0pKXc8CXXXXXXXX-464-406.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章