專案簡介

產險會員中心提供保單修改和理賠申請等服務。然而,它目前面臨多項使用者體驗不佳的問題,在評估其重要性後,我將這次重新設計的重點放在會員中心首頁和導覽體驗優化上,提出創新的解決方案,在解決使用者痛點的同時,也能提升企業效益。

專案流程

這是一個短期專案,期間我透過與利害關係人的持續溝通,以及與資深設計師的交流,快速迭代出多種解決方案。

階段一

方法: Google Analytics、使用者經驗評估、利害關係人報告審閱、使用者訪談

透過分析之前的資料,我發現了目前會員中心的幾個現有問題,並為這次重新設計的項目排定了優先順序。

同理

問題

國泰產險會員中心與官網兩者關係及現有的問題如下:

  • ⛔️ 會員升級繁瑣詳細資訊需升級會員才能查看,但保單/理賠號碼又不容易找到。
  • ⛔️ 會員中心首頁效用低資訊未根據用戶定制,大部分資訊與保險無關,沒有發揮到首頁可以帶來的效益。
  • ⛔️ 混亂的 UI 設計設計缺乏一致性,會員中心內甚至存在兩套不同的UI,讓人感到混淆。
  • ⛔️ 糟糕的導航體驗導航列的分類有些重疊,且頁面點擊後,經常又重新導向到產險官網。
  • ⛔️ 系統穩定性差若是頻繁進入會員中心會導致頁面錯誤,像是要重新登入或會跳轉到 404 頁面。
  • ⛔️ 糟糕的售後服務體驗聯繫客服困難,且客服對當前情況的掌握甚至不如業務人員。

可行性評估

依據個人的能力範圍、可取得資源及所剩的時間,決定將本次目標集中在調整會員中心的資訊架構。

重新設計目標
“為我們的會員中心打造一個
直覺, 精簡, 以及 用戶導向的使用體驗”

階段二

方法:  競品分析

我研究了21 家會員中心,包括6 家產險公司,以及15 家非直接競品,以獲得做出最方便、最直覺的會員中心的靈感。

研究

主題一: 官網與會員中心的關係

分析兩者之間是如何導向、功能如何運作。

靈光乍現
「如果我們將會員中心整合回去產險官網呢?」
這不僅可以改善彼此導航不佳的問題,還可以提升售前、售後的服務連貫性

主題二:會員中心首頁內容

如果將會員中心整合回去產險官網,會員中心首頁應該展示哪些內容?

主題三:導航方式

如果將會員中心整合回去產險官網,會員中心的導航如何避免與官方網站的導航衝突,尤其是在行動裝置上?

階段三

方法: 頭腦風暴、啟發式評估、線框圖、可用性測試

在確定解決方案的方向後,我分析了產品的市場和使用者族群,與設計團隊討論,並提出最佳的重新設計方案。

構思

設計策略
整合後國泰產險,會員中心的首頁+導覽以什麼樣的形式最適合?

設計 & 頭腦風暴

根據以上的研究結果,我提出了基於三點的兩個整合重新設計方案:

Redesign Idea 1
會員中心導航列: 有,在側邊
導航方式:透過導航列,更階層性
首頁類型:Dashboard

Redesgin Idea 2
會員中心導航列:
導航方式:透過麵包屑,更線性
首頁類型:呈現功能為主

聽聽不同的聲音
我舉辦了兩場討論會,邀請公司設計團隊參與,收集他們的反饋並從中獲得新的見解。

評估

1. 導航列考量因素: 哪些因素決定了導覽列的必要性?

思考過程

行動裝置使用者比例
在行動裝置上瀏覽的網站需要比PC或應用程式更顯著的導航欄,以提升可用性。

我們有78%的用戶通過行動裝置訪問產品。
產品服務數量
產品提供的服務越多,導航欄對於引導用戶就越重要。
我們的會員中心主要聚焦於兩項服務:保單狀態查詢與相關服務申請。
資訊架構
複雜且交錯的資訊架構會增加導航欄對於引導的重要性。
我們的會員中心資訊架構較為線性,服務相對獨立,層級較少。

結論
儘管我們的產品擁有大量的行動使用者,但有限的服務數量以及相對簡單的網站結構,意味著實際上並不需要導覽列來提升可用性。

2. 首頁資訊重整: 如何結合兩種重新設計想法的優點 - 自訂內容以提高可用性,同時彌補導航列的缺失?

思考過程

  • 顯示所有服務,但只在首頁提供關鍵服務的詳細資訊。例如,首頁顯示目前保險的概觀,而其他服務則只以按鈕的方式呈現。
  • 將使用者通常在第 2 層頁面取得的某些服務移至首頁,以簡化會員中心的整體結構。例如,使用者可以直接從首頁點選「續保」或「申請理賠」特定的保險保單,而不必先導航到保險或索賠頁面尋找這些功能。
  • 網站地圖調整:

結論
從網站地圖可以看出,我將首頁設計得更客製化,並根據使用者習慣,將原本需要進入第 2 層網頁的功能上移到首頁,大幅簡化了網站資訊的結構,讓使用者流程更直接。

總複習

需要解決的問題
調整資訊架構,包括導航體驗改善和會員中心首頁強化

重新設計目標
為我們的會員中心打造一個直覺, 精簡, 以及 用戶導向的使用體驗

解決辦法

移除會員中心的導航欄,採用更線性的導航方式:
- 保持會員中心的獨立性。
- 解決合併後雙導航欄的問題。
簡化並減少資訊架構層級:
- 優化多餘的資訊層級結構。
- 用戶能夠在首頁快速且直接地找到所需功能。
將獨立的會員中心整合至產險官網:
- 增強售前與售後服務的一致性。
- 保持會員中心與官網之間的高流暢度導航。
個性化的首頁內容:
- 用戶可以清楚地概覽當前保險狀況。
- 更主動地引導用戶執行相關操作。

階段四

原型開發

本次重新設計的目標著重於會員首頁和資訊架構的整體重新設計

設計概念

高保真原型

階段五

結尾

🙌  影響

會員中心在重新設計後,有4大亮點:

01
整合會員中心與官網,減少在兩者之間互導時的跳離感。
02
根據企業需求和用戶需求,重新整理會員中心的資訊架構,簡化並精煉整體用戶流程。
03
提供貼心的資訊彙整,幫助用戶快速了解其保險狀態並採取相應行動。
04
增加導購互動區塊,運用數據分析與 AI 技術吸引用戶興趣,提升轉化率。

📖  收穫

透過這個專案,我深刻體會到準確定義問題的重要性。這不僅讓我思考如何在有限的時間內制定出最有效且具影響力的方案,也確保我在後續的研究與設計中始終保持正確的方向。此外,UX設計師應以使用者的體驗為優先,再去考量UI和企業的利益,這並不代表彼此間不能兼具,雖然會花費更多研究和迭代的成本,但這也是UX設計師的價值所在。