引導新手：優化 Autopass 註冊信

引導新手：優化 Autopass 註冊信

引導新手：優化 Autopass 註冊信

重新優化 Autoapss 用戶端服務的註冊引導信，提高新會員對停車和加油付款服務的理解，使早期使用更順利。

重新優化 Autoapss 用戶端服務的註冊引導信，提高新會員對停車和加油付款服務的理解，使早期使用更順利。

Role

Role

Product Designer

Product Designer

Duration

Duration

1.5 month・2023

1.5 months・2023

Platform

Platform

Email

Email

Background

Background

2023 年起，當 Autopass 推出新的「加油條碼」服務後，公司旗下如「車麻吉」等用戶端產品的加油服務從過去的「免感應掃碼」模式，轉變為根據據點選擇一鍵付款、只需報車牌及掃碼等 3 種付款方式。當時，我發現舊的會員註冊引導信未反映最新的服務資訊，且存在其他可以優化用戶體驗的地方，因此著手發起本次專案。

Goal

Goal

優化新會員 Onboarding 體驗

優化新會員 Onboarding 體驗

透過優化現有會員 Onboarding Email，確保用戶體驗的一致性，提升新會員在登錄後對服務的理解。

Challenge

Challenge

1

1

1

Email 內容設計

Email 內容設計

在有限的 Email 空間內清楚地傳達重要訊息，並針對不同的用戶端產品進行版本設計，同時確保品牌識別的一致性。

2

2

2

技術限制

技術限制

由於 Email 的 HTML/CSS 支援有限，不同 Email 發信商對同一封 Email 的顯示效果可能不同，因此需要選擇適應性強的設計和排版方案。

Process

Process

流程與痛點分析

流程與痛點分析

首先，針對原先的信件分析內容上的體驗痛點：

原始 Onboarding Email 中的加油付款服務介紹未及時更新，這可能會誤導新用戶，造成困惑。

主要行動按鈕 (CTA) 位置過低，服務說明連結不夠突出，可能會讓用戶難以快速發現與互動。

接著攤開用戶 Onboarding 的體驗流程圖，並思考在 Onboarding 這個節點用戶期待我們跟他溝通什麼？
可以發現，比起「強調據點數量」，這階段我們更應該先讓用戶「了解我們的服務」。

接著攤開用戶 Onboarding 的體驗流程圖，並思考在 Onboarding 這個節點用戶期待我們跟他溝通什麼？
可以發現，比起「強調據點數量」，這階段我們更應該先讓用戶「了解我們的服務」。

設計策略

設計策略

1

1

1

強化服務使用說明與互動按鈕，確保用戶能夠快速理解並有所動作。

強化服務使用說明與互動按鈕，確保用戶能夠快速理解並有所動作。

強化服務使用說明與互動按鈕，確保用戶能夠快速理解並有所動作。

2

2

2

嘗試在註冊信中推廣新用戶專屬優惠，預期提升首筆交易的機會。

嘗試在註冊信中推廣新用戶專屬優惠，預期提升首筆交易的機會。

嘗試在註冊信中推廣新用戶專屬優惠，預期提升首筆交易的機會。

工具測試與跨部門協作

工具測試與跨部門協作

初期我們嘗試使用 EDM 工具進行排版，以期加速上線並減少工程師的工作量。同時，我們也評估將 EDM 模板輸出後交由工程師進行細部調整的做法。

最終，因為工具限制因素，我們交由工程師完成刻板，但前期的嘗試讓我們更好地理解了工具的限制和可能的解決方案，也為未來類似的項目提供了寶貴的經驗。

初期我們嘗試使用 EDM 工具進行排版，以期加速上線並減少工程師的工作量。同時，我們也評估將 EDM 模板輸出後交由工程師進行細部調整的做法。

最終，因為工具限制因素，我們交由工程師完成刻板，但前期的嘗試讓我們更好地理解了工具的限制和可能的解決方案，也為未來類似的項目提供了寶貴的經驗。

Final Design

Final Design

最終版本的 Onboarding Email 保持單一信件設
計，輕量介紹「停車」及「加油掃碼付」服務。

相比原始信件，我們省略了「路邊停車自動繳」服務介紹，因為在 App 註冊流程中，會向用戶詳細說明該服務，權衡下在此可省略篇幅。

在新版本的設計，透過清晰的圖文說明，並強調「使用教學」按鈕，希望用戶在初步理解服務後，能點擊進入 App 內的詳細步驟教學頁面，從而順利銜接啟動服務。

此外，我們也統一視覺語言與 CTA 樣式，提升品牌一致性與易讀性。

最終版本的 Onboarding Email 保持單一信件設
計，輕量介紹「停車」及「加油掃碼付」服務。

相比原始信件，我們省略了「路邊停車自動繳」服務介紹，因為在 App 註冊流程中，會向用戶詳細說明該服務，權衡下在此可省略篇幅。

在新版本的設計，透過清晰的圖文說明，並強調「使用教學」按鈕，希望用戶在初步理解服務後，能點擊進入 App 內的詳細步驟教學頁面，從而順利銜接啟動服務。

此外，我們也統一視覺語言與 CTA 樣式，提升品牌一致性與易讀性。

Outcome

Outcome

CTR 增加 34%

CTR 增加 34%

透過優化設計，我們不僅提升了用戶的使用體驗，讓資訊更清晰易懂；同時也帶來 CTR 的顯著提升，證實設計對用戶互動的影響。

透過優化設計，我們不僅提升了用戶的使用體驗，讓資訊更清晰易懂；同時也帶來 CTR 的顯著提升，證實設計對用戶互動的影響。

Takeaways

Takeaways

在本次專案，我學到如何在探索過程中，平衡設計與開發量能，例如：

  • 在工程限制明確的情況下，探索替代工具與規劃實作可行性。

  • 尤其是在設計電子郵件時，必須考慮到 HTML 語法支持的限制和各郵件服務商的顯示差異；這也讓我更重視密切與工程師討論、在開發時即時同步並修正的重要性！

在本次專案，我學到如何在探索過程中，平衡設計與開發量能，例如：

  • 在工程限制明確的情況下，探索替代工具與規劃實作可行性。

  • 尤其是在設計電子郵件時，必須考慮到 HTML 語法支持的限制和各郵件服務商的顯示差異；這也讓我更重視密切與工程師討論、在開發時即時同步並修正的重要性！

Next Project

Next Project

Next Project

© Yuan Chiu 2024 Copyright. All Rights Reserved.

✐

Work

Contact Me

✐

✐

Work

Contact Me