5bobi保險比價 網頁設計 網址:http://cosjava26.github.io/insurance_project/index.html
- 舊版保單建議列表頁是用一般表格的方式,表達要給使用者的保單資訊,但發現資訊太複雜,且Mobile UI 操作並不友善,使用者不容易找到保單且難以比較。
- 對保單沒有概念的使用者,是否有辦法協助他們找到適合的保單。
- 已有保單的使用者,是否有什麼方法可以協助他們看錢是否有花在刀口上。
舊版畫面:
經過與使用者訪談後,分析出以下幾點:
1.使用者在找/規劃保單時,會依身份和目的的不同,比如新生兒、學生、單身小資、銀髮族、家中經濟支柱,選擇自己能負擔的保單。
2.視覺化的方式呈現保單各項屬性,可協助使用者選擇適合的保單。
3.當使用者已經有保單,會想看看自己有沒有多花錢。
4.使用者大多在行動裝置上使用,以行動裝置的 UI/UX 為核心改版。
- 首頁:
- 針對不同身份,讓使用者選擇他想找的保單類型,並在左側提供對應之雷達圖。
- 將手機版找保單流程切成三步驟:選擇身份->選擇性別->建議雷達圖->找保單。
- 保單建議列表頁:
- 將舊版的一般表格列表式修改成卡片式,方便使用者比較保單。
- 在試算保單時,左側提供雷達圖供使用者做參考
3.保單健檢頁:
- 當使用者已經有保單,想看看自己有沒有多花錢。
- 使用者只要輸入自己的保單(險種、保費等等),即可健檢保單,並推薦其他相關保單給他。