Practice for Usability Testing for CFF(Customer Fact Find) in an insurance App
Background
- CFF(Customer Fact Find) 用於了解買保險者的個人信息,然後根據所填信息來推薦保險計劃。每家公司的內容都有所不同。
- 這次revamp的app是來自馬來西亞現有app,target user是保險agent。保險agent用這個app來幫客戶購買保險計畫
- 此section在現有app設計如下:
Problem
主要的問題是選擇priority的時候需要通過一個dropdown來選擇該選項的優先秩序。這個流程不夠intuitive
Proposed Version 1 design concept
- 將排序方式修改成用drag and drop的方式來排列優先秩序列表,更加直觀看出哪一個選項是最重要(放在priority 1,list最前端),哪一個選項是最不重要(放在priority 6,list最後端)
- 將繁雜的content收進tooltip,讓頁面看起來更加整潔,user更加能夠專注在需要做的action上面,which is排序以及用toggle回答是否已經planned以及是否需要discuss/review
但是這個設計有一個問題,就是進入頁面的一開始已經default排列了一個順序。但我們的requirement則是
Version 1.1
一開始我打算保留version 1的list和behavior,因此做了一個分開兩個action的設計。假設user先在左邊的列表做了toggle的action,再做拖動到右邊的prioritize的action。
但是在review討論的時候,我們發現了一些問題:
- 不希望讓user將這兩個action分開
- 而且這兩個action並沒有哪個要先做哪個是後
- 太多內容需要讀
Version 2 — Another layout design
由於之前在PH market的FNA(financial needs analysis) function有做類似的頁面,我們思考要不要用類似PH的layout和behavior試試看
但是我們不了解這樣的設計user是否懂得如何使用來設定優先秩序,因此做了簡單的prototype去做一個小小的usability testing
選擇participants — — 這次我們沒有找end user做這個testing,因為這個是普遍的可用性測試,一般用戶在沒有business knowledge的情況下也能夠做。而且因為timeline的關係,我們只能用最快的速度去做來尋找result和insights。
在我們的IT department找到了幾個participant,他們要符合以下條件:
- 他們跟這個project沒有關係,做之前並不了解裡面的功能
- 他們的背景跟target group類似,都有相關insurance的知識
Testing for version 2.1
我們一共邀請了4位受訪者,其中有PM/developer/designer。盡量找到的是跟這個project/function無關的同事當受訪者,然後的到以下feedback
發現:
- 有不止一個受訪者覺得按了“Set priority” button會開一個popup或者會出現一個統整的action
- 不少受訪者認為第一反應不容易知道要怎麼做,要通過學習之後才知道怎麼做。而且需要閱讀排序以及其內容,不夠直覺
- 有些受訪者覺得用drag and drop是設置優先次序的普遍作法,比較直覺一點
提出的問題及建議:
- 如果要重新排序,是否需要重置?還是只能靠按鈕重新設置?
- 如果設置了優先次序之後,能否讓選項提前?根據設置的次序排列,減少用戶閱讀每一個選項到底是排到第幾?
根據受訪者的反饋及建議,我們對這個version做了一個小改動——將設置好次序的選項卡排列在前,讓user知道排列之後的結果大概是怎樣的。
Version 1.2 — Improved version 1 design concept
根據第一次的user testing的結果,雖然得到一個improved的版本,但是從user feedback提及到大多數人都傾向於drag&drop的方法比較直觀,而且想到用卡片的方式排列對於優先順序來講還是不夠直觀。因此,我打算返回改進version 1看看。
用類似card sorting的方法,將不同的卡片從上面拉到下面來排列,還能在已經排列好的列表內用drag and drop的方式重新排列。
Testing for version 1.2
然後再邀請之前的受訪者再做一次testing。
發現受訪者比較喜歡version 1.2的原因是like playing a game😄 而且他們的第一反應都了解要做什麼action,只有少許icon/indicator/graphic需要改進一下。
Final version
最終我們選擇用version 1.2,然後改進了一下user behavior。下面的prototype是最後implement的結果。雖然drag&drop to re-order的時候有點小bug,但是整體的體驗感覺不錯。