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

1. 將排序方式修改成用drag and drop的方式來排列優先秩序列表，更加直觀看出哪一個選項是最重要（放在priority 1，list最前端），哪一個選項是最不重要（放在priority 6，list最後端）
2. 將繁雜的content收進tooltip，讓頁面看起來更加整潔，user更加能夠專注在需要做的action上面，which is排序以及用toggle回答是否已經planned以及是否需要discuss/review

Version 1 design concept

但是這個設計有一個問題，就是進入頁面的一開始已經default排列了一個順序。但我們的requirement則是

Version 1.1

一開始我打算保留version 1的list和behavior，因此做了一個分開兩個action的設計。假設user先在左邊的列表做了toggle的action，再做拖動到右邊的prioritize的action。

但是在review討論的時候，我們發現了一些問題：

1. 不希望讓user將這兩個action分開
2. 而且這兩個action並沒有哪個要先做哪個是後
3. 太多內容需要讀

Version 2 — Another layout design

由於之前在PH market的FNA(financial needs analysis) function有做類似的頁面，我們思考要不要用類似PH的layout和behavior試試看

from PH 點擊一張卡片便是設定一個優先秩序

Version 2.1 concept

但是我們不了解這樣的設計user是否懂得如何使用來設定優先秩序，因此做了簡單的prototype去做一個小小的usability testing

選擇participants — — 這次我們沒有找end user做這個testing，因為這個是普遍的可用性測試，一般用戶在沒有business knowledge的情況下也能夠做。而且因為timeline的關係，我們只能用最快的速度去做來尋找result和insights。

在我們的IT department找到了幾個participant，他們要符合以下條件：

1. 他們跟這個project沒有關係，做之前並不了解裡面的功能
2. 他們的背景跟target group類似，都有相關insurance的知識

Testing for version 2.1

prototype for version 2.1

我們一共邀請了4位受訪者，其中有PM/developer/designer。盡量找到的是跟這個project/function無關的同事當受訪者，然後的到以下feedback

Feedback from participants round 1

發現：

1. 有不止一個受訪者覺得按了“Set priority” button會開一個popup或者會出現一個統整的action
2. 不少受訪者認為第一反應不容易知道要怎麼做，要通過學習之後才知道怎麼做。而且需要閱讀排序以及其內容，不夠直覺
3. 有些受訪者覺得用drag and drop是設置優先次序的普遍作法，比較直覺一點

提出的問題及建議：

1. 如果要重新排序，是否需要重置？還是只能靠按鈕重新設置？
2. 如果設置了優先次序之後，能否讓選項提前？根據設置的次序排列，減少用戶閱讀每一個選項到底是排到第幾？

根據受訪者的反饋及建議，我們對這個version做了一個小改動——將設置好次序的選項卡排列在前，讓user知道排列之後的結果大概是怎樣的。

prototype for improved version 2.1

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

prototype for version 1.2

然後再邀請之前的受訪者再做一次testing。

Feedback from participants round 2

發現受訪者比較喜歡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，但是整體的體驗感覺不錯。

Prototype for implemented version

Dev file & guideline for the function