Bowtie產品理念
Bowtie產品理念

網上投保好容易?全靠Bowtie 產品設計師堅持Debug 用戶體驗!

Debug 的意思是「除錯」,一般用於 IT 行業,當電腦代碼出現 Bugs(錯誤)時就需要 Debug!Bowtie 作為一間虛擬保險公司,希望優化保險業的運作,打破香港保險業給大眾的印象。要 Debug 整個保險行業需要不同專才的努力,而網站是 Bowtie 唯一的銷售平台,因此網頁設計及用戶體驗十分重要。今次 Bowtie 資訊團隊請來產品設計師 Hiu 分享整個團隊的工作,以及他們的工作如何 Debug 保險體驗!
作者 Bowtie 團隊
日期 2021-10-08
更新 2022-05-10
目錄
傳統保險公司的網頁設計可如何 Debug,令用戶體驗更好?如何 Debug 保險網站的設計?幾耐 Debug 一次?分享一個在 Bowtie 面對最具挑戰性的 Debug 過程


傳統保險公司的網頁設計可如何 Debug,令用戶體驗更好?

我們的 UX 及產品設計師決意 Debug 傳統網頁設計,平衡設計美學及實用性 ,務求讓客戶在比較產品、投保,甚至索償時也有良好的體驗。

Hiu:傳統保險公司的網頁設計都比較「安全」,忽略部份用家體驗。

  • 將所有保險細節「曬冷」:由於保險產品比其他商品複雜,客人一般需要閱讀大量條款及細則才可以勉強明白保障。如果公司在解釋產品時忽略重要條款,就可能會衍生法律責任。為了保障自己,傳統保險公司傾向將大部份相關資訊列於網頁上,海量的資訊反而令瀏覽者難以理解產品,甚至失去耐性閱讀,而直接離開頁面。
  • 「曬冷」難以理解的專業名詞:加上保險業內有大量專業名詞,一般市民未必明白其意思,以致網頁上的內容如同「火星文」,令人無意深入研究。
  • 隱藏重要條款:當然,有部份保險公司也洞悉以上問題,開始作出改善,但卻不懂如何篩選該顯示的內容,最後決定將條款收藏於網頁的隱蔽位置。這種做法雖然令網頁看起來較簡潔,卻令不少客人忽略重要條款,有時候,直至要等投保人申請賠償當天才知道那些「隱藏條款」。
Bowtie自願醫保計劃細節

其次,有不少保險公司的網頁設計單調及相似,且缺乏系統。

  • 首頁設計單調:首頁離不開代言人及其代言產品的 Banner 及不同優惠的 Banner,容易忽略用戶體驗。
  • 欠缺設計系統:不少網頁的設計都欠缺系統,例如一個頁面可以出現多種字形及字體大小,影響觀感及用戶體驗。

單調及欠缺系統的設計有可能會令客人對保險公司的網頁失去興趣,並將保險視為深奧、難以理解、不可自行處理及比較的產品,甚至敬而遠之。

~12 月 Blog 專屬限時優惠~
首年保費高達 4 折優惠!
危疾保、人壽保、戰癌保、觸木保:首年 4 折;自願醫保:首年 5 折

如何 Debug 保險網站的設計?

Hiu:Bowtie 希望重建大眾對保險業的印象,其中一個途徑就是網頁設計,先要避免出現某些傳統公司網頁設計的「Bugs」,再將 Bowtie 網站的「Bugs」及不足地方除去!讓保險成為一樣簡單、方便客人自行比較、分析及處理的產品。

Debug 過程

因為 Bowtie 以網上為唯一的銷售渠道,我們必須在網頁上清晰列出產品的特色及保障,所以產品頁面的 Debug 需求最高。

  • 考慮網頁資訊量:我們不斷審視頁面,務求以最簡單的文字介紹產品,使大眾可以用最少的時間明白該頁的內容。同時,我們亦要衡量每一個網頁顯示的資訊量,有甚麼資料要放在當眼處、甚麼資料要放在附加文件上、或哪些文件以圖片/表格形式顯示等。
  • 最佳的用戶體驗:我們也會考慮用戶體驗。為了設計一個方便客人投保 / 索償體驗的 User Journey,團隊內的 UX 設計師會代入客人的角色,幻想他們在 Bowtie 網頁上的活動路徑。事實上,首次到訪 Bowtie 網頁的訪客及現有客戶的活動路徑可以很不同。設計出 User Journey後,我們會與其他團隊(包括工程師、產品發展部們及市場部等)一同討論,嘗試從不同角度設計一條最好的路徑,務求為客人帶來最好的體驗。
bowtie網頁

幾耐 Debug 一次?

Hiu:我們長期也在 Debug,並不是網頁發生問題才 Debug。

  • 長期 Debug:Bowtie 設計師會定期 Debug 我們的網頁,主要圍繞銷售方法、產品設計、用戶體驗及新項目等。每一位設計師都會在網頁設計上提出意見、作出改善、然後審視成果。簡單而言,就是不斷發掘網頁不足之處,然後不斷改善。
  • By Request:有時候,我們也會按不同團隊的意見更新網頁設計,以配合不同的項目及目標 ,例如負責網誌的同事就曾提出在公司網誌內加入推廣優惠或更改不同的按鈕,以引導客人瀏覽優惠或產品網頁。
Bowtie Debug 保險

分享一個在 Bowtie 面對最具挑戰性的 Debug 過程

Hiu:其實每個項目都很具挑戰性,其中一個項目就是要整理 Bowtie 的設計系統。

我們參考「原子設計」的理論,發展出一套 Bowtie 獨有的系統,於 2021 年頭,我們率先完成了一套完整的插圖系統,從此無須再依賴 Stock Photo / Graphic。其後,我們開始整理 Bowtie 平台上的設計元素,從字體、字形、顏色、按鈕及間隔逐一定義使用規則。未來,我們亦會繼續整理網頁上不同的設計元素。

此「設計系統」對 Bowtie 及設計師來說尤其重要。其價值在於:

  • 為 Bowtie 建立一個鮮明的形象及「性格」
  • 大大提高設計師的效率 → 設計新網頁時無須每次由頭開始,基本的項目亦可參考系統
  • 更重要的是,令客人瀏覽網頁時感到舒適、方便,其後相信會更樂意瀏覽 Bowtie 的網頁

不過一個網頁的結構複雜,要考慮的因素有很多,要造一套完整的設計系統並不容易,因此我們仍在努力當中。

Bowtie 港怡醫院醫療健康組合
分享
這篇文章有用嗎?
1
0
本文章內容由 Bowtie 團隊 提供並只供參考,不代表 Bowtie 立場,Bowtie 對任何人因使用或誤用任何信息或內容,或對其依賴而造成的任何損失或損害,不承擔任何責任。此文章內任何與 Bowtie 產品相關的內容僅供參考及作教育用途,客戶應參閱相關產品網頁內詳細之條款及細則。
危疾復發Bowtie最多賠5次

相關文章

Bowtie人壽保障升至$2,000萬 全因客人的一個煩惱? Bowtie人壽保障升至$2,000萬 全因客人的一個煩惱?
Bowtie產品理念

Bowtie人壽保障升至$2,000萬 全因客人的一個煩惱?

Bowtie 用保險建議計算機及實例解釋你需要的保障需要 Bowtie 用保險建議計算機及實例解釋你需要的保障需要
Bowtie產品理念

Bowtie 用保險建議計算機及實例解釋你需要的保障需要

Bowtie人壽保優惠碼/Promo Code一覽(2023年4月更新) Bowtie人壽保優惠碼/Promo Code一覽(2023年4月更新)
Bowtie產品理念

Bowtie人壽保優惠碼/Promo Code一覽(2023年4月更新)

限時優惠:12月30日或之前投保時輸入【BLOGDECINSURE】,即享自願醫保首年保費 5 折優惠!
立即報價

其他話題

電郵查詢

一般查詢
hello@bowtie.com.hk
傳媒查詢
media@bowtie.com.hk
合作推廣
partner@bowtie.com.hk

© 2024 保泰人壽保險有限公司。版權所有。

我們檢測到您的瀏覽器已經過時。如要得到最佳的瀏覽體驗,請更新或使用其他瀏覽器。 知道了
有人幫
如果你想...

有人幫

產品 Specialist 為你解答任何關於產品的問題
搵產品專員問下