馬光中醫線上掛號:
https://www.ma-kuang.com.tw/appointment
網站上線,對我們來說很少是終點,比較常是一個中繼站。
上線前,我們靠需求訪談、Wireframe、過去累積的設計經驗,把流程盡量整理好。
但真正被大量使用之後,才會慢慢冒出一些只有實際操作才看得到的問題。例如:哪裡多繞了一步、哪裡每次都在重複做同一件事、哪些資訊系統其實已經知道,卻還要使用者重新輸入一次。
單獨看,這些都不算什麼大改版。但一個一個拿掉之後,整體操作起來的感覺會不一樣。
這次我們重新整理了馬光中醫掛號系統裡的幾個核心功能。
不是重做一套網站,而是沿著原本已經建立好的架構,再往下修一層。
01. 網站上線後,才開始看到真正的使用問題
馬光中醫這次的優化,不是推翻原本的掛號架構。正因為系統已經正式上線、被大量使用,我們才有機會看到一些更細的操作問題。
第一次設計時,我們處理的比較接近系統架構層級的問題:使用者怎麼找分院、怎麼找醫師、怎麼看門診時間,不同院所之間的資訊要怎麼被整理。
進入第二階段後,問題變得更細。使用者已經來過很多次,為什麼每次都還要重新找院所?想換另一間分院,為什麼要先退回去?醫師已經選了兩位,畫面看得出來嗎?網站既然知道我上次在哪裡看診,能不能直接告訴我?
這些單獨看都很小,但都是使用者每天真正會遇到的摩擦。第一次改版處理的是系統怎麼成立,這一次處理的則是使用者怎麼更順地繼續用下去。
02. 醫師篩選器:讓選取狀態更直覺

原本的醫師篩選器接近 checkbox 的呈現方式,功能上沒有問題,但實際用過之後,會發現選取狀態其實可以更清楚一點。
這次把「不限醫師」、單一醫師、多位醫師、以及「已選全部」的狀態,改成更明確的按鈕回饋。
使用者不用再去理解「9/10」這種偏系統邏輯的數字提示。例如:選了哪位醫師、選了幾位、是不是全選,直接看畫面就能判斷。選取和取消的狀態也一併重新整理,減少誤操作的機會。
03. 登入會員後,不必每次重新搜尋院所

這次我自己最喜歡的一個調整,是「經常造訪的院所」。
原本不管是不是會員,進入掛號主頁都得從縣市、行政區、分院一路搜尋一次。但實際的就醫行為通常不是這樣——大部分人都有自己習慣去的院所,尤其是回診或固定看診的使用者,下次回來,八成還是找同一間。
登入會員後,掛號主頁現在會直接顯示經常造訪的院所,使用者不用重新搜尋,就能直接進入線上掛號、看診進度、掛號查詢/取消。這跟單純把搜尋做得更好用,其實是兩個完全不同層次的問題——一個是讓搜尋更快,一個是讓已經來過的人根本不用再搜尋。
04. 會員主頁:把最近一次看診與常用院所留下來

會員系統本身也一起重新整理過。
登入之後,除了原本的個人與家人資料管理,我們把幾個跟「下一次看診」真正相關的資訊放到主頁:最常看診的院所、最近一次看診時間與院所、最近預約,還有網路掛號、看診進度、掛號查詢的入口。如果帳號底下有家人資料,也可以直接切換就診人。
會員中心因此不再只是改姓名、電話、密碼的地方,而是開始記住使用者實際的就醫脈絡——既然使用者已經登入,系統就應該盡量用上已經知道的資訊,別讓下一次操作又從零開始。
05. 切換院所:不要讓使用者為了換分院重新走一次流程

另一個調整比較小,但我覺得很合理,是「切換院所」。
原本使用者進到某一間分院後,如果臨時想看其他院所,得先退出目前畫面再重新搜尋。這在系統邏輯上沒有錯,但對使用者來說,其實就只是「我想換一間看看」而已,不需要因此重走一次搜尋流程。
所以這次在分院主頁直接加了「切換院所」,點開後依北、中、南、東部區域顯示院所,選了就能直接切換。
原本:分院 → 返回 → 搜尋 → 選擇 → 新分院
現在:分院 → 切換院所 → 新分院
好的流程不一定要加新功能,有時候只是把一個沒必要存在的「返回」拿掉。
06. 畫面之外:把操作邏輯整理成可以開發的交接文件

畫面完成只是這次工作的一部分。
這些優化牽涉到不少不同狀態:醫師選一位、選兩位、全部選;會員登入與未登入;有沒有常用院所;分院切換前跟切換後。這些狀態如果沒整理清楚,設計稿看起來對,實際開發時還是容易產生理解落差。
所以這次也把完整的工作交接標示重新整理過一遍——原本問題、修改方向、操作狀態、特殊情境、前後頁面的關係,都寫進工作文件裡。讓後續開發不只是照著畫面做,也知道為什麼要這樣改、每個狀態該怎麼運作。
這種東西放進作品集通常沒有一張漂亮的 Banner 吸睛,但對真正要被開發、測試、長期維護的網站來說,反而是很重要的一塊。
07. 後記:好的系統,是一邊使用、一邊長出來的
我還蠻喜歡這種工作的。不是重做一套很炫的新介面,而是回頭看已經存在的系統,找出哪裡可以少一步、哪裡可以更直覺、哪些系統已經知道的事,不要再讓使用者做一次。
抓問題、整理邏輯、慢慢除錯升級。每做一次這種微調,自己的設計經驗值好像也跟著累積一點。
網站上線不是終點,真正開始被使用之後,設計才進入下一個階段。第一次設計建立的是系統,後面每一次調整,則是讓這個系統慢慢更貼近真正在用它的人。
延伸閱讀:
馬光中醫網站設計完整紀錄|從資訊架構到多院所掛號 UX
體驗優化後的線上掛號:
https://www.ma-kuang.com.tw/appointment
