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

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

圖標(biāo)設(shè)計(jì) | 交互設(shè)計(jì) | 界面設(shè)計(jì)

圖標(biāo)設(shè)計(jì) | 交互設(shè)計(jì) | 界面設(shè)計(jì)

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

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

方案一

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

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

方案二

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

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

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

方案三

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

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

定稿

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

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

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

能量和標(biāo)準(zhǔn)曲線原型

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

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

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

  返回