登入
登入是勞保局網站最困難的一步!因為使用者需要自然人憑證、讀卡機、並安裝相關的驅動程式,而多數用戶會在完成所有輸入程序後,按下「登入」時才發現設備有問題,像是讀卡機沒有讀到卡之類的
U01:每次Chrome都要裝一次擴充軟件,就點進去裝
U02:不確定驅動程式是什麼,可能會在整理的時候就不小心解除掉
目標 👉 降低錯誤嘗試的機會
配合勞保局明年即將推出的多元登入方式,我們在第一頁就顯示各種登入方式和其所需要的設備,讓用戶一眼就能透過對照,選擇適合自己的登入方式
選擇完登入方式之後,一開始就呈現設備檢查的結果,等紅字警示都被排除之後才允許用戶開始做身分證字號那些資料的輸入,來減少他們反覆檢查設備和重新輸入所浪費的時間 ⏱
Landing Page
目前版本在使用者登入後,並沒有提供任何引導協助任務的執行(而且畫面正中間那個花花的圖其實挺干擾的…我第一次使用時在這個頁面也超困惑的,不知道接下來該做什麼 😅
U03: 直接進勞保局網頁不容易找,應該要有站內搜尋
U04: 像這種比較複雜的網站有chatbot會比較好, 可以提供線索讓我找到想要的服務
目標 👉 提供明確操作指引
在改版後的 Landing Page 裡,我們提供了不同的指引給目標不一樣的人:
- 上方的站內搜尋:針對習慣下關鍵字的人
- 查詢和申辦的卡片:使用者可以依照申辦任務的「功能」進行操作,會用功能區分主要是因為之前有做「人生版」和「功能版」兩種資訊分類的測試比較,結果發現依功能區分比較可以協助使用者快速達到目標(↔️ 用工作 💼、退休 🧓🏻 這類的人生階段會因每個人對服務項目的詮釋不同,而產生點錯類別的情況)
- 右下方的快速連結:將常被使用的服務變成快速連結,以減少用戶找尋的時間
服務呈現
目前的服務都是用選單一層一層 hover 展開的方式呈現,但因為字體小、顏色沒有區隔,會讓用戶覺得它很複雜。另外,我們在做易用性測試時,發現一位65歲的使用者在 hover 時常常遇到困難,滑鼠一不小心移開、找了兩層的清單就不見了
U01: hover過選單後的區域選單會比較複雜一點,要進去第一階、第二階才能點進去
U02: 直覺顏色跟位子是一樣的,完全沒有在看字,從彈出的選項中才看字,很像迷宮,但這完全像是在茫茫大海中找東西的感覺
U04: 文字滿多的,讓我覺得不是那麼想看,如果有圖示化會讓我覺得比較容易去理解,雖然有四個頁籤,但文字太多會有點無法消化
目標 👉 清楚呈現完整服務項目
我們改用卡片和側欄選單的方式,最大化畫面可以利用的空間,同時也讓所有服務項目可以清楚呈現給使用者(在high-fi測試時,我們發現多數使用者都會點選卡片來進行操作,僅有少數是透過側欄,他們說:「卡片很大,點起來很方便!」
申辦服務
現在的申辦流程中,其實對用戶不太友善,因為勞保局秉持「服務民眾」的精神,不管資格符不符合都允許民眾申辦,但是申辦過程中,就只能一直填資料、按下一步,送出之後,大概需要兩週才會得到結果(成功的話,去刷本子會發現津貼有進帳,失敗的話會收到紙本公文)在各階段都缺乏即時的回饋。
U02: 如果有公告清楚(申辦資格)就不會傻傻地先去申請
U02: 如果在申辦東西時,可以加上進度條,讓我知道我還有幾頁才完成,會好奇已經沒有任何的按鈕、步驟了,應該就已經完成了,但沒有任何回饋通知
目標 👉減少錯誤操作,同時在各階段給予明確回饋
為了不讓人申辦完、空等兩週才發現自己根本不符合資格,我們設計了資格檢查的部分在申辦首頁,同時透過「試算」申辦資格的功能去降低民眾誤解資格條文的機會。
同時,申辦過程也用明確的進度條搭配簡單的文字說明,讓用戶可以預期接下來或有什麼操作(不會在按了八次「下一步」而大崩潰 😤
個人專區
部會人員表示,民眾最大的困惑在於不知道自己有哪些保險、更不知道各個保險之間的差異,不過這件事情在舊網站裡,其實只能透過點擊所有的保險項目一個一個進行查詢才會知道 😟
臨櫃人員:不知道自己保什麼的人滿多的,認為自己有工作會被保勞保,結果是被保國民年金
臨櫃人員:民眾通常都會有意外的驚喜「啊!我還有一筆錢可以領」
目標 👉 資訊呈現需要簡單清楚
在個人專區的設計中,我們設計了「我的保險」和「近一年申辦項目」這兩個頁籤,讓登入的人可以很方便的了解到自身的勞保狀態,對於有進行申辦的人來說,也可以清楚知道目前申辦的進度
以上是這次兩個月的 Redesign 中,有特別針對用戶痛點進行設計和迭代的部分,相信還有別的做法可以達到同樣的目標(甚至有更好的效果 🤩),都很歡迎跟我們分享~ 也很謝謝辛苦的研究組員和設計趴尼,你們真的很棒 🥰