Shop UI

SWAG 購物體驗研究

我的角色

UX Researcher / Senior Product Designer

UX Researcher / Senior Product Designer

公司資訊

SWAG.live

SWAG.live

專案屬性

Redesign old feature

Redesign old feature

E-Commerce

時程

2025/01 ~ 2025/03 (2 Month)

2025/01 ~ 2025/03 (2 Month)

OVERVIEW

這次商城改版起因於使用者反映購買流程不夠便利。
雖然當時尚未明確掌握具體痛點,但我們透過使用者研究與商業目標對齊,打造出全新的商城體驗。

新設計全面優化了付款流程、購物操作與資訊呈現,針對新手與回訪用戶皆做出調整。
主要目的在提升購買效率與整體體驗,同時降低交易失敗所帶來的跳出率與客服負擔。

這次商城改版起因於使用者反映購買流程不夠便利。
雖然當時尚未明確掌握具體痛點,但我們透過使用者研究與商業目標對齊,打造出全新的商城體驗。

新設計全面優化了付款流程、購物操作與資訊呈現,針對新手與回訪用戶皆做出調整。
主要目的在提升購買效率與整體體驗,同時降低交易失敗所帶來的跳出率與客服負擔。

RESEARCH QUESTION

  1. 如何協助首次購買的用戶,快速辨識並使用最便捷的付款方式?

  2. 如何讓回訪用戶透過系統記憶功能,加速後續的購買流程?

  3. 在可一次購買多項商品的情境下,單選與多選的操作介面應如何設計,才能兼顧高效率與低操作成本?

  4. 如何根據用戶不同的付款行為,提供適切的購買前與購買後資訊,以滿足需求並提升轉換率?

  5. 當付款失敗時,系統應如何提供清楚的錯誤訊息與具體的解決指引,協助用戶快速排解問題、降低流失率?

  1. 如何協助首次購買的用戶,快速辨識並使用最便捷的付款方式?

  2. 如何讓回訪用戶透過系統記憶功能,加速後續的購買流程?

  3. 在可一次購買多項商品的情境下,單選與多選的操作介面應如何設計,才能兼顧高效率與低操作成本?

  4. 如何根據用戶不同的付款行為,提供適切的購買前與購買後資訊,以滿足需求並提升轉換率?

  5. 當付款失敗時,系統應如何提供清楚的錯誤訊息與具體的解決指引,協助用戶快速排解問題、降低流失率?

METHODS



INSIGHTS SUMMARY

INFLUENCE ON DECISION


原型展示


首次購物者流程(行動版)

第 N 次購物者流程(行動版)

首次購物者流程(桌面版)


原型展示


首次購物者流程(行動版)

第 N 次購物者流程(行動版)

首次購物者流程(桌面版)

IMPACT & OUTCOMES

設計優化,將帶動營收成長
  • 新版商城 UI 帶來明顯的商業成效:
    A 組在付款頻率、ARPPU(每付費用戶平均收入)與總營收等指標上均優於對照組,依不同用戶分群成長幅度達 12–16%。

  • VIP 會員與限時促銷組合包的轉換率顯著提升,顯示更清晰的視覺階層與強化的行動呼籲有效提升了用戶行為。

順暢的使用體驗,將使得轉換率更高
  • 促銷優惠直接嵌入介面中,省去推播通知的需求,減少用戶購買流程中的摩擦。

  • 新用戶的轉換速度提升,平均快了 19%,顯示導入流程更清晰、上手更容易。

高價值用戶的深度參與是關鍵
  • VIP 用戶付費頻率更高、單次消費金額更大,且更有可能在 VIP 系統中升級。

  • 這些設計優化明顯打動了高價值用戶,再次驗證了介面清晰度在營收流程中的關鍵影響力。

設計優化,將帶動營收成長
  • 新版商城 UI 帶來明顯的商業成效:
    A 組在付款頻率、ARPPU(每付費用戶平均收入)與總營收等指標上均優於對照組,依不同用戶分群成長幅度達 12–16%。

  • VIP 會員與限時促銷組合包的轉換率顯著提升,顯示更清晰的視覺階層與強化的行動呼籲有效提升了用戶行為。

順暢的使用體驗,將使得轉換率更高
  • 促銷優惠直接嵌入介面中,省去推播通知的需求,減少用戶購買流程中的摩擦。

  • 新用戶的轉換速度提升,平均快了 19%,顯示導入流程更清晰、上手更容易。

高價值用戶的深度參與是關鍵
  • VIP 用戶付費頻率更高、單次消費金額更大,且更有可能在 VIP 系統中升級。

  • 這些設計優化明顯打動了高價值用戶,再次驗證了介面清晰度在營收流程中的關鍵影響力。

Reflection

快速驗證設計,可以有效提升產品敏捷性

在節奏快速的產品開發週期中,縮短設計到回饋的迴圈非常重要。
在這次經驗中,我們透過早期的效能指標驗證設計假設,成功在有限的時間內做出有信心的全面上線決策。

設計決策,能直接影響商業成效

這次實驗再次證明,像是版面優化、提升優惠曝光等 UI/UX 調整,能大幅影響轉換率與營收等關鍵指標。
設計不只是關於美感,更直接連結到產品效能與營運成果。

持續觀察長期互動有無差異

儘管短期的 A/B 測試結果非常不錯,但測試期間大概只有約 14 天而已,長期下來還是可能會有沒有估算到的其他交互作用。
我們將持續觀察用戶留存與長期互動情況,以更深入了解新的購物體驗如何影響用戶的整體生命週期價值(LTV)。

快速驗證設計,可以有效提升產品敏捷性

在節奏快速的產品開發週期中,縮短設計到回饋的迴圈非常重要。
在這次經驗中,我們透過早期的效能指標驗證設計假設,成功在有限的時間內做出有信心的全面上線決策。

設計決策,能直接影響商業成效

這次實驗再次證明,像是版面優化、提升優惠曝光等 UI/UX 調整,能大幅影響轉換率與營收等關鍵指標。
設計不只是關於美感,更直接連結到產品效能與營運成果。

持續觀察長期互動有無差異

儘管短期的 A/B 測試結果非常不錯,但測試期間大概只有約 14 天而已,長期下來還是可能會有沒有估算到的其他交互作用。
我們將持續觀察用戶留存與長期互動情況,以更深入了解新的購物體驗如何影響用戶的整體生命週期價值(LTV)。

Copyright © 2026 Xi-Jing, Chang. All rights reserved.
Content may not be copied or reproduced without permission.

Contact: siliconcrystal@gmail.com

Copyright © 2026 Xi-Jing, Chang. All rights reserved.
Content may not be copied or reproduced without permission.

Contact: siliconcrystal@gmail.com

Copyright © 2026 Xi-Jing, Chang. All rights reserved.
Content may not be copied or reproduced without permission.

Contact: siliconcrystal@gmail.com

Copyright © 2026 Xi-Jing, Chang. All rights reserved.
Content may not be copied or reproduced without permission.

Contact: siliconcrystal@gmail.com

目錄

Create a free website with Framer, the website builder loved by startups, designers and agencies.