清影華康以轉化清華大學醫(yī)學院醫(yī)學影像研究中心的科研成果為宗旨,秉承以高級醫(yī)學解決方案服務于臨床醫(yī)生,精準影像診斷方法服務于患者為理念,采用清華大學資深磁共振影像研究團隊的研究成果,推出了高分辨磁共振管壁成像解決方案。在此次合作中,藍藍設計為清影華康軟件提供軟件的交互優(yōu)化和視覺設計。整個設計過程除了首次是見面溝通外,之后都是遠程溝通,可以說是 。整個項目下來藍藍設計在醫(yī)療行業(yè)也有了更深一步的了解,嚴謹認真負責的工作態(tài)度也是非常值得我們學習的。
診斷管理頁面
診斷管理頁面相對其他頁來說交互關系比較復雜,表單里面還套了一個子表,為了更好的區(qū)分兩者,tab的形式、底色和字體大小等等做了明顯的區(qū)分。這部份也是在設計過程中調的較多的地方。左側是一個信息列表的展示,通過下方的按鈕也可進行操作。下方是影像的縮略圖,點擊之后可放大。
診斷管理原型
三維重建頁面
三維重建頁面從用戶的使用習慣上把操作按鈕放到了右側,進行交互上的優(yōu)化,上側的操作按鈕進行統(tǒng)一設計和現(xiàn)有頁面保持風格的統(tǒng)一。左側的操作區(qū)域可收縮,收起來時可更好的展示圖像。
三維重建原型
頸動脈診斷頁面
頸動脈診斷頁面整體布局和三維重建比較相似,最大的區(qū)別是右側的操作區(qū)域,血管分析都為按鍵操作,通過間隔的大小分成三部分。單層切片除了按鍵還有下拉菜單的操作。
頸動脈診斷原型
其它頁
設計過程
這是雙方首次溝通后出的兩個方案,方案以深灰為主,考慮到該軟件是醫(yī)療圖像處理軟件,以深灰為主可以突出要操作的信息,同時上時間操作不會刺眼,緩解視覺壓力。方案二是在方案一的基礎上做了色彩搭配的的調整,為了使整體的色調和
公司logo的顏色更加協(xié)調統(tǒng)一。
客戶反饋這兩方案比較普通,想頁面有科技感一點,同時也給我們提供一些他們認為比較好的設計,我們雙方再次討論后出的第三套方案,客戶也比較認同。