HIS ─ 護囑給藥系統

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

PROJECT DETAILS
TIMELINE
Mar. - Mar. 2025  3weeks
ROLE
UIUX Designer
MEMBER
UIUX x1
his主視圖
專案背景
看得懂的給藥時間,看得見的資訊效率

本專案為醫療機構 HIS 的介面優化計畫,聚焦「護理病患清單」與「護囑給藥」兩大核心畫面。原系統因資訊密度高、流程複雜、介面老舊,影響護理人員操作效率與準確性。因此此次改版目標為簡化流程、提升介面清晰度與直覺性,優化臨床工作體驗。

核心理念
資訊可視化提升效率

透過明確圖示、資料分類與色彩設計,協助護理人員快速辨識病患資訊與執行任務。

以使用者流程為中心設計

重構操作順序與功能顯示方式,優化實際工作情境中常見的路徑(如查詢、執行、給藥等)。

挑戰與
解決方案
舊有頁面
解決方案
系統功能繁多、資訊密度高
資訊呈現密集且未經分類,此外,系統缺乏整體病房概況的總覽設計
資訊總覽卡片區塊設計
透過圖卡,呈現總病患數、病床使用率、已出院與今日轉出人數,讓醫護一進入頁面即瀏覽當日狀態
給藥資訊時間維度難以掌握
原本的列表式時間呈現不利於護理人員迅速判斷「下一次給藥時間」
時間軸式給藥排程
改為圓點時間軸呈現,使用色彩與狀態區別給藥狀態,使用者能一眼看出接下來的執行重點
基於挑戰與解決方案拆解設計方向
面對使用者認知負擔高、資訊密度大與時間壓力等挑戰,我從三個設計方向切入:資訊視覺化、動線清晰化與分類明確化。
每個設計畫面,皆回應一項臨床使用痛點,目標在於提升護理人員對病況掌握速度、減少錯誤與操作壓力。
資訊視覺化
以圖像與指標性設計呈現關鍵數據,讓護理人員進入系統後能即時掌握全局狀況
動線清晰化
設計依照護理人員日常操作順序,從總覽、篩選到個別檢視,強化資訊取得與操作直覺性
分類明確化
以分頁標籤清楚區分病患狀態(住院中、出院、今辦明出),降低資訊混淆
核心功能
護理病患清單
以資訊儀表卡一覽當日動態(出院、轉出),讓護理人員一進入系統即掌握全局
護理病患清單介面
當日動態
病患搜索
核心功能
藥囑確認
以不同顏色劃分按鈕、資訊層級及給藥狀態,時間軸給藥排程讓護理師一眼掌握給藥時間
顯示病人資訊
before介面圖藥囑_顯示病人資訊介面
arrow icon
Before
After
顏色劃分
不同給藥狀態
時間軸給藥排程
收合病人資訊
藥囑_收合病人資訊介面
B端C化 豐富視覺體驗
在B端介面設計引入插圖提升頁面趣味性,打破B端介面單調刻板印象
b端介面示意
時間軸式給藥排程
圓點時間軸呈現,運用色彩區別給藥狀態,以便迅速判斷下一次給藥時間
時間軸給藥介面
看得懂的給藥時間,看得見的資訊效率
his主視圖
crafting the
design system
his design system