博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

圖標設(shè)計 | 交互設(shè)計 | 界面設(shè)計

圖標設(shè)計 | 交互設(shè)計 | 界面設(shè)計

博暉公司擁有強大的自主研發(fā)實力,建立了專業(yè)的研發(fā)團隊,通過不斷的技術(shù)創(chuàng)新,形成了分子診斷、免疫診斷、原子吸收、原子熒光及質(zhì)譜五大技術(shù)平臺,并成功實現(xiàn)了上述技術(shù)平臺產(chǎn)品的產(chǎn)業(yè)化,其中人體微量元素檢測系統(tǒng)在全國7000余家醫(yī)院得到了廣泛應(yīng)用,每年檢測量高達2200萬人次。

公司利用先進的微流控芯片技術(shù)開發(fā)的全自動核酸檢測系統(tǒng),被譽為“芯片上的實驗室”,服務(wù)于廣大醫(yī)療及健康機構(gòu)。此次和藍藍設(shè)計合作,原子吸收光譜儀器上觸摸屏軟件升級改版,難點是針對業(yè)務(wù)使用特點,重新進行用戶體驗,交互方式的優(yōu)化,使邏輯更清晰,使用更方便。

方案一

醫(yī)療檢測軟件交互及界面設(shè)計

根據(jù)行業(yè)背景和儀器色調(diào),方案一整體采用藍綠色和白色為主,即和整體色調(diào)較為一致同時也突出了醫(yī)療行業(yè)的單凈整潔。布局、交互按照溝通的進行設(shè)計,由于該界面是觸屏操作,所以可操作按鈕設(shè)計的偏大些,便于操作。界面最左側(cè)是一排二級菜單,上側(cè)是快捷導(dǎo)航和“調(diào)零”“空燒”“測量”三個較為重要的按鈕。主要內(nèi)容區(qū)的左側(cè)為鉛元素實時曲線、鎘元素實時曲線,右側(cè)為實時數(shù)據(jù)和兩個測量數(shù)據(jù)的表格。儀器的狀態(tài)顯示放在頁面的最下面。

方案二

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

該方案為深色版,醫(yī)療和科技的碰撞。深色版主要突出科技感,同時如果長時間看屏幕,深色有緩解視疲勞的效果。

布局、交互此方案與方案一較為相似,最大的改動是把進樣、測量狀態(tài)的提示放在了導(dǎo)航的右側(cè),把 “調(diào)零”“空燒”“測量”三個按鈕放在實時數(shù)據(jù)的右側(cè)。同時用較為突出的顏色來突出三個按鈕。

方案三

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

該方案以藍白為主,即和logo的顏色較為呼應(yīng),同時也體現(xiàn)了醫(yī)療行業(yè)的 、整潔。該方案的布局、交互和前兩版有較大的改變,首先是左側(cè)的二級菜單當(dāng)選中某一個時三級直接下拉展開,然后菜單的下面是儀器狀態(tài)顯示。右側(cè)用不規(guī)則的藍色漸變做了一個區(qū)域分隔,上側(cè)為快捷導(dǎo)航和“調(diào)零”“空燒”“測量”三個按鈕。右側(cè)把實時數(shù)據(jù)做成卡片突出一下。測樣類型設(shè)置的下面為兩個測量數(shù)據(jù)的表格。

定稿

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計-原型 博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計-原型

客戶經(jīng)過上機測試后,選中了方案二深色版,在初稿基礎(chǔ)上增加了左邊欄收縮,常用功能“新建曲線”等微調(diào)。

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

能量和標準曲線原型

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計-原型 博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計-原型

設(shè)計稿 能量頁面將原來右側(cè)的按鈕調(diào)整到上排,上下分隔為兩個區(qū)域,上下無關(guān)聯(lián)。將數(shù)量變化的下拉菜單改為+-號,并增加自動調(diào)整功按鈕。

博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計
博暉創(chuàng)新原子吸收光譜儀軟件交互及界面設(shè)計

  返回