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

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

圖標設計 | 交互設計 | 界面設計

圖標設計 | 交互設計 | 界面設計

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

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

方案一

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

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

方案二

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

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

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

方案三

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

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

定稿

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

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

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

能量和標準曲線原型

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

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

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

  返回