主頁和著陸頁
- 首頁上半部要有清楚的CTA(Call to action)
- CTA要帶上說明資訊(例如：登入免運費)
- 首頁上半部要有清楚的價值主張
- 不要使用滿版插頁廣告
- 移除自動輪播
- 在首頁放上主類別
- 使用清晰的字體大小
- 使用第三方認證
選單和瀏覽建議
- 使用置頂選單或浮動置頂選單
- 如果人流(到店)很重要的話，要包含該店的定位器在Menu裡
- 如果打電話的功能是很重要的話，每一頁的最上方放直接撥打的按鈕
- 讓選單選上呈現在一個頁面(不要超過，一次就可以看完所有選項)
- 對於主要產品類別，按流量排。如果使用子類別，按字母順序排
- 把售後服務也放在選單裡(例如:查詢包裹地點、會員系統)
UX網頁設計的搜尋建議
- 務必要放上搜尋欄
- 務必讓搜尋欄清晰可見
- 使用自動建議字
- 使用自動矯正拼字(假使拼錯也能找出相關商品)
- 永遠給出答案(找不到相關產品時建議他其他可能在尋找的商品)
- 包含預先搜尋或熱門搜尋建議
分類頁/產品首頁
- 確保你的【價值主張】(EX:優惠訊息)出現在每一個渠道，包含分類頁、產品頁
- 允許使用者簡單排序或是過濾龐大產品數量
- 加入重要元素(EX:產品剩幾件、優惠期限到幾號)
- 在產品頁上方提供價格資訊
- 增加次要CTA扭，像是願望清單、電子郵件或電話。讓消費者跨裝置能持續進行購物流程
- 如果產品數量眾多，請添加評論
轉換
- 加入購物車之後不要直接跳轉到結帳(可以給消費者選項，像是查看購物車或繼續購物)
- 減少結帳跳出點
- 如果轉化流程超過2個步驟，請使用進度條(或步驟123這種)
- 在轉換點強調你的【價值主張】
- 有描述性的CTA
- 利用寄到email或是 儲存等一下再看 讓使用者在其他裝置持續體驗
- 允許結帳時使用訪客登入
- 加入【吸引消費者加入會員的好處】給他們
表格優化
- 必填項目請用*標示
- 使用框內認證(假如消費者亂填會自動出現錯誤請他重填)
- 使用自動代入
- 減少填寫欄位數量(移除選擇性填寫的欄位，使用全姓名欄位來取代姓、名分開的欄位，隱藏公司欄位並且住址預設兩行。預設帳單寄送地址)
- 使用正確的鍵盤(EX:輸入電話號碼就出現數字鍵盤)
- 當選項少於四個時，用按鈕選擇，不要用下拉選單
- 在數字填入的部分使用steppers,sliders 或是開放式填空，而非一大排得下拉選單