Skip to content

Latest commit

 

History

History
59 lines (39 loc) · 2.18 KB

README.md

File metadata and controls

59 lines (39 loc) · 2.18 KB

insurance_project

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

改版過程:

Step1.接收需求,發現問題:

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

舊版畫面:

首頁alt text

保單建議列表頁alt text


Step2.解決方案:

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

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

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

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

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


Step3.解決問題:

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

alt text

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

alt text

3.保單健檢頁:

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

alt text alt text