雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

監(jiān)控系統(tǒng)界面設(shè)計(jì)原則和過(guò)程,看看業(yè)內(nèi)人士的專(zhuān)業(yè)見(jiàn)解

Time: 2020-01-03


界面設(shè)計(jì)在業(yè)內(nèi)也被稱(chēng)為UI設(shè)計(jì),在目前人工智能迅速發(fā)展的情況下,各種行業(yè)的應(yīng)用軟件都更加重視系統(tǒng)界面設(shè)計(jì),以期獲得更好的人際交互體驗(yàn),從而樹(shù)立產(chǎn)品形象,現(xiàn)在就簡(jiǎn)單談?wù)?a href='http://www.yantaibalizhan.com/sheji/'>監(jiān)控系統(tǒng)界面設(shè)計(jì)的有關(guān)內(nèi)容。

好的界面設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。


  一、監(jiān)控系統(tǒng)界面設(shè)計(jì)流程

  1、確認(rèn)目標(biāo)用戶

  在UI設(shè)計(jì)過(guò)程中,需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶,獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標(biāo)用戶的不同引起的交互設(shè)計(jì)重點(diǎn)的不同。

  2、采集目標(biāo)用戶的習(xí)慣交互方式

  不同類(lèi)型的目標(biāo)用戶有不同的交互習(xí)慣。這種習(xí)慣的交互方式往往來(lái)源于其原有的針對(duì)現(xiàn)實(shí)的交互流程、已有軟件工具的交互流程。

  3、提示和引導(dǎo)用戶

  軟件是用戶的工具。因此應(yīng)該由用戶來(lái)操作和控制軟件。軟件響應(yīng)用戶的動(dòng)作和設(shè)定的規(guī)則。

  4、一致性原則

  a設(shè)計(jì)目標(biāo)一致:軟件中往往存在多個(gè)組成部分(組件、元素)。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。

  b元素外觀一致:交互元素的外觀往往影響用戶的交互效果。同一個(gè)(類(lèi))軟件采用一致風(fēng)格的外觀,對(duì)于保持用戶焦點(diǎn),改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒(méi)有特別統(tǒng)一的衡量方法。因此需要對(duì)目標(biāo)用戶進(jìn)行調(diào)查取得反饋。

  c交互行為一致:在交互模型中,不同類(lèi)型的元素用戶觸發(fā)其對(duì)應(yīng)的行為事件后,其交互行為需要一致。

  5、可用性原則

  首先必須要讓用戶可以理解軟件各元素對(duì)應(yīng)的功能,其次,交互元素對(duì)應(yīng)用戶需要的功能。還有一點(diǎn),軟件的交互流程和功能的執(zhí)行流程,用戶可以控制。如果確實(shí)無(wú)法提供控制,則用能為目標(biāo)用戶理解的方式提示用戶。


1.jpg

(圖片來(lái)自網(wǎng)絡(luò))


  二、監(jiān)控系統(tǒng)界面設(shè)計(jì)注意事項(xiàng)

  1、數(shù)據(jù)的相關(guān)性

  監(jiān)控系統(tǒng)界面設(shè)計(jì)需要將數(shù)據(jù)有層次的、有關(guān)聯(lián)的展現(xiàn)出來(lái)。比如物流運(yùn)輸行業(yè)監(jiān)控的對(duì)象是車(chē),那么圍繞車(chē)的數(shù)據(jù),如車(chē)輛的車(chē)牌號(hào)司機(jī)基本信息、運(yùn)輸配送的業(yè)務(wù)數(shù)據(jù)、該車(chē)輛的軌跡、定位數(shù)據(jù)、該車(chē)輛目的地、起始地的業(yè)務(wù)數(shù)據(jù)和GIS數(shù)據(jù)。進(jìn)而延伸到配送路徑優(yōu)化、業(yè)務(wù)綜合報(bào)表數(shù)據(jù)等更加復(fù)雜的數(shù)據(jù)。

  2、讓用戶操作起來(lái)方便簡(jiǎn)單

  大型物流企業(yè),都是集中監(jiān)控,監(jiān)控工作量很大,沒(méi)有人傻到一個(gè)車(chē)一個(gè)車(chē)的看,只是對(duì)與異常的、自己關(guān)心的對(duì)象,能夠快速的定位到它,并快速的展現(xiàn)數(shù)據(jù)。

  3、智能性

      很多人喜歡將經(jīng)緯度坐標(biāo)顯示在界面上,他也不想想用戶看到經(jīng)緯度坐標(biāo),有什么用。所以需要將數(shù)據(jù)進(jìn)行更深層次的分析、加工、過(guò)濾,減少無(wú)效的數(shù)據(jù),然后在顯示在界面上,才是一個(gè)好的設(shè)計(jì)師要做的。


2.png

(圖片來(lái)自網(wǎng)絡(luò))


  三、建立監(jiān)控系統(tǒng)的一般過(guò)程

  1、定義外部設(shè)備和數(shù)據(jù)庫(kù)

  包括設(shè)備的定義和報(bào)警、變量的定義等。組態(tài)王把那些需要與之交換數(shù)據(jù)的設(shè)備或程序都作為外部設(shè)備。外部設(shè)備包括下位機(jī)(PLC、儀表、模塊、板卡、變頻器等) ,它們一般通過(guò)串行口和上位機(jī)交換數(shù)據(jù);其他Windows應(yīng)用程序,它們之間一般通過(guò)DDE交換數(shù)據(jù):外部設(shè)備還包括網(wǎng)絡(luò)上的其他計(jì)算機(jī)只有在定義了外部設(shè)備之后,組態(tài)王才能通過(guò)10變量和他們交換數(shù)據(jù)。危方便定義外部設(shè)備,組態(tài)王設(shè)計(jì)了設(shè)備配置向?qū)?引導(dǎo)用戶一步步完成設(shè)備的連接。

  2、設(shè)計(jì)圖形界面

  在上位機(jī)上實(shí)現(xiàn)工藝流程圖的實(shí)時(shí)監(jiān)測(cè)、數(shù)據(jù)處理是通過(guò)可編程控制器操作站系統(tǒng)軟件和組態(tài)軟件來(lái)實(shí)現(xiàn)的。組態(tài)軟件主要對(duì)系統(tǒng)的構(gòu)成進(jìn)行定義,定義過(guò)程參數(shù)、趨勢(shì)、流程圖、報(bào)表等。監(jiān)控軟件由各種監(jiān)視界面和操作界面組成,主要包括總貌界面、流程圖界面、趨勢(shì)畫(huà)、報(bào)表管理以及趨勢(shì)打印、報(bào)表生成打印輸出、操作調(diào)整等。

  3、建立動(dòng)畫(huà)連接

  工程人員在組態(tài)王開(kāi)發(fā)系統(tǒng)中制作的界面都是靜態(tài)的,那么它們?nèi)绾尾拍芊从彻I(yè)現(xiàn)場(chǎng)的狀況呢?這就需要通過(guò)實(shí)時(shí)數(shù)據(jù)庫(kù),因?yàn)橹挥袛?shù)據(jù)庫(kù)中的變量才是與現(xiàn)場(chǎng)狀況同步變化的。數(shù)據(jù)庫(kù)變量的變化又如何生成界面的動(dòng)畫(huà)效果呢?通過(guò)電話連接。動(dòng)畫(huà)連接就是建立界面的圖素與數(shù)據(jù)庫(kù)變量的對(duì)應(yīng)關(guān)系。這樣,工業(yè)上場(chǎng)的數(shù)據(jù),當(dāng)它們發(fā)生變化時(shí),通10接口,將引起實(shí)時(shí)數(shù)據(jù)庫(kù)中變量的變化,如果設(shè)計(jì)者曾經(jīng)定義了一個(gè)界面1素,比如指針-與這個(gè)變量相關(guān),我們將會(huì)看到指針在同步偏轉(zhuǎn)。


  關(guān)于監(jiān)控系統(tǒng)界面設(shè)計(jì)的內(nèi)容今天先說(shuō)到這里,后期的文章中還將繼續(xù)和和大家討論,如果你也對(duì)界面設(shè)計(jì)感興趣,或者是從業(yè)人員,歡迎關(guān)注小編,讓我們一起學(xué)習(xí)一起進(jìn)步。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)