當訂閱流程成為阻礙—RiConnect 訂閱頁的體驗優化
2024年11月1日
專案時長：2 週
RiConnect 的訂閱頁本該讓使用者輕鬆完成訂閱，然而實際使用時卻充滿挑戰。資訊過於雜亂、流程不明確、甚至需要仰賴人工協助，導致使用者困惑、團隊負擔沉重。很明顯，這個體驗需要一次全面的優化——一個更直覺、更高效、更流暢的訂閱流程。
專案概覽
挑戰來自於多元的使用者類型。他們往往不清楚自己應該選擇哪種角色，而混亂的 UI 讓情況更雪上加霜。結果就是使用者無所適從、決策延遲，甚至需要人工客服介入處理。我希望能透過這次改造，讓整個訂閱體驗變得簡單而順暢。
核心問題
使用者角色過於複雜：四種類型（Subscribe、Agent、OneTrial、Temporary）讓使用者難以辨識自己該選擇哪一種。
介面混亂：過多未分類的資訊讓頁面顯得擁擠，使用者難以找到重點。
過度仰賴人工：訂閱流程需要大量人工介入，增加了處理時間與營運成本。
(圖片 1)
解決方案與目標
清楚引導使用者辨識自身角色：透過步驟式問卷，幫助使用者確定適合自己的選項。
簡化訂閱流程：建立直覺式操作，讓使用者能輕鬆選擇適合的方案。
減少人工介入：透過流程自動化，降低運營負擔並提升效率。
挑戰
應對多元用戶類型：設計一個能夠滿足所有用戶需求的流程，同時保持清晰與直覺性。
有效引導：確保問卷式界面能夠準確指引用戶選擇合適的訂閱方案。
無縫整合：在不影響現有訂單流程與後端系統的情況下，順利推動改版，以維持良好的使用體驗。
從迷惘到清晰：建立角色導引機制，打造順暢選擇流程
每個好的設計都始於一個問題：「我們的使用者是誰？」這次，我的挑戰是在四種不同的角色之間，建立一個清晰的導引機制，幫助他們快速找到適合的方案。
角色定義與用戶流程
首先，我與團隊一起建立了一張用戶流程圖（圖2），釐清各種訂閱者的需求與對應的路徑：
OneTrial 使用者需要一個簡單的 30 天免費試用體驗。
Temporary 使用者需要特定模組（如監管或租賃收據）的臨時存取權限。
Agent 需要填寫額外的身份資訊。
Subscribe 則是標準訂閱者，他們應該能直接完成訂單。
(圖片 2)
(圖片 3)
透過心智圖（圖3）的方式，進一步細化每種角色的需求與行為，最後將這些資訊轉化為流程圖（圖4, 5），建立一個以問答為導向的體驗：
使用者選擇適用的角色（試用、正式訂閱、代理人或臨時存取）。
透過簡單的問答確定方案（是 / 否 問題導引使用者進入適合的訂閱類型）。
針對不同角色提供精簡的表單，只需填寫必要資訊即可完成訂閱。
這樣的流程讓訂閱過程從原本的混亂無章，變成了清晰、順暢的體驗。
(圖片 4)
(圖片 5)
這張流程圖真是讓我有「豁然開朗」的感覺。一開始那些複雜的角色和需求，居然變成了一條順暢、簡單明瞭的路線。我們不再用一堆信息把使用者搞得頭昏眼花，而是把整個過程變成了一段輕鬆、像對話般的旅程。
高保真 UI 設計與原型測試
流程確定後，我開始將邏輯轉化為高保真 UI 設計，確保介面在視覺上也能傳遞清晰的訊息。
視覺設計與用戶引導
強調視覺層級：透過層級清晰的版面設計，讓使用者在每個步驟都知道該做什麼。
按鈕與互動元素突出：確保行動召喚（CTA）清楚，降低操作門檻。
減少表單填寫負擔：不同角色僅需填寫必要資訊，避免不必要的欄位讓使用者卻步。
設計完成後，我構建了一個可點擊的原型來測試使用者體驗，結果顯示整體流程比過去更加直覺、流暢。
RWD 設計：跨裝置一致的使用體驗
為了確保體驗在不同裝置上的一致性，我採用了響應式網頁設計（RWD）：
桌面版：提供寬廣的頁面布局，強化視覺層級。
行動版：介面自適應縮放，確保表單易於點擊、閱讀。
動態調整組件：進度條與按鈕根據螢幕大小調整，不影響可用性。
總結：從複雜到流暢，提升用戶體驗
這次的設計優化不僅是 UI 的改善，更是對訂閱體驗的根本性改造。現在，
使用者能透過簡單的問卷式流程，輕鬆找到適合自己的訂閱方案。
人工處理的需求大幅減少，降低營運成本，提高效率。
Subscribe 與 Agent 使用者能夠直接完成訂閱並進入訂單頁，減少延遲與困擾。
這次改造與訂單流程的優化同步推出，使整體體驗更加流暢與一致。我很期待這次的改變能夠幫助 RiConnect 在提升用戶滿意度的同時，也讓團隊能將更多精力放在業務成長上——這對所有人來說，都是一個雙贏的結果。
