2019-01-16|閱讀時間 ‧ 約 8 分鐘

Google的UX指導手冊中文版(電商零售篇)

Google 最近推出了,裡面列出了電商零售產業,在網站及 app 上應該要注意的細節,包含十足的品牌案例分享及數據的研究結果,非常適合所有設計及行銷人參考學習!
目前只有全英文版,隨手記錄下來這幾個重點,可以當作一份 checklist,來幫自己的網站健檢一下!(不專業翻譯,歡迎大家指教或校正。)
Google提出,建立一個流暢的體驗,可以分成以下六個階段,而每個階段都有其對應的細節:
Creating frictionless experiences across the funnel ( Photo from Google )

A. 首頁 / 到達頁(Homepage/Landing page)
  1. 在不捲動捲軸的情況下(Above the fold),可以看到清楚的呼籲按鈕
  2. 使用描述型的呼籲文案(CTAs),而非直敘型
  3. 文案強調清楚明確的價值主張(benefit-oriented value prop)
  4. 不要使用插頁式廣告
  5. 移除自動輪播圖
  6. 在首頁顯示最熱銷的主題
  7. 確保(尤其在手機)清晰可閱讀的字體大小
  8. 足夠的社群佐證

B. 選單 / 導覽頁(Menu / Navigation)
  1. 一個收合型的選單(但面積不要超過 1/5 頁面)
  2. 如果有實體店,別忘了在選單加上地點的圖標提示
  3. 如果電話聯絡也是重要的聯絡管道,別忘了在每一頁加上電話圖示
  4. 選單項目排序中,主要項目以熱門度排序,子項目則建議以字母排序
  5. 別忘了在選單加上促銷訊息

C. 搜索(Search)
  1. 建立站內搜索,並讓其清楚易見
  2. 在搜索時列出自動推薦項目
  3. 即使搜索結果中,沒有完全相同的產品,也要提出類似的結果(增加畫面閱覽率)
  4. 包含前次的搜索紀錄對使用者是幫助的

D. 種類 / 產品(Category / Product)
  1. 在購買流程中,別忘了在每個階段重申你的價值主張
  2. 讓使用者可以依照條件篩選自己所需要的產品
  3. 提升篩選器的易用性
  4. 在產品頁面中顯示價格資訊
  5. 加上緊急、限量等的提示(例如:剩餘幾件、倒數幾天)
  6. 用條列式說明,讓產品敘述簡單易懂
  7. 在轉換發生(例如:下單購買)前再次強調價值主張,增強信心
  8. 次要的呼籲按鈕,在購物流程中也一樣重要(例如:收藏最愛、下次再買)

E. 轉換(Conversion)
    不要在加入購物車後,直接指向結帳頁 在購物車頁面再次強調價值主張(例如:免運費) 允許使用者更新編輯他的購物車 使用者儲存後,可以在其他裝置(X-device)下繼續使用 在整個購物流程中,限制可能跳出流程的因素,相對地,可以引導使用者到首頁或回到購物車 允許使用者在非會員的情況結帳 在創建帳號時,說明原因及其價值主張 不要讓使用者重複確認帳號資訊 讓使用者連結社群帳號註冊 一個驗證過的 API 位址,讓使用者不需要再次輸入帳號密碼登入 如果整個購物流程超過兩個步驟,建議使用進度條,讓使用者知道自己在哪個步驟

F. 表格欄位(Form optimization) 在必填欄位加上星號註記 行內顯示驗證結果(而不是送出資料後才顯示) 自動填入已知資訊 減少結帳時填寫欄位的數量 低於三個選項時,建議不要使用下拉式選單 不同的填寫欄位,呼叫對應的數字或英文鍵盤 看了這麼多,只能說魔鬼藏在細節裡,要建立一個流暢的購物體驗,整個流程中有非常多細節需要考慮,包含 UI 的畫面設計、文案撰寫,甚至是程式的功能調整。 要創建一個好的 UX 體驗,不是只有UX設計師自己就可以完成的。 另外也發現,手機載具的體驗幾乎成為顯學,現在已經要考慮的已經不是 Mobile-first,更多的是 Mobile-native 的使用者,資訊架構的流程與操作行為都與過去電腦的使用行為有所不同,而這也是在做企業優化轉型前需要考量的因素。 儘管因應不同的受眾、產品與市場,這些官方建議不一定真的對你的產品有效,但我們仍然可以透過別人的案例分析,了解他們這麼做的原因及脈絡。 而且在數位的時代裡面,想要知道有沒有成效,直接做一次 A/B Test ,我想就會是最快也最有效的方式了! 以上,如果你有任何想法或建議,歡迎直接留言跟我分享。 謝謝你看到這裡,如果我的文章有幫助到你,拍個手可以讓我更有動力。

分享至
成為作者繼續創作的動力吧!
方格子新手 PM,如果你看到奇怪的文章,那可能是我正在測試。
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言