使用工具|Adobe XD
適用規格|
Mobile​​​​​​​
專案角色|UI/UX
2020年2月~2020年3月

Adobe XD 設計稿連結
一、動機與問題
在幾次陪同親友到臺北榮民總醫院看診時,發現他們推出的這款預約掛號APP,經下載使用一陣子後的新的心得:畫面看起來是比較早期的風格,使用上還算直覺易操作,不過分類零散重要的註冊登入功能的門檻高,造成會員功能對多數人來說不適用,因此使用時必須重複多次輸入個人資料的動作,著實可惜。

改版目的是希望行動掛號APP能更符合便民的美意,生病是每個人都可能發生的狀況,需要使用行動掛號服務時若能提供到位的服務與效率,將會增加醫院與民眾之間的信賴感,使用率也會大幅提升,預期不增加新功能、以原本的功能進行調整,重新規劃動線與介面設計、提升更流暢的體驗。
原版本中首頁「行動掛號」、「排檢查詢」、「預約查詢取消」、「行動繳費」四項功能,每次操作皆須重新填入身份資料才能進入下一步驟,長期使用下來重複操作的過程容易產生倦怠感。
進入「醫師專長」之後子頁面「查詢結果」及「醫師簡介」,「首頁」按鈕在左上角與返回「上一頁」按鈕在右上角,此配置會導致使用者以操作習慣想回到上一頁的時候卻直接跳回首頁。
二、研究與分析
這次以人工的方式採用Android與Ios的APP商店內兩個版本介於2019年8月~2020年2月間的評論來進行分析,Android收集到68則、IOS收集到57則,共計125則評論。

用戶反饋圓餅圖。來源:自行整理

125則評論中1~3顆星數量總和分別佔有三成及五成的比例,兩個系統皆以「程式無反應、閃退」為主要負評來源,共有40則評論此狀況。

此外還有「操作過程複雜」、「動線跳轉問題」也是用戶經常提及的意見。
並採用幾則評論整理出主要問題及期望改進方案如下:
試想了使用者產生想開啟行動掛號app時的需求情境,行動掛號app的目的而言,掛號是最為主要​​​​​​​的功能,且使用者可能會有不只一次的看診需求,考量權重後將「提前掛號」排在高強度的位置,而自身經驗認為在醫院候診時,查詢看診即時進度(或窗口號碼) 的次數,會高於查看或取消個人的掛號資訊的次數,因此將「查詢即時看診進度」與「查看或取消預約」分別列為中度與較弱的需求。
三、資訊架構

重新規劃後主要分為五大主軸:首頁、查詢、掛號、繳費、個人

首頁提供院別選擇與快捷掛號、查詢
查詢看診、各窗口的即時進度查詢 
掛號透過尋找科別與尋找醫師掛號
繳費掃描藥袋上的條碼可查詢和繳費
個人會員功能方便記憶各項預約紀錄

資訊架構圖。來源:自行整理

四、改造使用者介面
原本app設計僅採用首頁主畫面與側邊menu進行功能操作,畫面中可見字級大小不一,「營養園地」內部功能需外連至官方網頁才能操作,且首頁的「轉診資訊」在menu中重複出現。
改版後將醫院資訊置於上方,使用者可以藉由更改分院的動作變更主要院別,同時提供行動掛號與看診查詢兩大快捷服務,開啟app後即可直接點選,底部增加Tab Bar方便使用者快速切換其他分類功能。
原本在看診進度查詢中,科別分類是採用注音分類法 (圖中圈選處) ,右側的一排導覽用注音太小且密集,手指不易點選,且重新選擇時段後,就必須再度由上往下滾動尋找到目標科別。

改版後使用者可以藉由點選母科別,進行展開或收納子科別列表的動作,方便大範圍查找。
進度查詢中顯示跳號進度的頁面,將原版本字級不一的狀況改善,並用卡片的方式整合當前受理狀態與號碼,使視覺感受較為統一。
■進度查詢流程

進度查詢分為看診進度與其他窗口 (領藥、抽血等等類別),皆顯示當前跳號狀況,在看診進度中額外ˋ增加時段的分類。
原本進入行動掛號後分為三個項目:科系、時段與醫生、個人資料
分別選擇完後送初完成掛號。由於沒有資料記憶功能,自己或幫別人掛號很容易,但缺點是每次都要重新填寫完整資料,對於掛號需求頻繁的使用者較為麻煩。
改版後掛號先透過選擇科別或醫生,瀏覽時段後選擇掛號人(可選帳號本人或輸入他人身分證號碼),使用本人帳號即可快速掛號,若是幫助他人掛號的資料並不會記憶,但皆可到個人專區查看或取消。
■掛號流程

行動掛號頁分為尋找科別與尋找醫師兩種方式
1.尋找科別:進入科別列表選擇科別後,顯示日期欄與當日該科別各時段的醫師列表,可左右滑動其他日期,並選定醫師掛號。
2.尋找醫師:在搜尋欄位填入醫師姓氏或全名進行搜索,由搜索結果點入單一醫師的門診時間,一樣顯示日期欄與當日該科別看診時段,選擇時段後進行掛號。
原版行動繳費分為輸入個人資料或掃描繳費單的兩種方式,改版後只留下掃描功能,並將按鈕改至下方接近手部的位置方便點擊,在掃描畫面中增加輔助說明。
原版登入功能置於側邊menu中,使用者較不易發現;且點進「了解如何加入會員」後,會發現註冊會員資格具有身份及設備限制,導致門檻過高。在app功能不需會員就能使用的情況下,此功能顯得可有可無。
將會員調整為個人專區後,可以直接透過手機註冊、記憶個人預約及病歷資料。
舊版登入畫面物件置左,間距也顯得擁擠,改版後將登入會員提示置於較為醒目的上方,調整間距平衡並將按鈕拉寬置中,列出註冊同意事項的大綱,點擊可下滑展開完整內容。
■個人專區

改版後保留部分原版app功能,預想使用者在第一次安裝後開啟app會跳出登入提示,若未登入個人專區則呈現訪客模式,以手機註冊登入後即可使用個人專區服務。


預約查詢:除了可以查詢本人帳號預約紀錄外,為了讓使用者也能幫家屬查詢掛號狀態,保留了能夠查詢他人預約紀錄的功能
排檢查詢:各項健檢時程查詢
病歷紀錄:診斷病歷紀錄
用藥提醒:掃描藥袋條碼,設定作息時間安排用藥提醒
手術全期進度:患者手術完整進度時程
五、結語

目前的臺北榮總行動掛號APP並不常更新,雖然符合部分使用者的期待,但大醫院取向的便民服務理應更加友善。這次練習獨立製作APP redesign從民眾的需求點著手,對UI/UX研究流程的印象也更深入了,沒有一項產品是能一次到位的,經過多次修改迭代才能使成品更加完善。也期許未來行動掛號服務能更貼近使用者需求。

Back to Top