數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

數(shù)碼視訊全稱北京數(shù)碼視訊科技股份有限公司。公司主要從事數(shù)字電視軟硬件產(chǎn)品的研發(fā)、生產(chǎn)、銷售和技術(shù)服務(wù)業(yè)務(wù),是國內(nèi)領(lǐng)先的數(shù)字電視軟件及系統(tǒng)提供商、數(shù)字電視整體解決方案提供商。公司主要產(chǎn)品包括數(shù)字電視條件接收系統(tǒng)(CA 系統(tǒng))、數(shù)字電視前端設(shè)備等。

EMR 4.0?系統(tǒng)是基于硬件設(shè)備的管理系統(tǒng),主要功能有板卡設(shè)備管理,參數(shù)設(shè)置,報警記錄,系統(tǒng)備份,系統(tǒng)加擾等。藍(lán)藍(lán)設(shè)計本次負(fù)責(zé)系統(tǒng)設(shè)置,系統(tǒng)備份模塊的視覺優(yōu)化設(shè)計及圖標(biāo)設(shè)計。

全局化的設(shè)計

EMR是設(shè)備管理系統(tǒng),因此,用戶對于系統(tǒng)操作的流暢度,便捷度的要求高于視覺要求,我們設(shè)計時充分考慮到這一點,并在保證視覺效果基礎(chǔ)上充分優(yōu)化操作路徑。

由于系統(tǒng)功能較多,菜單層級較多,菜單導(dǎo)航層級區(qū)分是否合理,菜單布局方式是否能夠滿足使用戶“操作步驟最少,使用最 ”的要求是此次流程優(yōu)化成功與否的關(guān)鍵。我們在進(jìn)行充分溝通后,采用了頂部一級菜單導(dǎo)航,內(nèi)容區(qū)左側(cè)二級,三級菜單導(dǎo)航樣式。由于系統(tǒng)功能較為復(fù)雜,操作員在操作過程中大多數(shù)時間實在某一一級菜單內(nèi)部操作,一級菜單切換頻率相比二三級菜單切換頻率低,我們采用這種方式可以著重突出二,三級菜單,貼合用戶使用場景,優(yōu)化操作流程。

內(nèi)容區(qū)域方面,我們采用模塊化設(shè)計,將主要功能放置于視覺熱區(qū)中,減少用戶尋找重要內(nèi)容時間,提升用戶操作效率。

淺色配色使辦公更穩(wěn)定

界面頭部采用深藍(lán)色設(shè)計,內(nèi)容區(qū)域采用淺灰色和白色配色。顏色的深淺搭配會產(chǎn)生較強(qiáng)的對比感,頭部小區(qū)域采用深藍(lán)色配色,一來可以增加頁面的對比感覺,使頭部一級導(dǎo)航區(qū)域更突出;二來,可以與“內(nèi)容生產(chǎn)系統(tǒng)”產(chǎn)生關(guān)聯(lián),保留了同產(chǎn)品系列的基因,利于形成同一產(chǎn)品系列。效率。

內(nèi)容區(qū)域采用淺色配色,研究表明,淺色底色相比深色配色更利于人眼長時間閱讀。深色配色雖然有較強(qiáng)的代入感,但是長時間閱讀會產(chǎn)生疲勞感,不利于長時間辦公。由于產(chǎn)品是管理型界面,需要長時間盯著屏幕辦公,而淺色底色在長時間閱讀中可以減少視覺疲勞。

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計沉穩(wěn)大氣的界面配色布局

其他頁面展示

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計登錄頁面

登錄頁面

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計板卡頁面

板卡頁面

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計復(fù)用頁面

復(fù)用頁面

數(shù)碼視訊EMR 4.0系統(tǒng)界面設(shè)計部分圖標(biāo)展示

部分圖標(biāo)展示

  返回