
電子商務移動網站改版
由於廣告投入增加,我們旨在提升Mweb電商平臺的使用者體驗,尤其是在雙十一購物節期間。我們計劃最佳化Mweb,以改善整體購物體驗,增加產品瀏覽量、加入購物車次數和購買意願,最終促進應用下載量並提升使用者忠誠度。
使用者體驗設計技巧
明確現有使用者的痛點
人物角色
使用者旅程
網站地圖
低保真線框圖、高保真模型和原型
設計系統和 UI 工具包
可用性測試及結果
業務目標
我們希望利用 VeryBuy 在 9 月份週年慶促銷期間的使用者流量,讓使用者熟悉 Mweb 的新介面並進行壓力測試。
在雙十一期間,我們的目標是提高 ATC(加入購物車)、Netscore、使用者平均瀏覽時長和使用者平均瀏覽商品數量。
體驗目標
使網站使用者熟悉移動應用程式的介面。
最終目標是引導使用者使用該應用程式,並將他們轉化為忠實客戶。
成熟女性使用者:重塑移動電商網站的關鍵
基於我們之前的使用者畫像定義,我們應將成熟女性使用者作為主要目標受眾,因為她們的特徵和偏好對實現我們的目標至關重要。透過定期調查、資料分析和定性訪談,我們對她們的目標、期望和購買動機有了更深入的瞭解。為了提高忠實客戶的加入購物車率或使用者瀏覽時長,我們應該重點關注這些成熟女性使用者。透過根據她們的偏好定製產品選擇、文案撰寫和使用者介面設計,我們可以增強她們的參與度和忠誠度。

關鍵最佳化
➊ 產品尺寸/顏色選擇體驗提升
解決什麼問題?
在舊版MWeb中,使用者下單時需要多次點選才能確認產品規格選擇。介面不夠直觀,導致處理時間較長。
迭代
在新版MWeb中,所有產品規格都集中在一個模態框中顯示。使用者現在只需點選一次“加入購物車”即可快速準確地確認產品資訊,從而縮短了購買流程所需的時間。
點選相關規格將顯示相應的產品圖片,防止使用者下錯訂單,提升產品選擇的整體購物體驗。
前
後

➋ 改進後的折扣券最佳化
解決什麼問題?
在舊版 MWeb 中,使用者下單時只能獲得折扣碼,而這些折扣碼使用者很難記住。
迭代
新版 MWeb 提供了一個專門的“優惠券專區”,使用者可以“一鍵”領取優惠券,還可以在結賬過程中訪問可用的優惠券列表進行兌換。
為了提供更清晰的結賬資訊,結賬流程已拆分為兩個步驟。“前往付款”按鈕位置統一,方便使用者輕鬆點選,從而減少使用者下單所需的時間和精力。
前
.png)
後
.png)
➌ 改進後的推薦系統
解決什麼問題?
首頁佈局是使用者對電商平臺的第一印象,旨在迅速抓住使用者的注意力,激發他們的興趣,並鼓勵他們進一步探索。舊版本中,產品陳列主要受運營因素驅動,未能有 效滿足大多數使用者的多樣化偏好。
迭代
新版 MWeb 除了根據使用者的瀏覽歷史顯示相關產品外,推薦系統還包含高點選率商品,以使產品推薦多樣化。
推薦的老虎機遊戲均有技術支援,使使用者能夠輕鬆探索產品,無需費心。
前
後
.png)
可用性測試
業務目標驗證項:
確定使用者在透過 Google 展示廣告網路 (GDN) 和 Facebook 付費廣告引導後,是否會自然地瀏覽 VeryBuy 的產品詳情頁。此外,評估使用者將商品新增到購物車、下單以及與網站其他頁面互動的便捷程度。
體驗目標驗證專案:
透過可用性測試,深入瞭解使用者的線上購物行為和偏好。在有限的時間內,最佳化設計技巧,以更好地滿足使用者需求,並提升移動網站的整體使用者體驗。
.png)
✔
全面使用者體驗路徑的參與者標準
✔
透過 SUS 問卷量化和評估可用性評分,以增強團隊部署的信心。
.png)
.png)
表現
➊ 「加入購物車率(ATC)略有提升,從 4.85% 上升至 5%。」👏
.png)
➋ 修訂版釋出後,網路/應用程式的流暢度達到了良好👍靜態評分的水平。
使用者問卷:
實際傳送數量:16,761
回收樣本數量:804
有效應答率:50.13%
研究方法:淨得分
淨得分值代表“最高重疊度”與“最低重疊度”之間的差值。發展中國家通常使用淨得分值來計算各項指標(規模)的範圍。要點:60~100分為優秀,40~59分為良好,30~39分為較好,低於30分為劣勢。

“在雙十一之前,Mweb上線後,我們計劃透過一些設計方法來提升ATC率和平均瀏覽時長等指標,以提高整體結賬轉化率。”
佈局:腰帶
業務目標
在雙十一期間,增加使用者瀏覽的商品數量和平均會話時長。
設計目標
腰帶槽應該方便使用者快速檢視感興趣的物品。
插槽不應占用過多的螢幕高度,並且應深入研究使用者互動狀態,考慮到螢幕高度和資訊顯示格式之間的關係。
績效衡量


增加平均持續時間 和空中交通管制


➋ 佈局:強制活動橫幅
業務目標
透過特惠折扣吸引新使用者註冊成為會員。
設計目標
使用者可以快速關閉產品(以避免使用者反感)。
橫幅圖片的視覺效果需要足夠直觀才能吸引使用者注意力。
績效衡量
提高註冊率
➊ 皮帶效能
➋ 封面橫幅表演
自 10 月 29 日推出腰帶功能以來,每人平均瀏覽的商品數量達到了 3 倍以上。
11/5 橫幅廣告上線後,註冊率提高了0.4%。


➌ 電子商務移動網站的整體效能
在雙十一期間,行動網頁(MWeb)的瀏覽時長表現大致持平,但略有提升。
.png)
雙十一期間,在 MWeb 上下單 2 次或 3 次的使用者比例增加。
.png)