最專業(yè)的醫(yī)療設(shè)備,最契合的設(shè)計方案

最專業(yè)的醫(yī)療設(shè)備,最契合的設(shè)計方案

交互優(yōu)化 | 界面設(shè)計

交互優(yōu)化 | 界面設(shè)計

  • 清影華康以轉(zhuǎn)化清華大學(xué)醫(yī)學(xué)院醫(yī)學(xué)影像研究中心的科研成果為宗旨,秉承以高級醫(yī)學(xué)解決方案服務(wù)于臨床醫(yī)生,精準(zhǔn)影像診斷方法服務(wù)于患者為理念,采用清華大學(xué)資深磁共振影像研究團隊的研究成果,推出了高分辨磁共振管壁成像解決方案。在此次合作中,藍藍設(shè)計為清影華康軟件提供軟件的交互優(yōu)化和視覺設(shè)計。整個設(shè)計過程除了首次是見面溝通外,之后都是遠程溝通,可以說是 。整個項目下來藍藍設(shè)計在醫(yī)療行業(yè)也有了更深一步的了解,嚴謹認真負責(zé)的工作態(tài)度也是非常值得我們學(xué)習(xí)的。

    診斷管理頁面

    診斷管理頁面相對其他頁來說交互關(guān)系比較復(fù)雜,表單里面還套了一個子表,為了更好的區(qū)分兩者,tab的形式、底色和字體大小等等做了明顯的區(qū)分。這部份也是在設(shè)計過程中調(diào)的較多的地方。左側(cè)是一個信息列表的展示,通過下方的按鈕也可進行操作。下方是影像的縮略圖,點擊之后可放大。

    診斷管理原型

    電子穩(wěn)像軟件界面設(shè)計-原型
    電子穩(wěn)像軟件界面設(shè)計

    三維重建頁面

    三維重建頁面從用戶的使用習(xí)慣上把操作按鈕放到了右側(cè),進行交互上的優(yōu)化,上側(cè)的操作按鈕進行統(tǒng)一設(shè)計和現(xiàn)有頁面保持風(fēng)格的統(tǒng)一。左側(cè)的操作區(qū)域可收縮,收起來時可更好的展示圖像。

    三維重建原型

    電子穩(wěn)像軟件界面設(shè)計-原型
    電子穩(wěn)像軟件界面設(shè)計

    頸動脈診斷頁面

    頸動脈診斷頁面整體布局和三維重建比較相似,最大的區(qū)別是右側(cè)的操作區(qū)域,血管分析都為按鍵操作,通過間隔的大小分成三部分。單層切片除了按鍵還有下拉菜單的操作。

    頸動脈診斷原型

    電子穩(wěn)像軟件界面設(shè)計-原型
    電子穩(wěn)像軟件界面設(shè)計

    其它頁

    其它頁界面設(shè)計
    其它頁界面設(shè)計

    設(shè)計過程

    這是雙方首次溝通后出的兩個方案,方案以深灰為主,考慮到該軟件是醫(yī)療圖像處理軟件,以深灰為主可以突出要操作的信息,同時上時間操作不會刺眼,緩解視覺壓力。方案二是在方案一的基礎(chǔ)上做了色彩搭配的的調(diào)整,為了使整體的色調(diào)和 公司logo的顏色更加協(xié)調(diào)統(tǒng)一。
    客戶反饋這兩方案比較普通,想頁面有科技感一點,同時也給我們提供一些他們認為比較好的設(shè)計,我們雙方再次討論后出的第三套方案,客戶也比較認同。

    其它頁界面設(shè)計
    其它頁界面設(shè)計

      返回