真空輔助乳腺活檢與旋切系統界面設計

真空輔助乳腺活檢與旋切系統界面設計

交互設計 | 視覺(jué)設計 | 開(kāi)機動(dòng)畫(huà)

交互設計 | 視覺(jué)設計 | 開(kāi)機動(dòng)畫(huà)

德邁特醫療成立于2007年,是一家專(zhuān)注于腫瘤微創(chuàng )介入診療領(lǐng)域的中外合資企業(yè)。德邁特以“研發(fā)、制造、營(yíng)銷(xiāo)高品質(zhì)醫療產(chǎn)品”為企業(yè)使命,運用創(chuàng )新科技,不斷實(shí)現跨越式發(fā)展。作為中國穿刺活檢領(lǐng)域的領(lǐng)導品牌,相繼推出數十款高品質(zhì)醫療產(chǎn)品,其中,經(jīng)皮穿刺活檢系列產(chǎn)品在國內銷(xiāo)售額居于領(lǐng)先地位。

藍藍設計負責真空輔助乳腺活檢與旋切系統的界面整體風(fēng)格和界面設計工作,也包括圖標設計等諸多視覺(jué)內容。前期雙方通過(guò)不斷溝通和深入了解最終確定了頁(yè)面的風(fēng)格樣式(藍藍設計提供了三種方案供客戶(hù)選擇,對不同風(fēng)格進(jìn)行了設計嘗試),后續頁(yè)面在雙方的溝通交流下也得以順利完成。

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計 產(chǎn)品定位

真空輔助乳腺活檢與旋切系統是德邁特醫療的重要產(chǎn)品,樣本可以設置旋切范圍與角度,提供60°、180° 、240° 、360°四種自動(dòng)旋切模式,全/半刀槽模式有多種選擇:根據病灶的位置、大小選擇,安全微創(chuàng )。

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計 目標用戶(hù)

該產(chǎn)品臨床適用于乳腺部位,可提供乳腺活檢與旋切服務(wù)。因此主要面向有此外需求的個(gè)人和機構。

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計 設計風(fēng)格

整體風(fēng)格為深色風(fēng)格,采用卡片樣式的布局,操作區域板塊之間界限分明,按鈕層級清晰,合適的間距,圖標大小防止界面的誤操作,增強易用性。顯示區與操作區劃分明確。

推敲設計方案

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計-藍藍設計

方案一
整體風(fēng)格為深色風(fēng)格,深色背景可以使文字、圖標等元素更加醒目,提高用戶(hù)閱讀體驗和交互效果。

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計-藍藍設計

方案二
整體風(fēng)格為深色風(fēng)格,提示/選中按鈕提取的logo顏色并提升明度,既突出了品牌意識,也表現了層級關(guān)系,增強了整體的視覺(jué)效果。

助力德邁特真空輔助乳腺活檢與旋切系統UIUE設計-藍藍設計

方案三
整體風(fēng)格為淺色風(fēng)格,淺色調能夠傳達出一種清新、簡(jiǎn)潔的感覺(jué),藍色能夠傳達出醫療產(chǎn)品的調性。

定稿設計方案

原型圖

主界面(終版)

1. 采用卡片樣式的布局

操作區域板塊之間界限分明,按鈕層級清晰,合適的間距,圖標大小防止界面的誤操作,增強易用性。

2. 顯示區與操作區劃分明確

采樣計數、負壓指示作為純顯示區域,放左邊,符合用戶(hù)從左到右的閱讀習慣。 提示、儀器和儀器驅動(dòng)器指示關(guān)聯(lián)性更強,作為整體放在右上方。 模式選擇和設置區域作為操作區域,放在右下方,符合人們的右手操作習慣。

原型圖

原型圖

用戶(hù)設置界面(終版)

用戶(hù)設置界面交互

1.頁(yè)簽切換可以讓用戶(hù)更快速地切換不同的功能頁(yè)面,提高了用戶(hù)的操作效率和體驗。 2. 可以節省界面空間,使得界面更加簡(jiǎn)潔、清晰。 3. 可以為用戶(hù)提供不同的功能選擇,滿(mǎn)足不同的需求。

用戶(hù)設置界面(原型)

其它部分界面展示

  返回