我們的 UX 及產品設計師決意 Debug 傳統網頁設計,平衡設計美學及實用性 ,務求讓客戶在比較產品、投保,甚至索償時也有良好的體驗。
Hiu:傳統保險公司的網頁設計都比較「安全」,忽略部份用家體驗。
- 將所有保險細節「曬冷」:由於保險產品比其他商品複雜,客人一般需要閱讀大量條款及細則才可以勉強明白保障。如果公司在解釋產品時忽略重要條款,就可能會衍生法律責任。為了保障自己,傳統保險公司傾向將大部份相關資訊列於網頁上,海量的資訊反而令瀏覽者難以理解產品,甚至失去耐性閱讀,而直接離開頁面。
- 「曬冷」難以理解的專業名詞:加上保險業內有大量專業名詞,一般市民未必明白其意思,以致網頁上的內容如同「火星文」,令人無意深入研究。
- 隱藏重要條款:當然,有部份保險公司也洞悉以上問題,開始作出改善,但卻不懂如何篩選該顯示的內容,最後決定將條款收藏於網頁的隱蔽位置。這種做法雖然令網頁看起來較簡潔,卻令不少客人忽略重要條款,有時候,直至要等投保人申請賠償當天才知道那些「隱藏條款」。
其次,有不少保險公司的網頁設計單調及相似,且缺乏系統。
- 首頁設計單調:首頁離不開代言人及其代言產品的 Banner 及不同優惠的 Banner,容易忽略用戶體驗。
- 欠缺設計系統:不少網頁的設計都欠缺系統,例如一個頁面可以出現多種字形及字體大小,影響觀感及用戶體驗。
單調及欠缺系統的設計有可能會令客人對保險公司的網頁失去興趣,並將保險視為深奧、難以理解、不可自行處理及比較的產品,甚至敬而遠之。
~11 月 Blog 專屬限時優惠~
首兩年高達合共11個月免保費!抵過1折
危疾保、人壽保:首兩年合共 11 個月保費豁免;自願醫保、戰癌保、觸木保:首年 4 折
Hiu:Bowtie 希望重建大眾對保險業的印象,其中一個途徑就是網頁設計,先要避免出現某些傳統公司網頁設計的「Bugs」,再將 Bowtie 網站的「Bugs」及不足地方除去!讓保險成為一樣簡單、方便客人自行比較、分析及處理的產品。
Debug 過程
因為 Bowtie 以網上為唯一的銷售渠道,我們必須在網頁上清晰列出產品的特色及保障,所以產品頁面的 Debug 需求最高。
- 考慮網頁資訊量:我們不斷審視頁面,務求以最簡單的文字介紹產品,使大眾可以用最少的時間明白該頁的內容。同時,我們亦要衡量每一個網頁顯示的資訊量,有甚麼資料要放在當眼處、甚麼資料要放在附加文件上、或哪些文件以圖片/表格形式顯示等。
- 最佳的用戶體驗:我們也會考慮用戶體驗。為了設計一個方便客人投保 / 索償體驗的 User Journey,團隊內的 UX 設計師會代入客人的角色,幻想他們在 Bowtie 網頁上的活動路徑。事實上,首次到訪 Bowtie 網頁的訪客及現有客戶的活動路徑可以很不同。設計出 User Journey後,我們會與其他團隊(包括工程師、產品發展部們及市場部等)一同討論,嘗試從不同角度設計一條最好的路徑,務求為客人帶來最好的體驗。
Hiu:我們長期也在 Debug,並不是網頁發生問題才 Debug。
- 長期 Debug:Bowtie 設計師會定期 Debug 我們的網頁,主要圍繞銷售方法、產品設計、用戶體驗及新項目等。每一位設計師都會在網頁設計上提出意見、作出改善、然後審視成果。簡單而言,就是不斷發掘網頁不足之處,然後不斷改善。
- By Request:有時候,我們也會按不同團隊的意見更新網頁設計,以配合不同的項目及目標 ,例如負責網誌的同事就曾提出在公司網誌內加入推廣優惠或更改不同的按鈕,以引導客人瀏覽優惠或產品網頁。
Hiu:其實每個項目都很具挑戰性,其中一個項目就是要整理 Bowtie 的設計系統。
我們參考「原子設計」的理論,發展出一套 Bowtie 獨有的系統,於 2021 年頭,我們率先完成了一套完整的插圖系統,從此無須再依賴 Stock Photo / Graphic。其後,我們開始整理 Bowtie 平台上的設計元素,從字體、字形、顏色、按鈕及間隔逐一定義使用規則。未來,我們亦會繼續整理網頁上不同的設計元素。
此「設計系統」對 Bowtie 及設計師來說尤其重要。其價值在於:
- 為 Bowtie 建立一個鮮明的形象及「性格」
- 大大提高設計師的效率 → 設計新網頁時無須每次由頭開始,基本的項目亦可參考系統
- 更重要的是,令客人瀏覽網頁時感到舒適、方便,其後相信會更樂意瀏覽 Bowtie 的網頁
不過一個網頁的結構複雜,要考慮的因素有很多,要造一套完整的設計系統並不容易,因此我們仍在努力當中。
作者
Bowtie (「保泰人壽」)是持牌人壽保險公司及香港首間虛擬保險公司,致力於填補健康的保障缺口。Bowtie 透過創新科技及醫療專業,提供零中介、免佣金,更方便的網上平台,讓客戶隨時隨地獲得「自願醫保計劃」產品報價、核保及索償服務。Bowtie在 2021 全年於直接銷售渠道中持續排行第一。
了解更多:
https://www.bowtie.com.hk 本文章內容由 Bowtie 團隊 提供並只供參考,不代表 Bowtie 立場,Bowtie 對任何人因使用或誤用任何信息或內容,或對其依賴而造成的任何損失或損害,不承擔任何責任。此文章內任何與 Bowtie 產品相關的內容僅供參考及作教育用途,客戶應參閱相關產品網頁內詳細之條款及細則。