HIS ─ 護囑給藥系統
針對護理人員日常操作的兩大關鍵畫面:「護理病患清單」與「護囑給藥紀錄」,進行資訊重組與介面重設。藉由視覺簡化與流程優化,有效提升臨床工作效率,降低操作錯誤風險,打造更貼近實務需求的醫療後台系統。

專案背景
看得懂的給藥時間,看得見的資訊效率
本專案為醫療機構 HIS 的介面優化計畫,聚焦「護理病患清單」與「護囑給藥」兩大核心畫面。原系統因資訊密度高、流程複雜、介面老舊,影響護理人員操作效率與準確性。因此此次改版目標為簡化流程、提升介面清晰度與直覺性,優化臨床工作體驗。
核心理念
資訊可視化提升效率
透過明確圖示、資料分類與色彩設計,協助護理人員快速辨識病患資訊與執行任務。
以使用者流程為中心設計
重構操作順序與功能顯示方式,優化實際工作情境中常見的路徑(如查詢、執行、給藥等)。
挑戰與
解決方案
解決方案
舊有頁面
解決方案
系統功能繁多、資訊密度高
資訊呈現密集且未經分類,此外,系統缺乏整體病房概況的總覽設計
資訊呈現密集且未經分類,此外,系統缺乏整體病房概況的總覽設計
資訊總覽卡片區塊設計
透過圖卡,呈現總病患數、病床使用率、已出院與今日轉出人數,讓醫護一進入頁面即瀏覽當日狀態
透過圖卡,呈現總病患數、病床使用率、已出院與今日轉出人數,讓醫護一進入頁面即瀏覽當日狀態
給藥資訊時間維度難以掌握
原本的列表式時間呈現不利於護理人員迅速判斷「下一次給藥時間」
原本的列表式時間呈現不利於護理人員迅速判斷「下一次給藥時間」
時間軸式給藥排程
改為圓點時間軸呈現,使用色彩與狀態區別給藥狀態,使用者能一眼看出接下來的執行重點
改為圓點時間軸呈現,使用色彩與狀態區別給藥狀態,使用者能一眼看出接下來的執行重點
基於挑戰與解決方案拆解設計方向
面對使用者認知負擔高、資訊密度大與時間壓力等挑戰,我從三個設計方向切入:資訊視覺化、動線清晰化與分類明確化。
每個設計畫面,皆回應一項臨床使用痛點,目標在於提升護理人員對病況掌握速度、減少錯誤與操作壓力。
每個設計畫面,皆回應一項臨床使用痛點,目標在於提升護理人員對病況掌握速度、減少錯誤與操作壓力。
資訊視覺化
以圖像與指標性設計呈現關鍵數據,讓護理人員進入系統後能即時掌握全局狀況
動線清晰化
設計依照護理人員日常操作順序,從總覽、篩選到個別檢視,強化資訊取得與操作直覺性
分類明確化
以分頁標籤清楚區分病患狀態(住院中、出院、今辦明出),降低資訊混淆
核心功能
護理病患清單
以資訊儀表卡一覽當日動態(出院、轉出),讓護理人員一進入系統即掌握全局
.png)
當日動態
病患搜索
核心功能
藥囑確認
以不同顏色劃分按鈕、資訊層級及給藥狀態,時間軸給藥排程讓護理師一眼掌握給藥時間
顯示病人資訊
.png)

Before
After
顏色劃分
不同給藥狀態
不同給藥狀態
時間軸給藥排程
收合病人資訊
.png)
B端C化 豐富視覺體驗
在B端介面設計引入插圖提升頁面趣味性,打破B端介面單調刻板印象

時間軸式給藥排程
圓點時間軸呈現,運用色彩區別給藥狀態,以便迅速判斷下一次給藥時間

看得懂的給藥時間,看得見的資訊效率

crafting the
design system
design system
.png)