產品定位
公司研發的小動物單濃度口鼻暴露系統,由口鼻暴露控制系統、稀釋混勻系統、質量濃度檢測系統、氣體控制系統、廢氣處理系統、清洗系統等功能模塊組成。可檢測染毒進行時間、染毒剩余時間、溫度、濕度、壓差、氧氣濃度、二氧化碳濃度、柜間壓差、氣溶膠濃度、氣溶膠流量、稀釋流量等相關數值。
交互設計 | 視覺設計 | 圖標設計
北京慧榮和科技有限公司專注于氣溶膠和吸入毒理科研儀器設備的研發和生產,是國家高新技術企業。成功的開發出動物氣體染毒裝置、細胞氣體染毒裝置、吸煙機、放射污染洗消裝置、手術器械消毒儀、血液消毒儀、等。所開發儀器廣泛應用國防、醫療、衛生、防疫、環保、教學、科研等領域。
該軟件由北京慧榮和科技有限公司委托藍藍設計負責界面視覺優化設計、交互優化。藍藍設計人員通過前期詳細溝通,參考大量的相關競品,確定好客戶風格和喜好,在交互方面進行一起探討,使操作更加流暢;根據客戶提供的舊版圖及需求完成其他頁面設計;后續積極配合慧榮和相關開發人員完成落地工作。
公司研發的小動物單濃度口鼻暴露系統,由口鼻暴露控制系統、稀釋混勻系統、質量濃度檢測系統、氣體控制系統、廢氣處理系統、清洗系統等功能模塊組成。可檢測染毒進行時間、染毒剩余時間、溫度、濕度、壓差、氧氣濃度、二氧化碳濃度、柜間壓差、氣溶膠濃度、氣溶膠流量、稀釋流量等相關數值。
本儀器的目標用戶主要為藥物安全評價領域,化學品和農藥安全評價領域等相關的從業人員,對檢測小動物口鼻暴露氣體、液體氣溶膠吸入染毒暴露實驗有需求的中外市場用戶,自動化的檢測方式,對系統的操作易用性有較高要求。
用企業標志顏色作為主色,相關鄰色作以輔助,強化重要功能的視覺識別信號,使其設計穩重而不失沉悶,應用圓角,漸變的設計使用戶心里感知更加親和友好,通過多留白的方式來增加頁面的簡潔,提升易讀性,更符合現代感視覺。
藍藍設計聚焦核心訴求,提升首頁體驗,在框架上我們保留舊版的左側導航設計,優化上部是相關操作和顯示,便于保留用戶的操作習慣,降低學習成本。 在舊版設計中顏色過于雜亂,無視覺重點,尤其在導航與操作上沒有明確的選中與默認下的層級區分,信息展示混亂。 我們優化左側導航層級,增強選中的識別度;在染毒與清洗顯示中加入進度條,實時觀測操作進展;儀表盤的信息顯示與報警提示上做了整合,可直觀的觀測正常狀態與報警狀態,在保留指針走表的基礎上,增加數字顯示讀表,最大程度增強用戶體驗!
在舊版的界面中,模塊操作混亂,信息分類不明顯,進行實驗操作時比較混亂,相似的功能較多、定義模糊。 針對此問題我們對模板進行層級規整,將相關信息進行聚合分類處理,分為實驗記錄模塊,按鈕模塊,以及實驗信息模塊三部分,來清晰的告知用戶對不同模塊功能的認知。 規整原有位置排列,將報警設定放于右側豎向排列,更便于用戶輸入;輸入框用不同的顏色標識來鏈接相關內容與區分,拆分舊版設計中的輸入框與名稱合并的內容,統一整體視覺規范,增強輸入易用性。
在舊版界面中沒有統一的左側導航,需通過返回再到其它頁,降低了操作易用性與交互成本,不同類的按鈕沒有層級區分,不利于數據的篩選查看。 為優化用戶體驗,我們把左側導航整合為一個模塊,以單獨選中的方式來進行篩選,打開文件與導出數據作為常用按鈕,通過放大居前來提高操作比重。 簡化曲線與表格的設計,注重數據本身信息的展示,使頁面更加簡潔大方。
采樣控制和液體輸送儀頁面,與其它頁面保持統一的設計風格,以留白簡潔為主,不同的是按鈕做了立體感的設計,模擬真實按鍵。 在舊版設計中沒有明顯的按下按鈕,這里通過明顯的選中狀態區別于其它默認狀態。 數據輸入框與其單位拆分放置,使用戶更注意于數字,避免擾亂視覺,按鍵的排列根據使用頻率與操作習慣做了重新整理。
在舊版的設計操作上是創建/修改/刪除用戶需單獨點開進行操作,降低了用戶修改效率。 我們以同頁切換的方式提高用戶操作效率,刪除多余不必要操作,同時對輸入內容進行優化,最大程度提升用戶體驗。