top of page
未命名-2_edited.jpg

電子商務移動網站改版

由於廣告投入增加,我們旨在提升Mweb電商平臺的使用者體驗,尤其是在雙十一購物節期間。我們計劃最佳化Mweb,以改善整體購物體驗,增加產品瀏覽量、加入購物車次數和購買意願,最終促進應用下載量並提升使用者忠誠度。

使用者體驗設計技巧

  • 明確現有使用者的痛點

  • 人物角色

  • 使用者旅程

  • 網站地圖

  • 低保真線框圖、高保真模型和原型

  • 設計系統和 UI 工具包

  • 可用性測試及結果

業務目標

  1. 我們希望利用 VeryBuy 在 9 月份週年慶促銷期間的使用者流量,讓使用者熟悉 Mweb 的新介面並進行壓力測試。

  2. 在雙十一期間,我們的目標是提高 ATC(加入購物車)、Netscore、使用者平均瀏覽時長和使用者平均瀏覽商品數量。

體驗目標

  1. 使網站使用者熟悉移動應用程式的介面。

  2. 最終目標是引導使用者使用該應用程式,並將他們轉化為忠實客戶。

成熟女性使用者:重塑移動電商網站的關鍵

基於我們之前的使用者畫像定義,我們應將成熟女性使用者作為主要目標受眾,因為她們的特徵和偏好對實現我們的目標至關重要。透過定期調查、資料分析和定性訪談,我們對她們的目標、期望和購買動機有了更深入的瞭解。為了提高忠實客戶的加入購物車率或使用者瀏覽時長,我們應該重點關注這些成熟女性使用者。透過根據她們的偏好定製產品選擇、文案撰寫和使用者介面設計,我們可以增強她們的參與度和忠誠度。

面試幻燈片.png

關鍵最佳化

➊ 產品尺寸/顏色選擇體驗提升

解決什麼問題?

在舊版MWeb中,使用者下單時需要多次點選才能確認產品規格選擇。介面不夠直觀,導致處理時間較長。

迭代

  1. 在新版MWeb中,所有產品規格都集中在一個模態框中顯示。使用者現在只需點選一次“加入購物車”即可快速準確地確認產品資訊,從而縮短了購買流程所需的時間。

  2. 點選相關規格將顯示相應的產品圖片,防止使用者下錯訂單,提升產品選擇的整體購物體驗。

面試幻燈片.png

➋ 改進後的折扣券最佳化

解決什麼問題?

在舊版 MWeb 中,使用者下單時只能獲得折扣碼,而這些折扣碼使用者很難記住。

迭代

  1. 新版 MWeb 提供了一個專門的“優惠券專區”,使用者可以“一鍵”領取優惠券,還可以在結賬過程中訪問可用的優惠券列表進行兌換。

  2. 為了提供更清晰的結賬資訊,結賬流程已拆分為兩個步驟。“前往付款”按鈕位置統一,方便使用者輕鬆點選,從而減少使用者下單所需的時間和精力。

面試幻燈片(1).png

面試幻燈片(1).png

➌ 改進後的推薦系統

解決什麼問題?

首頁佈局是使用者對電商平臺的第一印象,旨在迅速抓住使用者的注意力,激發他們的興趣,並鼓勵他們進一步探索。舊版本中,產品陳列主要受運營因素驅動,未能有效滿足大多數使用者的多樣化偏好。

迭代

  1. 新版 MWeb 除了根據使用者的瀏覽歷史顯示相關產品外,推薦系統還包含高點選率商品,以使產品推薦多樣化。

  2. 推薦的老虎機遊戲均有技術支援,使使用者能夠輕鬆探索產品,無需費心。

面試幻燈片(2).png

可用性測試

業務目標驗證項:

確定使用者在透過 Google 展示廣告網路 (GDN) 和 Facebook 付費廣告引導後,是否會自然地瀏覽 VeryBuy 的產品詳情頁。此外,評估使用者將商品新增到購物車、下單以及與網站其他頁面互動的便捷程度。

體驗目標驗證專案:

透過可用性測試,深入瞭解使用者的線上購物行為和偏好。在有限的時間內,最佳化設計技巧,以更好地滿足使用者需求,並提升移動網站的整體使用者體驗。

面試幻燈片(4).png

全面使用者體驗路徑的參與者標準

透過 SUS 問卷量化和評估可用性評分,以增強團隊部署的信心。

面試幻燈片(5).png
面試幻燈片(6).png

表現

➊  「加入購物車率(ATC)略有提升,從 4.85% 上升至 5%。」👏

面試幻燈片(3).png

➋ 修訂版釋出後,網路/應用程式的流暢度達到了良好👍靜態評分的水平。

使用者問卷:
實際傳送數量:16,761

回收樣本數量:804
有效應答率:50.13%

研究方法:淨得分
淨得分值代表“最高重疊度”與“最低重疊度”之間的差值。發展中國家通常使用淨得分值來計算各項指標(規模)的範圍。要點:60~100分為優秀,40~59分為良好,30~39分為較好,低於30分為劣勢。

螢幕快照 2021-01-24 下午6.17.54.png

“在雙十一之前,Mweb上線後,我們計劃透過一些設計方法來提升ATC率和平均瀏覽時長等指標,以提高整體結賬轉化率。”

佈局:腰帶

業務目標

在雙十一期間,增加使用者瀏覽的商品數量和平均會話時長。

設計目標

  1. 腰帶槽應該方便使用者快速檢視感興趣的物品。

  2. 插槽不應占用過多的螢幕高度,並且應深入研究使用者互動狀態,考慮到螢幕高度和資訊顯示格式之間的關係。

績效衡量

item_show_Add-recommended-pits_01_edited
item_show_Add-recommended-pits_01_edited

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

專案頁面標題-主頁-應用內訊息
專案頁面標題-主頁-應用內訊息

➋ 佈局:強制活動橫幅

業務目標

透過特惠折扣吸引新使用者註冊成為會員。

設計目標

  1. 使用者可以快速關閉產品(以避免使用者反感)。

  2. 橫幅圖片的視覺效果需要足夠直觀才能吸引使用者注意力。

績效衡量

提高註冊率

皮帶效能

封面橫幅表演

自 10 月 29 日推出腰帶功能以來,每人平均瀏覽的商品數量達到了 3 倍以上。

 11/5 橫幅廣告上線後,註冊率提高了0.4%。

螢幕快照 2021-01-24 下午10.53.18.png
螢幕快照 2021-01-24 下午10.49.37.png

➌ 電子商務移動網站的整體效能

在雙十一期間,行動網頁(MWeb)的瀏覽時長表現大致持平,但略有提升。

面試幻燈片(7).png

雙十一期間,在 MWeb 上下單 2 次或 3 次的使用者比例增加。

面試幻燈片(8).png
bottom of page