Google優化指南零售篇

Google優化指南:零售篇

UX首頁設計

要解決的問題:我的網站是否提供用戶想要的?
Homepage best in class
進一步優化:菜單中的標籤圖標。
Homepage best in class WarbyParker

進一步優化:在菜單中標記圖標,不使用幻像按鈕。

UX導航設計

要解決的問題:用戶可以快速地瀏覽他們感興趣的內容嗎?
Navigation best in class:Net a Porter
Navigation best in class:macys

進一步優化:在菜單中標記圖示,以確保動畫符合RAIL標準。

UX搜尋設計

要解決的問題:如何幫助用戶找到他們要的內容?
Search best in class:Staples
進一步優化:標籤圖標。
Search best in class:Sephora

進一步優化:在菜單中標記圖標,以確保動畫符合RAIL標準。

UX產品類別設計

要解決的問題:用戶是否容易找到適合他們需求的產品?如果用戶不感興趣,如何引導他們的建立新的興趣?
Category Product best in class:Sephora

UX購物流程設計

要解決的問題:購買過程如何簡易化? 如何幫助猶豫不決的用戶在下次進行購買的行動?
Cart Conversion best in class:Zumiez

UX表單優化

要解決的問題:如何幫助用戶快速便捷地付款?
Form optimization best in class:Warby Parker
Form optimization best in class:ThredUp
Form optimization best in class:Zalando

UX CTA(Call to action)設計

引導用戶如何有效地與網站平台和產品服務的交互。

具有描述性的CTA設計

引導用戶如何有效地與網站平台和產品服務的交互。

引導性CTA設計的好處

研究顯示UX CTA 設計導致會員註冊人數增加了33%。
Call to action

在首頁清晰地進行有價值的引導

不要使用整頁插頁式廣告

不要自動輪播,應由用戶主導選擇

研究顯示自動輪播橫幅廣告沒有效益

主頁上的圖像自動輪播可以被視為橫幅廣告,不應該自動輪播,而應該由用戶主導播放與否。
Research shows that carousels rarely work
相關研究:

在首頁上顯示熱門類別

社交媒體等的認證

顯示合併菜單

面積佔頁面不多於5分1

顯示電話圖標和號碼

如果電話聯絡很重要,請在菜單中加入電話圖標或電話號碼

顯示實體店座標

如果您有實體店,請在頁眉或菜單中包含商店定位器圖標

UX商店定位圖標的例子

一頁就顯示整個菜單

當使用動態菜單或擴展器設計時,要一頁就能夠顯示整個菜單。

顯示客戶服務

在菜單中顯示售後操作,例如客戶服務。

動態菜單設計

使用動態菜單設計時,以得到更好的視覺層次。

UX動態菜單設計的例子

UX浮動菜單設計

當用戶滾動時該菜單時,可以考慮一個浮動菜單設計。

UX導航設計

可以考慮自下而上的導航。

資料來源:UX Playbook for Retail

Scroll to Top