RAY3.0-個人健保資料網路服務作業

Ray 3.0 成果報告 勞保個⼈網路申報及

Created by：林林思廷、游皓穎、林林罡⾕谷

!1

Ray 3.0 成果報告 個⼈健保資料網路服務作業

Created by：林林思廷、游皓穎、林林罡⾕谷

!2

⽬錄 ｜1. 服務簡介 ｜2. 了解使⽤者 ｜3. 易⽤性研究 ｜4. 找出問題 ｜5. Low Fidelity Prototype 測試 ｜6. High Fidelity Prototype 設計

p. 3 p. 7 p. 15 p. 31 p. 47 p. 52

!3

1. 服務簡介 背景介紹、網⾴主要功能

!4

服務簡介

為呼應新世代來來臨臨，健保署於全球資訊網 整合現⾏行行以「⾃自然⼈人憑證」登入「個⼈人健 保資料網路路服務作業」各項申辦業務，增 加提供保險對象以「健保卡」插卡之登入 機制，提供多元便便捷的網路路服務。

資料來來源：衛⽣生福利利部 https://www.mohw.gov.tw/cp-207-21115-1.html

!5

服務簡介 過去問題 ⾃自系統上線起，部分網⺠民曾反應「瀏覽器只限定IE」、 「讀卡機限制」等易易⽤用性問題。

現在問題 如今雖在安裝元件及瀏覽器的部分已改善，

但現有的服務介⾯面仍難以滿⾜足多數使⽤用者的需求。

資料來來源：PTT https://www.ptt.cc/bbs/IC-Card/M.1438139162.A.B0E.html

IE限定喔...?

郵局都可以⽤用chrome了了

我每次⼀一定都會忘記密碼

⽂文字好難讓⼈人理理解⋯⋯

!6

服務簡介｜網⾴主要功能

個⼈人健保資料 網路路服務作業

投保資料查詢 及地址變更更

保費相關作業 查詢與列列印

電⼦子繳款單及 健保卡申請作業

申請作業：限公所 投保保險對象

各類申請進度 查詢及下載

各類證明申請及列列 印作業

資料來來源：https://drive.google.com/file/d/1R8H0dTHSHPXKz9b5fY5ijXLvSwNdKOWY/view?usp=drive_open

問卷與滿意度調查

訊息公告

!7

2. 了解使⽤者 使⽤者初探、定義關鍵任務

!8

了解使⽤者｜使⽤者初探

發放線上問卷，

了了解使⽤用者使⽤用經驗。

訪談⾝身邊使⽤用過的親友，

細部了了解遭遇困境與需求。

電訪健保客服、拜訪臨臨櫃，

了了解多數使⽤用者遭遇困難。

!9

問卷結果

｜請問您有使⽤用過健保署的「個⼈人健保資料網路路服務作業」嗎？ 沒有⽤用過 73% 37⼈人

27% 有⽤用過 發放線上問卷，

了了解使⽤用者使⽤用經驗。

｜您沒有使⽤用過的原因是?

⼈人數

不知道有這個服務系統

26

不清楚提供什什麼服務內容

10

單純使⽤用不到

4

沒有讀卡機

3

習慣臨臨櫃處理理業務

1

0 資料來來源：Photo by Glenn Carstens-Peters on Unsplash

10

20

30

!10

問卷結果 ｜請問您曾使⽤用過其中的哪項服務？ ⼈人數

投保資料查詢與地址變更更

發放線上問卷，

了了解使⽤用者使⽤用經驗。

4

加保/轉出/停保/復保申辦作業

3

保險費證明申請

3

健保卡申辦

2

為了了報稅所以註冊

1

個⼈人退費申請與進度查詢 0 電⼦子繳款單申請 0 0

資料來來源：Photo by Glenn Carstens-Peters on Unsplash

1

2

3

4

!11

問卷結果 ｜請問您在使⽤用過程中有遇到什什麼不便便嗎？ ⼈人數

選單名稱難以讓⼈人理理解其功能

發放線上問卷，

了了解使⽤用者使⽤用經驗。

7

⼀一直註冊/登入失敗

5

每20分鐘就需重新登入

3

很難找到該系統，且名稱相似的太多

1

0

資料來來源：Photo by Glenn Carstens-Peters on Unsplash

2

4

5

7

!12

訪談結果

｜短訪7位⾝身邊的有接觸過及實際使⽤用過該系統的親友： 常與其他的系統搞混在⼀一起

報稅

列列舉 扣除 額 會需 要⽤用 到

結果你們要做的這個系統好像不是我當初⽤用的。 啊，原來來我⽤用的是健康存摺...

⽤用字遣詞、視覺介⾯面應該要更更⽅方便便理理解與判斷 申請查詢列列印的按鈕也太⼩小。 左邊的資訊欄欄⽂文字應放⼤大，對於老⼈人操作較⽅方便便。 太多技術性⽂文字了了，⽽而且都很冗長。

訪談⾝身邊使⽤用過的親友，

細部了了解遭遇困境與需求。

軟硬體環境設計地相當不友善 覺得還要準備讀卡機很不⽅方便便。 要安裝⼀一堆有的沒的元件，⽽而且失敗了了也不知道怎麼辦。 忘記密碼？

每次使⽤用的第⼀一步都是忘記密碼 ⼀一年年才⽤用那⼀一兩兩次，很容易易忘記，每次都要走⼀一次忘記密碼的流程。

資料來來源：Photo by Amy Hirschi on Unsplash

!13

機關初探結果

｜電訪健保署客服專線 • • • •

最常使⽤用的功能 有哪些？

電訪健保客服、拜訪臨臨櫃，

了了解多數使⽤用者遭遇困難。

｜詢問健保署臨臨櫃業務 臺北市公園路路15-1號1樓樓

最常使⽤用的功能 有哪些？

資料來來源：https://msntw.com/5979/

查詢加退保歷史資料，了了解公司會幫我扣多少保費、有沒有確實加保等 了了解加保期間有無⽋欠費狀狀況 國外⼯工作時，可能需要申請英⽂文版境內投保證明 第六類⼈人的加保、退保申請

• • • •

「申請電⼦子繳款單、變更更地址、查⽋欠、申請健保卡」都蠻多⼈人使⽤用的 表⽰示⼤大家應該都使⽤用地滿順利利的，少有⼈人來來詢問 線上加退保，必須是非常單純的第六類被保險⼈人 系統似乎在識別⾝身份上並不完善（先前有離婚夫妻無法線上辦理理的情形）

!14

了解使⽤者｜定義五個關鍵任務 透過問卷、使⽤用者短訪、所屬機關詢問後，我們依據使⽤用率、任務重要性，收斂出五個關鍵任務：

易易⽤用性測試 五個關鍵任務

任務⼀一

請利利⽤用您的健保卡，登入個⼈人健保資料網路路服務作業系統。

任務⼆二

請在登入後，查詢個⼈人投退保資料，確定您的公司是否有幫您投保。

任務三

請您試著申請107年年的保險費證明。

任務四

請接著下載107年年的英⽂文投保證明。

任務五

請您試著申請⼀一張健保卡。

!15

3. 易⽤性研究

測試背景介紹、研究結果、定義Persona

!16

易⽤性研究｜測試背景及內容介紹 ⼩小組內部pilot test

關鍵任務

1.登入 2.查詢個⼈人投退保資料 3.申請107年年的保險費證明 4.下載107年年的英⽂文投保證明 5.申請⼀一張健保卡

評估指標

1.任務成功與否 2.花費時間 3.提⽰示數量量 4.SUS量量表

受試者填寫前測表單

研究步驟

上機測試（採放聲思考法） 填寫SUS量量表 測後訪談

受試者背景

24-29歲女性三位 （職位：學⽣生、設計師）

30-39歲女性⼀一位、男性⼀一位 （職位：產品經理理、記者） 招募時，優先以曾經使⽤用過系統的⼈人為主

資料來來源：https://docs.google.com/document/d/1ZfRUkyySwSveYWRPdJD0mAI0tvK0nR80f-H8AXLekzQ/edit https://docs.google.com/document/d/11NrUikAPMr0Jd0Dq5NLX0hworP6bI5Lgr_KhkUT8hvg/edit?usp=drive_web&ouid=109341670787543706076

!17

易⽤性研究｜研究結果

80

%

平均任務完成率

.84 204s 24.

0

平均給予提⽰示數量量

5

平均完成任務時間

平均SUS總分 （評級為 F）

53個 易易⽤用性問題

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz

!18

易⽤性研究｜研究結果

53個易⽤性問題

任務⼀一

註冊要⽤用到⼾戶號很⿇麻煩 重設密碼後，⾴頁⾯面會跳轉到健保註冊主⾴頁⾯面 每次使⽤用時⼀一定會忘記密碼，就會再跑次重設密碼的流程 登入時不知道密碼要不要⼤大⼩小寫 在登入時輸完密碼直接按enter就會出現系統異異常 讀卡失敗的錯誤訊息，並無法引導我改善現況

任務⼆二

導引選單很⿇麻煩，要⼀一個⼀一個點 按鍵的設計在視覺上不明顯 ⽂文字敘述太過複雜、專業，很難輕易易理理解 不知道健保資料原來來有下⼀一⾴頁，認為切換⾴頁⾯面應該要放置在下⽅方 最新年年份放在最前⾯面、有升冪降冪比較⽅方便便 「申請」鍵讓⼈人感到困惑，認為查資料不⽤用申請 「隱藏」鍵讓⼈人感到困惑，點了了後沒有隱藏資料 按下申請後，認為要等⼗十分鐘很⿇麻煩 認為⽬目前正在投保的公司或相關資料應該特別標起來來

任務三

任務四

我不知道繳費證明是什什麼、在哪裡 對於業務很不熟悉，⽂文字的引導⼜又很不直覺 導覽列列閱讀辛苦，找不到正確的選單位置 我以為這些申請資料系統會幫我⾃自動帶入 按下申請後，突然就開始下載檔案，應該要先有預覽畫⾯面 「列列印」鍵其實是下載檔案，讓⼈人感到困惑 覺得不⽤用先申請才能列列印 按下列列印後，等待太久

不確定英⽂文名字需不需要遵照特定格式 按鍵名稱與操作⽅方式和之前不⼀一致 系統中⽤用詞不⼀一致，例例如「申請」、「送出申請」等 認為證明內容沒有證明效⼒力力

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz

!19

易⽤性研究｜研究結果

任務五

53個易⽤性問題

選單功能不清楚 選單字太長，讓⼈人沒看完後⾯面就誤選 最前⾯面的資料都是些基本資訊，且跟我後⾯面的線上申辦沒什什麼關聯聯性 申辦過程缺乏明確的申請流程 照片上傳似乎沒有⾃自動審核機制，擔⼼心可能遭⼈人盜⽤用 照片規格提⽰示應出現在⾸首⾴頁，且照片規格提⽰示讓⼈人困惑 不知道為何要填市話，⽽而且不能填寫⼿手機 不清楚哪些欄欄位是必填、選填 必選填資訊放在最底下的注意事項不會讓⼈人看到 不知道為何需要填這些資料 選擇現場領卡，卻無法選擇要在哪裡領卡 申請種類的選項讓⼈人困惑 錯誤提⽰示只⽤用紅字表⽰示，認為不太清楚 即便便按送出，仍不確定⾃自⼰己是否100%完成線上申請 不知道為何要繳費

其他

我不知道怎麼找到這個網站 我使⽤用這個系統是因為要看公司為我投保的狀狀況 不了了解系統上特定名詞的意思 系統缺乏明確的介紹和整體流程導引 字體放⼤大對老年年使⽤用者較好 導引列列分類不清楚 網站整體美感及舒適度有待提升 視覺上應該要美觀、舒適⼀一些（排版也包含在裡⾯面） 線下服務無法與線上接軌

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz

!20

易⽤性研究｜研究結果 1. 我不知道怎麼找到這個網站

（U1） 搜尋結果模糊，不知道點哪個網址可直接導到這個網站。

我⽤用過這個網站兩兩次，現在雖然健保局網站有連結，但針對要加退保的⼈人來來說根本不知道這是對的地⽅方。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!21

2.⽂文字敘述太過複雜、專業，很難輕易易理理解 （U1）需要⼀一個⼀一個點開，選單對我來來說很⽂文謅謅。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!22

2.⽂文字敘述太過複雜、專業，很難輕易易理理解 （U3）不是很了了解雇主投保⾦金金額查詢是在幹嘛的，下意識地會以為是 公司投保的狀狀況，但點進去⼜又都沒有資料。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!23

2.⽂文字敘述太過複雜、專業，很難輕易易理理解 （U5）不會看注意事項，寫得太⽂文⾔言⽂文了了，覺得看不懂。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!24

3. 系統缺乏明確的介紹和整體流程導引 （U3）進來來前應該要介紹這個系統可以做什什麼，我現在整個是矇掉， ⽽而且年年輕⼈人都這樣的話，中老年年怎麼會⽤用？

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!25

3. 系統缺乏明確的介紹和整體流程導引 （U4） 旁邊導引列列的架構編排讓⼈人困惑。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!26

3. 系統缺乏明確的介紹和整體流程導引 （U5）希望能增加網站導覽，例例如搜尋功能，可以輸入健保卡，就跳出健保卡相關功能。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!27

4. 操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性 （U1）不知道有下⼀一⾴頁，通常切換⾴頁⾯面不是通常會放在最下⾯面嗎，結果在右上⽅方， ⽽而且都滑到底了了，應該沒有資訊了了吧？

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!28

4. 操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性 （U2）原來來他是往下才是最新的加保資料，他不能最新的在上⾯面嗎？

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!29

4. 操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性 （U3）這邊⼜又變成送出申請，感覺每個地⽅方都不ㄧ樣，有的是「申請」、 有的是「送出申請」、有的是「查詢」。

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz https://undraw.co

!30

了解使⽤者｜定義Persona

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz

!31

4. 找出問題 測試背景介紹、研究結果

!32

現有系統介⾯

資料來來源：https://eservice.nhi.gov.tw/Personal1/System/mLogin.aspx

!33

找出問題｜三個關鍵問題

1 2 3

導覽列列分類及名稱不清楚，⽂文字敘述太過複雜、專業

－我們該如何讓使⽤用者順利利找到他們想要的功能？

缺乏明確的申請流程

－我們該如何讓使⽤用者順利利地知道怎麼進⾏行行下⼀一步？

操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性

－我們該如何讓使⽤用者能更更直覺地操作⾴頁⾯面？

資料來來源：https://docs.google.com/spreadsheets/d/1wJ1xJj2irYdKSNG97_CfdyMX5MZ2OSee3VNmwDRNFiQ/edit#gid=0

!34

提出對應解法

資訊架構重整、新增申請的流程步驟。

根據使⽤用者認為的概念念與預期語⾔言，重新詮釋⽂文字。

重整系統內的⼀一致性，並參參考⽬目前主流網站的設計規範。

!35

提出對應解法｜重新規劃資訊架構

資料來來源：https://www.gloomaps.com/eAZW4Msoqx?fbclid=IwAR06vxj061v21JuVhRq15eh2lKiO1nzmkcM7iOvSzbu0u_73IPAajgfYC2Q

!36

提出對應解法｜Wireframe 登入

⾸首⾴頁

介紹網站的功能 註冊要⽤用到⼾戶號很⿇麻煩

投退保查詢

登入改善：符合使⽤用者習慣

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!37

提出對應解法｜Wireframe 登入

增加：功能搜尋框 ⾸首⾴頁新增常⽤用功能， 不⽤用⼀一直找 最新消息欄欄位精簡

⾸首⾴頁

導引選單很⿇麻煩， 要⼀一個⼀一個點

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!38

提出對應解法｜Wireframe

依照功能分眾，輕易易找到⾃自⼰己想要的功能

登入

⾸首⾴頁

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg 資料來來源：

!39

提出對應解法｜Wireframe 登入

⾸首⾴頁

投退保查詢

按鍵不明顯 ⽂文字敘述太過複雜 不知道健保資料的 ⾴頁⾯面原來來有下⼀一 ⾴頁，認為切換⾴頁⾯面 應該要放置在下⽅方 最新年年份放在最前 ⾯面、有升冪降冪比 較⽅方便便

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg 資料來來源：

!40

提出對應解法｜Wireframe 登入

⾸首⾴頁

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!41

提出對應解法｜Wireframe 登入

⾸首⾴頁

投退保查詢

證明申請

申請後，出現預覽畫⾯面

「列列印」⽽而非下載

不⽤用先申請才能列列印

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!42

提出對應解法｜Wireframe 登入

⾸首⾴頁 英⽂文名字需遵照特定格式

投退保查詢 按鍵名稱和操作⽅方式⼀一致

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!43

提出對應解法｜Wireframe 登入

⾸首⾴頁

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!44

提出對應解法｜Wireframe 登入

減少過多的⽂文字負荷 明確的申請流程

⾸首⾴頁

說明繳費資訊

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!45

提出對應解法｜Wireframe 登入

清楚標⽰示哪些是必填 可以選擇領卡地點

⾸首⾴頁

欄欄位對⿑齊，視覺不混亂

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!46

提出對應解法｜Wireframe 登入

⾸首⾴頁

投退保查詢

證明申請

確認送出改在右下⾓角 按紐顯⽰示清楚

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!47

提出對應解法｜Wireframe 登入

申請完直接前往繳費 減少⽂文字負擔

⾸首⾴頁

投退保查詢

證明申請

健保卡申請

資料來來源：https://drive.google.com/drive/folders/1gVMBAvJPuQJlPdk1BnBrkfu1W_w_RIhg

!48

5. Low Fidelity Prototype 測試 測試流程、測試結果、迭代修正

!49

Lo-fi prototype測試流程 機關端

使⽤用者 找到20個易⽤性問題

收集11個欲調整的細節

從Wireframe到 Lo-fi prototype

招募三位使⽤用者測試 ＋ 拜訪健保署

使⽤用Sketch設計好低擬真原型

參參考無障礙規範3.0

使⽤用Invision設計好互動

招募三位先前曾參參與易易⽤用性的使⽤用者

同時了了解使⽤用者與機關端的想法

評估解決⽅方案的可⾏行行性

迭代修正

盤點此階段的31個修正內容，迭代修正

資料來來源：https://docs.google.com/document/d/1nsOYSEMKPIMYhzJ6o0UnZi8ICT_QIeLXoP0pRDNcpT0/edit https://docs.google.com/spreadsheets/d/1wJ1xJj2irYdKSNG97_CfdyMX5MZ2OSee3VNmwDRNFiQ/edit#gid=0

!50

易⽤性研究｜三位使⽤者測試結果

任務⼀一

任務⼆二

任務三

⾸首⾴頁說明⽂文字沒有很長，但還是看不完 忘記密碼填的⼿手機⼀一定要是⾃自⼰己的 ⼀一定要登入網站嗎，不能先看到⾸首⾴頁，知道有什什麼功能嗎？ 驗證碼不明顯 常⽤用功能的界定 不會看公布欄欄，署本部是啥？ 不知道導覽列列可以按進去，有細部分類

20個易⽤性問題

任務四

中英⽂文切換介⾯面顏⾊色讓⼈人困惑

任務五

如何選擇繳費⽅方式？ 網站的地區分類怪異異 少了了郵寄功能 找不到上傳照片的地⽅方 看到列列表⾴頁的領取時間會困惑

⽂文字敘述仍太過複雜、專業 按鈕的意思會混淆 升降冪的icon有點不明顯

對於業務不熟悉，⽬目前⽂文字 的引導還尚不直覺

其他

左上⾓角logo代表回到⾸首⾴頁不是很明顯 最常⽤用的功能放置於常⽤用功能欄欄 介⾯面設計應亮眼⼀一點

資料來來源：https://docs.google.com/document/d/1sH0WVE2e9D5ugjd0swHMhuy1HgY23eNpPcEuL6N-7vk/edit#heading=h.c6rouuslkpsz

!51

測試結果—拜會健保署業務單位 11個欲調整的細節 7/24(三) 台北市⼤大安區信義路路3段 140號11樓樓討論室 與會⼈人員：資訊處⼈人員、業務單位⼈人員、系統廠商

認證與審核機制

⽤用字與欄欄位

服務流程

由於資安問題，讀卡機仍有其必 要，建議不要省去。

原本有升降冪功能，只是不明顯，可以使 ⽤用三⾓角形的設計。

因為調取資料⽅方式是批次調出，故 獲取資料時間較長，可以調整⽤用字 讓等候體驗變好。

⼿手機認證部分，因為與電信合 作，故每次認證會收取⼀一定的⼿手 續費，考慮經費限制的話並非長 久之計。

因為公⽂文、宣導⽂文和所以健保署相關業務 的⾏行行⽂文都是如此，牽⼀一髮動全⾝身，且需要 經過專家討論才能修改名詞，不宜⼤大幅度 修改，可參參考app的⽤用詞，相較之下較為 俐落落。

照片無法由系統⾃自動審核，⽬目前 皆是由⼈人⼯工審核通過。

英⽂文名字可補註可參參考護照上的英⽂文，但 須留留意有些⺠民眾無護照。 申請健保卡時，保留留市話欄欄位，新增⼿手機 欄欄位。

在⼀一開始的流程圖顯⽰示先繳錢再約 定地址，或是讓⺠民眾清楚知道⼀一定 要繳錢。 郵寄和現場取卡的流程不⼀一樣，須 標⽰示出來來。 繳完錢後兩兩個⼯工作天才能取卡，時 間不能先標，要繳完款才能算 。

資料來來源：https://docs.google.com/spreadsheets/d/1wJ1xJj2irYdKSNG97_CfdyMX5MZ2OSee3VNmwDRNFiQ/edit#gid=0 （健保署回應） https://docs.google.com/document/d/1P1J_f9JOPy9gWsmOA0Xz9yeFWNw4zs4CZV_TjQuq-6I/edit?usp=drive_web&ouid=109341670787543706076 （會議記錄）

!52

迭代修正

專業⽤用字主要參參考「健保快易易通」，平衡精簡度與機關專業度

使⽤用者測試

保留留讀卡機登入機制 修正不明顯的⽂文字與導覽列列

Lo-fi Prototype

Hi-fi Prototype

等候訊息以「請稍候」取代「等10分鐘」 訂定Hi-fi設計規範，確保介⾯面的設計⼀一致性

機關回饋

新增健保卡郵寄流程，並增加填寫⾏行行動電話欄欄位 說明不同領卡⽅方式所配應得繳費⽅方式，並讓領卡時間在繳款後才會出現

資料來來源： https://docs.google.com/spreadsheets/d/1wJ1xJj2irYdKSNG97_CfdyMX5MZ2OSee3VNmwDRNFiQ/edit#gid=0

!53

6. High Fidelity Prototype 設計 最終修正結果、Demo

!54

回顧五個關鍵任務、三個Key questions 三個Key questions

五個關鍵任務 任務⼀一 請利利⽤用您的健保卡，登入個⼈人健保資料網路路服務作業系統。

1

導覽列列分類及名稱不清楚，⽂文字敘述太過複雜、專業 －我們該如何讓使⽤用者順利利找到他們想要的功能？

2

缺乏明確的申請流程 －我們該如何讓使⽤用者順利利地知道怎麼進⾏行行下⼀一步？

3

操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性 －我們該如何讓使⽤用者能更更直覺地操作⾴頁⾯面？

任務⼆二 請在登入後，查詢個⼈人投退保資料，確定您的公司是否有幫您投保。 任務三 請您試著申請107年年的保險費證明。 任務四 請接著下載107年年的英⽂文投保證明。 任務五 請您試著申請⼀一張健保卡。

!55

How do we solve the key questions?

1

導覽列列分類及名稱不清楚，⽂文字敘述太過複雜、專業 －我們該如何讓使⽤用者順利利找到他們想要的功能？

重新設計資訊架構

lo-fi原型：使⽤用者測試

盤點現有系統架構，並依據使 ⽤用者的想法調整⽂文字⽤用詞

確認新的導覽列列及⽤用語可被使⽤用者 接受

Wireframe

易易⽤用性測試

產出Hi-fi prototype

畫出新導覽列列的線框稿

邀請五位受測者， 挖掘系統之潛在易易 ⽤用性問題

參參考「健保快易易通」 參參考健保快易易通的⽤用字與資訊 架構，以符合機關的使⽤用習慣

機關回饋 確認導覽列列的架構及⽤用字符合機關 的使⽤用習慣或可接受範圍

!56

How do we solve the key questions?

2

缺乏明確的申請流程 －我們該如何讓使⽤用者順利利地知道怎麼進⾏行行下⼀一步？

釐清健保卡申請流程

lo-fi原型：使⽤用者測試

⾃自申辦⾴頁⾯面及健保署線上網站 中，了了解健保卡申請程序，分為 申請、繳費及取卡三個步驟

確認新的申請流程符合使⽤用者期待

Wireframe

易易⽤用性測試

產出Hi-fi prototype

畫出健保卡申請與證明 申請的線框稿

邀請五位受測者， 挖掘系統之潛在易易 ⽤用性問題

調整申請證明流程 依使⽤用者意⾒見見，精簡申請所需 要的步驟，如按鍵數量量等

機關回饋 確認流程是否有遺漏任何業務步驟

!57

How do we solve the key questions?

3

操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性 －我們該如何讓使⽤用者能更更直覺地操作⾴頁⾯面？

參參考主流設計範例例

lo-fi原型：使⽤用者測試

思考能否使⽤用現代且主流的設 計框架，以符合⼤大眾使⽤用習慣

確認新的使⽤用體驗滿⾜足⼀一般⺠民眾的 期待

訂定設計規範

易易⽤用性測試

產出Hi-fi prototype

統⼀一⽤用詞、按鍵及導覽列列設計，並 參參考無障礙設計規範3.0

邀請五位受測者， 挖掘系統之潛在易易 ⽤用性問題

統⼀一⽤用語、按鍵 盤點系統內不⼀一致的⽤用詞及按 鍵設計

機關回饋 了了解原設計是否有特殊需求，進⽽而 調整雛形

!58

High-fi prototype Demo

1 2 3

導覽列列分類及名稱不清楚，⽂文字敘述太過複雜、專業

－重整資訊架構、簡化⽂文字內容

缺乏明確的申請流程

－新增申請流程⽰示意圖，簡化多餘申請步驟

操作介⾯面與現代的數位體驗流程不同，並缺乏⼀一致性

－訂定設計規範、簡化過多功能鍵

資料來來源：https://projects.invisionapp.com/share/QUT2VDRE849?fbclid=IwAR1b8EN6d7ZWuaezvFbEtFetY6rzW4eoOI-U2AcbedPqdeJU2pZyQIUf38#/screens/374936313

!59

感謝聆聽。 個⼈健保資料網路服務作業

Created by：林林思廷、游皓穎、林林罡⾕谷

!60