方案一

根據(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ī)療和科技的碰撞。深色版主要突出科技感，同時(shí)如果長(zhǎng)時(shí)間看屏幕，深色有緩解視疲勞的效果。

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

方案三

該方案以藍(lán)白為主，即和logo的顏色較為呼應(yīng)，同時(shí)也體現(xiàn)了醫(yī)療行業(yè)的 、整潔。該方案的布局、交互和前兩版有較大的改變，首先是左側(cè)的二級(jí)菜單當(dāng)選中某一個(gè)時(shí)三級(jí)直接下拉展開，然后菜單的下面是儀器狀態(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ù)的表格。

定稿

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