欢乐颂第二季,古风名字

北京慧榮和科技有限公司專注于氣溶膠和吸入毒理科研儀器設(shè)備的研發(fā)和生產(chǎn)，是國家高新技術(shù)企業(yè)。成功的開發(fā)出動物氣體染毒裝置、細胞氣體染毒裝置、吸煙機、放射污染洗消裝置、手術(shù)器械消毒儀、血液消毒儀、等。所開發(fā)儀器廣泛應(yīng)用國防、醫(yī)療、衛(wèi)生、防疫、環(huán)保、教學(xué)、科研等領(lǐng)域。

該軟件由北京慧榮和科技有限公司委托藍藍設(shè)計負責界面視覺優(yōu)化設(shè)計、交互優(yōu)化。藍藍設(shè)計人員通過前期詳細溝通，參考大量的相關(guān)競品，確定好客戶風格和喜好,在交互方面進行一起探討,使操作更加流暢;根據(jù)客戶提供的舊版圖及需求完成其他頁面設(shè)計;后續(xù)積極配合慧榮和相關(guān)開發(fā)人員完成落地工作。

慧榮和單濃度口鼻暴露系統(tǒng)軟件界面視覺設(shè)計UI界面設(shè)計

產(chǎn)品定位

公司研發(fā)的小動物單濃度口鼻暴露系統(tǒng),由口鼻暴露控制系統(tǒng)、稀釋混勻系統(tǒng)、質(zhì)量濃度檢測系統(tǒng)、氣體控制系統(tǒng)、廢氣處理系統(tǒng)、清洗系統(tǒng)等功能模塊組成?？蓹z測染毒進行時間、染毒剩余時間、溫度、濕度、壓差、氧氣濃度、二氧化碳濃度、柜間壓差、氣溶膠濃度、氣溶膠流量、稀釋流量等相關(guān)數(shù)值。

目標用戶

本儀器的目標用戶主要為藥物安全評價領(lǐng)域,化學(xué)品和農(nóng)藥安全評價領(lǐng)域等相關(guān)的從業(yè)人員，對檢測小動物口鼻暴露氣體、液體氣溶膠吸入染毒暴露實驗有需求的中外市場用戶，自動化的檢測方式，對系統(tǒng)的操作易用性有較高要求。

設(shè)計風格

用企業(yè)標志顏色作為主色，相關(guān)鄰色作以輔助，強化重要功能的視覺識別信號，使其設(shè)計穩(wěn)重而不失沉悶，應(yīng)用圓角，漸變的設(shè)計使用戶心里感知更加親和友好，通過多留白的方式來增加頁面的簡潔，提升易讀性，更符合現(xiàn)代感視覺。

藍藍設(shè)計聚焦核心訴求,提升首頁體驗,在框架上我們保留舊版的左側(cè)導(dǎo)航設(shè)計，優(yōu)化上部是相關(guān)操作和顯示,便于保留用戶的操作習慣，降低學(xué)習成本。

在舊版設(shè)計中顏色過于雜亂,無視覺重點,尤其在導(dǎo)航與操作上沒有明確的選中與默認下的層級區(qū)分,信息展示混亂。

我們優(yōu)化左側(cè)導(dǎo)航層級，增強選中的識別度；在染毒與清洗顯示中加入進度條，實時觀測操作進展；儀表盤的信息顯示與報警提示上做了整合,可直觀的觀測正常狀態(tài)與報警狀態(tài),在保留指針走表的基礎(chǔ)上，增加數(shù)字顯示讀表,最大程度增強用戶體驗!

在舊版的界面中,模塊操作混亂,信息分類不明顯，進行實驗操作時比較混亂,相似的功能較多、定義模糊。

針對此問題我們對模板進行層級規(guī)整，將相關(guān)信息進行聚合分類處理，分為實驗記錄模塊，按鈕模塊，以及實驗信息模塊三部分，來清晰的告知用戶對不同模塊功能的認知。

規(guī)整原有位置排列，將報警設(shè)定放于右側(cè)豎向排列,更便于用戶輸入;輸入框用不同的顏色標識來鏈接相關(guān)內(nèi)容與區(qū)分，拆分舊版設(shè)計中的輸入框與名稱合并的內(nèi)容，統(tǒng)一整體視覺規(guī)范，增強輸入易用性。

在舊版界面中沒有統(tǒng)一的左側(cè)導(dǎo)航,需通過返回再到其它頁，降低了操作易用性與交互成本,不同類的按鈕沒有層級區(qū)分,不利于數(shù)據(jù)的篩選查看。

為優(yōu)化用戶體驗,我們把左側(cè)導(dǎo)航整合為一個模塊,以單獨選中的方式來進行篩選,打開文件與導(dǎo)出數(shù)據(jù)作為常用按鈕,通過放大居前來提高操作比重。

簡化曲線與表格的設(shè)計，注重數(shù)據(jù)本身信息的展示，使頁面更加簡潔大方。

采樣控制和液體輸送儀頁面，與其它頁面保持統(tǒng)一的設(shè)計風格，以留白簡潔為主，不同的是按鈕做了立體感的設(shè)計，模擬真實按鍵。

在舊版設(shè)計中沒有明顯的按下按鈕，這里通過明顯的選中狀態(tài)區(qū)別于其它默認狀態(tài)。

數(shù)據(jù)輸入框與其單位拆分放置，使用戶更注意于數(shù)字，避免擾亂視覺，按鍵的排列根據(jù)使用頻率與操作習慣做了重新整理。