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

更新於 發佈於 閱讀時間約 7 分鐘
Google 最近推出了UX playbook — Retail,裡面列出了電商零售產業,在網站及 app 上應該要注意的細節,包含十足的品牌案例分享及數據的研究結果,非常適合所有設計及行銷人參考學習!
目前只有全英文版,隨手記錄下來這幾個重點,可以當作一份 checklist,來幫自己的網站健檢一下!(不專業翻譯,歡迎大家指教或校正。)
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)

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

F. 表格欄位(Form optimization)

  1. 在必填欄位加上星號註記
  2. 行內顯示驗證結果(而不是送出資料後才顯示)
  3. 自動填入已知資訊
  4. 減少結帳時填寫欄位的數量
  5. 低於三個選項時,建議不要使用下拉式選單
  6. 不同的填寫欄位,呼叫對應的數字或英文鍵盤
看了這麼多,只能說魔鬼藏在細節裡,要建立一個流暢的購物體驗,整個流程中有非常多細節需要考慮,包含 UI 的畫面設計、文案撰寫,甚至是程式的功能調整。
要創建一個好的 UX 體驗,不是只有UX設計師自己就可以完成的。
另外也發現,手機載具的體驗幾乎成為顯學,現在已經要考慮的已經不是 Mobile-first,更多的是 Mobile-native 的使用者,資訊架構的流程與操作行為都與過去電腦的使用行為有所不同,而這也是在做企業優化轉型前需要考量的因素。
儘管因應不同的受眾、產品與市場,這些官方建議不一定真的對你的產品有效,但我們仍然可以透過別人的案例分析,了解他們這麼做的原因及脈絡。
而且在數位的時代裡面,想要知道有沒有成效,直接做一次 A/B Test ,我想就會是最快也最有效的方式了!
以上,如果你有任何想法或建議,歡迎直接留言跟我分享。
謝謝你看到這裡,如果我的文章有幫助到你,拍個手可以讓我更有動力。
為什麼會看到廣告
avatar-img
112會員
49內容數
喜歡閱讀「設計、心理學、自我成長」等類別書籍。相信每個人都有自己的時區,不快不慢剛剛好,所以紀錄在閱讀成長的路上,覺得深刻又值得推薦的內容。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Google 是現代科技界的巨人,但這個響亮的名字竟然源於一次拼寫錯誤!從這段有趣的歷史出發,這篇文章帶你看看品牌名稱如何影響企業的成長,並探討當前 Google 在品牌策略上的成功秘訣。
Google 是全球領先的科技公司,核心收入來自廣告業務,2024 年 Q3 營收 882.7 億美元,廣告佔 74.6%。雲端業務快速成長,佔 12.9%。公司積極投資 AI、雲端及自駕車等技術,面對 Bing、AWS、TikTok 等挑戰,透過創新與多元化拓展市場領導地位。
NotebookLM:Google的AI筆記革命,開啟智能學習新紀元 引言:AI驅動的知識助手時代來臨 在人工智能快速發展的今天,Google推出的NotebookLM正在重新定義我們管理知識和學習的方式。這款基於Gemini 1.5 Pro模型的AI筆記工具**,不僅能夠智能整理資料,還能將
Thumbnail
根據華爾街日報的報導 Google 的搜尋廣告收入市佔比,已越來越低 明年將跌破 50%,原因是什麼? (1) 人們使用生成式人工智慧找尋答案 (2) 使用 Tiktok 進行搜尋的人越來越多 (3) 許多消費者習慣在亞馬遜直接搜尋產品 (4) 使用 Perple
這篇文章介紹了設置和優化Google我的商家帳戶的策略,強調了準確填寫企業信息、選擇合適業務類別、管理評論和評分的重要性。文章還提到了使用關鍵詞優化商家描述、增強視覺內容以及利用數據分析工具來追蹤和改進商家表現,以提升搜索排名和吸引更多潛在客戶。
Thumbnail
本文深入探討 Google 的搜尋品質評估指南如何影響電商網站的SEO。特別是針對電商經營者,瞭解E-A-T準則(專業性、權威性、可信度)以及YMYL類別的重要性至關重要。透過解析高品質網站的關鍵要素,例如清晰的聯絡資訊、FAQ頁面以及商品評論功能,本文提供實用建議,幫助電商平臺在SEO上取得佳績。
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
瞭解並解決結帳流程中的痛點、簡化結帳步驟、提供清晰的費用計算、多元化的支付選項、強化安全性和信任度、結帳頁面設計優化以及移動設備優化等策略。這些建議可以幫助中小型電商企業提升顧客的購物體驗和轉化率。
Thumbnail
書名:《解構顧客價值鏈:拆解消費者決策流程,發現商機切入點,用需求驅動設計新商業模式》 本書吸引我的地方是,談到許多零售業遇到的挑戰與現況,也曾經是我所遇到的!​主題談的是顧客價值鏈運,作者舉了非常多零售產業的真實案例,但是往下深入挖掘,在談是商業模式的創新。 ​
Thumbnail
這本書由Google的快樂一哥陳一鳴著作,旨在透過靜觀帶來的正面影響,提供各種練習方法以及作者自身的觀點和經驗談。透過靜觀冥想可增加註意力、培養善心及靈活處理情緒。
Thumbnail
大家好,我是woody,是一名料理創作者,非常努力地在嘗試將複雜的料理簡單化,讓大家也可以體驗到料理的樂趣而我也非常享受料理的過程,今天想跟大家聊聊,除了料理本身,料理創作背後的成本。
Thumbnail
哈囉~很久沒跟各位自我介紹一下了~ 大家好~我是爺恩 我是一名圖文插畫家,有追蹤我一段時間的應該有發現爺恩這個品牌經營了好像.....快五年了(汗)時間過得真快!隨著時間過去,創作這件事好像變得更忙碌了,也很開心跟很多厲害的創作者以及廠商互相合作幫忙,還有最重要的是大家的支持與陪伴🥹。  
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Google 是現代科技界的巨人,但這個響亮的名字竟然源於一次拼寫錯誤!從這段有趣的歷史出發,這篇文章帶你看看品牌名稱如何影響企業的成長,並探討當前 Google 在品牌策略上的成功秘訣。
Google 是全球領先的科技公司,核心收入來自廣告業務,2024 年 Q3 營收 882.7 億美元,廣告佔 74.6%。雲端業務快速成長,佔 12.9%。公司積極投資 AI、雲端及自駕車等技術,面對 Bing、AWS、TikTok 等挑戰,透過創新與多元化拓展市場領導地位。
NotebookLM:Google的AI筆記革命,開啟智能學習新紀元 引言:AI驅動的知識助手時代來臨 在人工智能快速發展的今天,Google推出的NotebookLM正在重新定義我們管理知識和學習的方式。這款基於Gemini 1.5 Pro模型的AI筆記工具**,不僅能夠智能整理資料,還能將
Thumbnail
根據華爾街日報的報導 Google 的搜尋廣告收入市佔比,已越來越低 明年將跌破 50%,原因是什麼? (1) 人們使用生成式人工智慧找尋答案 (2) 使用 Tiktok 進行搜尋的人越來越多 (3) 許多消費者習慣在亞馬遜直接搜尋產品 (4) 使用 Perple
這篇文章介紹了設置和優化Google我的商家帳戶的策略,強調了準確填寫企業信息、選擇合適業務類別、管理評論和評分的重要性。文章還提到了使用關鍵詞優化商家描述、增強視覺內容以及利用數據分析工具來追蹤和改進商家表現,以提升搜索排名和吸引更多潛在客戶。
Thumbnail
本文深入探討 Google 的搜尋品質評估指南如何影響電商網站的SEO。特別是針對電商經營者,瞭解E-A-T準則(專業性、權威性、可信度)以及YMYL類別的重要性至關重要。透過解析高品質網站的關鍵要素,例如清晰的聯絡資訊、FAQ頁面以及商品評論功能,本文提供實用建議,幫助電商平臺在SEO上取得佳績。
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
瞭解並解決結帳流程中的痛點、簡化結帳步驟、提供清晰的費用計算、多元化的支付選項、強化安全性和信任度、結帳頁面設計優化以及移動設備優化等策略。這些建議可以幫助中小型電商企業提升顧客的購物體驗和轉化率。
Thumbnail
書名:《解構顧客價值鏈:拆解消費者決策流程,發現商機切入點,用需求驅動設計新商業模式》 本書吸引我的地方是,談到許多零售業遇到的挑戰與現況,也曾經是我所遇到的!​主題談的是顧客價值鏈運,作者舉了非常多零售產業的真實案例,但是往下深入挖掘,在談是商業模式的創新。 ​
Thumbnail
這本書由Google的快樂一哥陳一鳴著作,旨在透過靜觀帶來的正面影響,提供各種練習方法以及作者自身的觀點和經驗談。透過靜觀冥想可增加註意力、培養善心及靈活處理情緒。