引導新手：優化 Autopass 註冊信
引導新手：優化 Autopass 註冊信
引導新手：優化 Autopass 註冊信
重新優化 Autoapss 用戶端服務的註冊引導信，提高新會員對停車和加油付款服務的理解，使早期使用更順利。
重新優化 Autoapss 用戶端服務的註冊引導信，提高新會員對停車和加油付款服務的理解，使早期使用更順利。
重新優化 Autoapss 用戶端服務的註冊引導信，提高新會員對停車和加油付款服務的理解，使早期使用更順利。
Role
Role
Product Designer
Product Designer
Time
Time
1.5 month・2023
1.5 month・2023
Platform
Platform
Problem
Problem
背景
背景
2023 年，公司推出新的「加油條碼」服務後，公司旗下如「車麻吉」等用戶端產品的加油服務從過去的「免感應掃碼」模式，轉變為根據據點選擇一鍵付款、只需報車牌及掃碼等 3 種付款方式。當時，我發現舊的會員註冊引導信未反映最新的服務資訊，且存在其他可以優化用戶體驗的地方，因此著手發起本次專案。
2023 年，公司推出新的「加油條碼」服務後，公司旗下如「車麻吉」等用戶端產品的加油服務從過去的「免感應掃碼」模式，轉變為根據據點選擇一鍵付款、只需報車牌及掃碼等 3 種付款方式。當時，我發現舊的會員註冊引導信未反映最新的服務資訊，且存在其他可以優化用戶體驗的地方，因此著手發起本次專案。
Goal
Goal
優化新會員 Onboarding 體驗
透過優化現有會員 Onboarding Email，確保用戶體驗的一致性，並提升新會員在登錄後對服務的理解。
透過優化現有會員 Onboarding Email，確保用戶體驗的一致性，並提升新會員在登錄後對服務的理解。
Challenge
Challenge
1
Email 內容設計
Email 內容設計
在有限的 Email 空間內清楚地傳達重要訊息，並針對不同的用戶端產品進行版本設計，同時確保品牌識別的一致性。
在有限的 Email 空間內清楚地傳達重要訊息，並針對不同的用戶端產品進行版本設計，同時確保品牌識別的一致性。
2
技術限制
技術限制
由於 Email 的 HTML/CSS 支援有限，不同 Email 發信商對同一封 Email 的顯示效果可能不同，因此需要選擇適應性強的設計和排版方案。
由於 Email 的 HTML/CSS 支援有限，不同 Email 發信商對同一封 Email 的顯示效果可能不同，因此需要選擇適應性強的設計和排版方案。
Process
Process
1
原先註冊信痛點分析
原先註冊信痛點分析
加油付款服務的介紹內容未更新，存在誤導用戶的風險。
加油付款服務的介紹內容未更新，存在誤導用戶的風險。
主要 CTA 過於靠下，服務說明連結不夠顯眼，可能導致用戶不易發現並採取行動。
主要 CTA 過於靠下，服務說明連結不夠顯眼，可能導致用戶不易發現並採取行動。
2
2
設計發想
設計發想
首先，先拉出用戶 Onboarding 的體驗流程圖，並思考往下在那個節點「用戶期待我們跟他溝通什麼」。
首先，先拉出用戶 Onboarding 的體驗流程圖，並思考往下在那個節點「用戶期待我們跟他溝通什麼」。
3
3
工具使用與嘗試
工具使用與嘗試
在設計前期，我們嘗試使用 EDM 工具進行排版，希望能通過此方法加速產品上線的速度，減少工程師的工作量；同時我們也評估了將 EDM 模板輸出後交由工程師進行細部調整的做法。
最終，因為工具限制因素，我們交由工程師完成刻板，但前期的嘗試讓我們更好地理解了工具的限制和可能的解決方案，也為未來類似的項目提供了寶貴的經驗。
在設計前期，我們嘗試使用 EDM 工具進行排版，希望能通過此方法加速產品上線的速度，減少工程師的工作量；同時我們也評估了將 EDM 模板輸出後交由工程師進行細部調整的做法。
最終，因為工具限制因素，我們交由工程師完成刻板，但前期的嘗試讓我們更好地理解了工具的限制和可能的解決方案，也為未來類似的項目提供了寶貴的經驗。
Final Design
Final Design
最終版本中，維持了單一信件的設計，分別介紹「停車」和「加油掃碼付」服務。
與原始信件相比，我們省略同樣是核心服務的「路邊停車自動繳」服務介紹，這是因為在App的用戶註冊流程中已引導用戶啟用此功能。因此在這封信件中，我們認為不需要再次介紹該服務。
透過圖文說明與凸顯「使用教學」按鈕，期待用戶有基本理解後，能點擊進入App內的步驟教學，以完整了解流程並開始使用服務。
最終版本中，維持了單一信件的設計，分別介紹「停車」和「加油掃碼付」服務。
與原始信件相比，我們省略同樣是核心服務的「路邊停車自動繳」服務介紹，這是因為在App的用戶註冊流程中已引導用戶啟用此功能。因此在這封信件中，我們認為不需要再次介紹該服務。
透過圖文說明與凸顯「使用教學」按鈕，期待用戶有基本理解後，能點擊進入App內的步驟教學，以完整了解流程並開始使用服務。
Outcome
Outcome
增加 34%
增加 34%
主要 CTA 點擊數
主要 CTA 點擊數
本次信件優化不僅使得 Onboarding Email 在資訊傳達上更清晰易懂，提升了用戶的使用體驗，同時在量化方面也顯示出更多用戶點擊信件內的 CTA，引導他們回到 App 認識服務步驟教學。
本次信件優化不僅使得 Onboarding Email 在資訊傳達上更清晰易懂，提升了用戶的使用體驗，同時在量化方面也顯示出更多用戶點擊信件內的 CTA，引導他們回到 App 認識服務步驟教學。
Takeaways
Takeaways
在本次我學到在設計過程中，要同步平衡設計與開發可行性，特別是在設計過程中，由於電子郵件的HTML語法支持有限，且各種郵件服務提供商的支持程度不同。因此密切跟工程師討論、在開發時即時同步並修正，也是很重要的一環！
在本次我學到在設計過程中，要同步平衡設計與開發可行性，特別是在設計過程中，由於電子郵件的HTML語法支持有限，且各種郵件服務提供商的支持程度不同。因此密切跟工程師討論、在開發時即時同步並修正，也是很重要的一環！
© Yuan Chiu 2024 Copyright. All Rights Reserved.