insurance_project

5bobi保險比價 網頁設計 網址：http://cosjava26.github.io/insurance_project/index.html

改版過程：

Step1.接收需求，發現問題：

• 舊版保單建議列表頁是用一般表格的方式，表達要給使用者的保單資訊，但發現資訊太複雜，且Mobile UI 操作並不友善，使用者不容易找到保單且難以比較。
• 對保單沒有概念的使用者，是否有辦法協助他們找到適合的保單。
• 已有保單的使用者，是否有什麼方法可以協助他們看錢是否有花在刀口上。

舊版畫面：

首頁

保單建議列表頁

Step2.解決方案：

經過與使用者訪談後，分析出以下幾點：

1.使用者在找/規劃保單時，會依身份和目的的不同，比如新生兒、學生、單身小資、銀髮族、家中經濟支柱，選擇自己能負擔的保單。

2.視覺化的方式呈現保單各項屬性，可協助使用者選擇適合的保單。

3.當使用者已經有保單，會想看看自己有沒有多花錢。

4.使用者大多在行動裝置上使用，以行動裝置的 UI/UX 為核心改版。

Step3.解決問題：

1. 首頁：

• 針對不同身份，讓使用者選擇他想找的保單類型，並在左側提供對應之雷達圖。
• 將手機版找保單流程切成三步驟：選擇身份->選擇性別->建議雷達圖->找保單。

2. 保單建議列表頁：

• 將舊版的一般表格列表式修改成卡片式，方便使用者比較保單。
• 在試算保單時，左側提供雷達圖供使用者做參考

3.保單健檢頁：

• 當使用者已經有保單，想看看自己有沒有多花錢。
• 使用者只要輸入自己的保單(險種、保費等等)，即可健檢保單，並推薦其他相關保單給他。