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

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

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

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

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

    診斷管理頁面

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

    診斷管理原型

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

    三維重建頁面

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

    三維重建原型

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

    頸動(dòng)脈診斷頁面

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

    頸動(dòng)脈診斷原型

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

    其它頁

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

    設(shè)計(jì)過程

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

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

      返回