上篇文章講到設計手術室護士績效 移動端界面時,通過卡片式布局分塊展示信息,采用直觀圖標輔助操作,明確班次時間細節(jié),并自動結合手術難度、加班情況計算績效分,同時允許特殊情況下的手動調整,確保護士使用流暢且操作便捷。
本次講一下交接班版塊樣式改版的思考過程,初版的交接班界面設計,盡管嘗試通過區(qū)塊劃分清晰展示信息,但其背景色過深、分割過于突兀,導致整體視覺效果略顯沉重,畫面不太和諧。特別是在高度緊張的手術環(huán)境中,這樣的設計可能給護士帶來額外的認知負擔。
改版后思路和效果展示:
1.色彩調整: 首先,將標題背景色改為白色,白色背景減少了視覺疲勞和沖擊,讓護士能更快地聚焦于關鍵信息。
2.信息架構: 圖標與文字的結合,板塊標題以簡潔直觀的圖標開頭,配以精煉的文字說明,確保用戶一目了然。
3.視覺分割: 對于存在交接班的情況,摒棄了原先的硬性分割線,轉而采用淺灰色細線在標題下方,既保持了板塊間的區(qū)分度,又避免了視覺上的割裂感,使得整個界面看起來更為流暢和諧。
為了進一步增強信息的可讀性和區(qū)分度,用了高亮顏色來標記交接班信息中的關鍵角色——交接人與被交接人。通過這種高對比度的顏色區(qū)分,即使在快速掃視屏幕的情況下,醫(yī)護人員也能立即辨認出誰是當前交接人與被交接人信息。這種設計不僅提升了界面的易用性,還有效減少了因信息混淆可能導致的操作失誤,確保交接過程的準確無誤。
上一篇: 手術室護士績效模塊移動端視覺設計
下一篇: 患者交接移動端原型設計思路分享