復(fù)雜界面輔助設(shè)計(jì)軟件的設(shè)計(jì)方法

戴玉祺　薛澄岐

摘要：當(dāng)今，信息設(shè)備多數(shù)為信息智能化數(shù)字設(shè)備，信息化設(shè)備的顯控界面為人機(jī)數(shù)字界面。近幾年大數(shù)據(jù)的興起，信息界面呈現(xiàn)的數(shù)字信息越來(lái)越復(fù)雜且繁多，合理且高效地設(shè)計(jì)一款復(fù)雜信息系統(tǒng)界面越來(lái)越困難。文章的研究目的是探索復(fù)雜信息系統(tǒng)界面的特征，從事復(fù)雜信息系統(tǒng)界面設(shè)計(jì)的設(shè)計(jì)人員的需求，以及現(xiàn)有界面輔助設(shè)計(jì)軟件的特點(diǎn)，從設(shè)計(jì)角度提出復(fù)雜界面輔助設(shè)計(jì)軟件的設(shè)計(jì)方法，為界面輔助設(shè)計(jì)軟件的優(yōu)化開發(fā)提供一定的指導(dǎo)意義。

關(guān)鍵詞：復(fù)雜信息系統(tǒng)界面 界面輔助設(shè)計(jì)軟件 設(shè)計(jì)方法

引言

隨著當(dāng)今互聯(lián)網(wǎng)產(chǎn)業(yè)和數(shù)字信息智能化技術(shù)的快速發(fā)展，信息設(shè)備中的操作系統(tǒng)信息界面也隨著信息化時(shí)代的推進(jìn)而日益更新，信息系統(tǒng)界面往往包含了大量的動(dòng)態(tài)可視化數(shù)據(jù)、態(tài)勢(shì)感知趨勢(shì)以及綜合指標(biāo)參數(shù)等。在很多復(fù)雜信息系統(tǒng)中，傳統(tǒng)的顯控界面或者較為簡(jiǎn)化單一的人機(jī)數(shù)字信息界面都已經(jīng)發(fā)展為復(fù)雜信息數(shù)字界面。所謂的復(fù)雜信息系統(tǒng)界面，與常見的人機(jī)數(shù)字界面相比，界面層級(jí)布局多、信息傳遞量大、人機(jī)交互模式復(fù)雜、數(shù)據(jù)態(tài)勢(shì)感知冗余量多。這樣的界面已經(jīng)被廣泛地運(yùn)用，運(yùn)用的領(lǐng)域主要是一些軍事、醫(yī)療、智能化科技等科技信息含量高的領(lǐng)域，而且都是在一些比較復(fù)雜的人機(jī)交互系統(tǒng)和環(huán)境中。復(fù)雜信息系統(tǒng)界面的信息容量大、信息架構(gòu)復(fù)雜、信息層級(jí)繁多，在人機(jī)信息交互過程中有著舉足輕重的地位。

人機(jī)交互界面，即人和機(jī)器之間進(jìn)行信息的傳遞和交換的界面，簡(jiǎn)稱UI，其中包含硬件界面和軟件界面，是計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。相比于現(xiàn)有的人機(jī)信息交互界面，雖然復(fù)雜信息系統(tǒng)界面在軍事、醫(yī)療等領(lǐng)域已經(jīng)開始應(yīng)用，但是其普及程度并不是很高?？墒请S著信息智能化技術(shù)的日益發(fā)展，人機(jī)交互數(shù)字界面有著明顯朝復(fù)雜信息系統(tǒng)界面發(fā)展的趨勢(shì)。然而界面輔助設(shè)計(jì)軟件，直接影響到復(fù)雜信息系統(tǒng)界面的設(shè)計(jì)流程，以及設(shè)計(jì)出界面的模塊布局、功能實(shí)現(xiàn)、信息架構(gòu)、交互模式等一系列的因素。

現(xiàn)有的界面輔助設(shè)計(jì)軟件能否滿足復(fù)雜信息系統(tǒng)界面的設(shè)計(jì)需求，以及如何設(shè)計(jì)一款適用于復(fù)雜信息系統(tǒng)界面的界面輔助設(shè)計(jì)軟件，文章將著重對(duì)此進(jìn)行研究論述。

二、復(fù)雜信息系統(tǒng)界面的特征

復(fù)雜信息系統(tǒng)界面是人機(jī)交互信息系統(tǒng)界面隨著信息化時(shí)代發(fā)展而演變出的一個(gè)分支，不像現(xiàn)在人機(jī)交互界面信息單一、簡(jiǎn)化，是對(duì)人機(jī)交互界面的升級(jí)更新。其主要是應(yīng)用于比較復(fù)雜且大型的人機(jī)交互環(huán)境，例如深海船艦的操作系統(tǒng)界面、醫(yī)療系統(tǒng)監(jiān)控操作界面。而且復(fù)雜信息系統(tǒng)界面還包含了多個(gè)層級(jí)，內(nèi)部還涵蓋了不同層級(jí)的子系統(tǒng)，主要是設(shè)計(jì)于執(zhí)行大規(guī)模操作的功能任務(wù)。復(fù)雜信息系統(tǒng)界面的信息傳遞方式為多通道感知模式傳遞，信息量相比于一般的人機(jī)交互界面要大，而且信息架構(gòu)相比而言比較復(fù)雜。它的信息內(nèi)容一般包含了多個(gè)維度、操作流程、模塊功能和任務(wù)；在信息傳遞方面，信息架構(gòu)的復(fù)雜性在于復(fù)雜信息系統(tǒng)界面的子系統(tǒng)層級(jí)的復(fù)雜性，和不同感知通道的來(lái)源渠道的多樣性；在人機(jī)信息交互方面，界面所傳遞的多通道信息在人機(jī)的視覺編碼、接收、解碼中的復(fù)雜交互，也是復(fù)雜信息系統(tǒng)界面與人機(jī)交互界面的顯著區(qū)別（圖1）。

由于復(fù)雜信息系統(tǒng)界面的復(fù)雜性，現(xiàn)有的界面輔助設(shè)計(jì)軟件并不能完全適用于設(shè)計(jì)復(fù)雜信息系統(tǒng)的界面?，F(xiàn)有的主流界面輔助設(shè)計(jì)軟件例如Adobe Photoshop、Adobe Illustrator和Axure RP等一系列界面輔助設(shè)計(jì)軟件，都被開發(fā)用于商用系統(tǒng)、智能生活系統(tǒng)、娛樂操作系統(tǒng)等界面的設(shè)計(jì)。然而針對(duì)復(fù)雜信息系統(tǒng)界面，卻缺乏一款適用于設(shè)計(jì)信息量大、信息維度多、態(tài)勢(shì)感知趨勢(shì)復(fù)雜的界面的輔助設(shè)計(jì)軟件。

界面輔助設(shè)計(jì)軟件屬于計(jì)算機(jī)的應(yīng)用軟件，計(jì)算機(jī)應(yīng)用軟件主要是被開發(fā)用于輔助人們的工作，以實(shí)現(xiàn)提高工作人員的工作效率、減少工作^員的工作壓力，并且最重要的是優(yōu)化了設(shè)計(jì)人員的工作流程和最終的工作成果，同時(shí)也豐富了人們對(duì)計(jì)算機(jī)的使用。一個(gè)優(yōu)秀的界面輔助設(shè)計(jì)軟件對(duì)于設(shè)計(jì)復(fù)雜信息系統(tǒng)界面有著至關(guān)重要的作用，一定程度上也能推動(dòng)復(fù)雜信息系統(tǒng)界面的演變和發(fā)展，所以開發(fā)出一款專門用于設(shè)計(jì)復(fù)雜信息系統(tǒng)界面的界面輔助設(shè)計(jì)軟件是十分必要的。

三、界面輔助設(shè)計(jì)軟件的需求分析

無(wú)論是開發(fā)一款軟件，還是設(shè)計(jì)一件產(chǎn)品，在項(xiàng)目的開始作為設(shè)計(jì)人員首先要做的就是需求分析，確定了該軟件的需求就是確定了設(shè)計(jì)方向。需求分析作為前期的調(diào)研工作，對(duì)整個(gè)項(xiàng)目的開展起到了至關(guān)重要的作用，在當(dāng)今“以用戶為中心”的設(shè)計(jì)概念下，我們要時(shí)刻關(guān)注用戶在設(shè)計(jì)流程所遇到的困難以及不便之處，這樣才能更好地開發(fā)出一款得心應(yīng)手的界面輔助設(shè)計(jì)軟件。一旦需求分析沒有探索到用戶真正的痛點(diǎn)，最終開發(fā)設(shè)計(jì)的產(chǎn)品將無(wú)法達(dá)到預(yù)期的效果，沒有滿足用戶的需求，產(chǎn)品的存在便失去了意義。

何謂軟件需求分析，以界面輔助設(shè)計(jì)軟件為例，文章基于的設(shè)計(jì)對(duì)象是復(fù)雜信息系統(tǒng)界面，根據(jù)之前分析的特征，界面輔助設(shè)計(jì)軟件需要對(duì)應(yīng)具備基礎(chǔ)功能有：圖形繪制、排版布局、智能輔助、配色功能、素材庫(kù)等。雖然現(xiàn)有的主流界面輔助設(shè)計(jì)軟件都具備這些基礎(chǔ)功能，但是本系的設(shè)計(jì)人員在從事復(fù)雜信息系統(tǒng)界面的設(shè)計(jì)過程中，還是感到一些不便之處。例如，復(fù)雜信息系統(tǒng)界面的圖標(biāo)元素與常見的圖標(biāo)元素不一樣，而且涵蓋的語(yǔ)義不易理解，專業(yè)性較強(qiáng)，基礎(chǔ)的元素都需要重新設(shè)計(jì)繪制，這樣大大增加了設(shè)計(jì)人員的工作量。還有，復(fù)雜信息系統(tǒng)界面的排版與常見的操作系統(tǒng)排版相比，稍微混亂，但是對(duì)于其使用者來(lái)說，每一個(gè)模塊都有其至關(guān)重要的作用和功能，排版的設(shè)計(jì)都有其意義所在?；趶?fù)雜信息系統(tǒng)界面的特征，界面輔助設(shè)計(jì)軟件的功能都需要進(jìn)行相應(yīng)的升級(jí)優(yōu)化（如圖2、圖3、圖4）。

基于復(fù)雜信息系統(tǒng)界面的特征，作者針對(duì)本系從事過復(fù)雜信息系統(tǒng)界面的設(shè)計(jì)人員，進(jìn)行了問卷調(diào)查和訪談分析。該調(diào)查問卷的設(shè)計(jì)目的是了解設(shè)計(jì)人員常用的界面輔助設(shè)計(jì)軟件，設(shè)計(jì)人員的主要設(shè)計(jì)工作，深入挖掘界面輔助設(shè)計(jì)軟件具體功能的特點(diǎn)。然后進(jìn)行一對(duì)一的訪談，建立設(shè)計(jì)人員的人物模型，細(xì)化界面輔助設(shè)計(jì)軟件功能的優(yōu)缺點(diǎn)，為之后的界面輔助設(shè)計(jì)軟件的設(shè)計(jì)開發(fā)提供一定的指導(dǎo)方向。（如圖5）為需求分析調(diào)查問卷。endprint

四、設(shè)計(jì)人員的訪談分析

基于設(shè)計(jì)人員調(diào)查問卷的結(jié)果，針對(duì)具體的設(shè)計(jì)人員進(jìn)行一對(duì)一的訪談，可以了解本系設(shè)計(jì)人員在具體設(shè)計(jì)復(fù)雜信息系統(tǒng)界面過程中遇到的問題與不便，同時(shí)也能了解現(xiàn)有界面輔助設(shè)計(jì)軟件的優(yōu)缺點(diǎn)，具體的訪談分析結(jié)果（如表1）所示。

五、基于需求分析的設(shè)計(jì)方法

界面輔助設(shè)計(jì)軟件從需求分析，建立需求文檔，到原型開發(fā)，UI設(shè)計(jì)，接著編碼，測(cè)試，最后實(shí)施?；诰幋a前面的設(shè)計(jì)步驟，是界面設(shè)計(jì)師貫穿始終的，同時(shí)所有的一切設(shè)計(jì)流程都是基于需求分析的結(jié)果。之前所做的需求分析，就是根據(jù)對(duì)從事過復(fù)雜信息系統(tǒng)界面設(shè)計(jì)的人員的問卷調(diào)查和訪談，決定了這款界面輔助設(shè)計(jì)軟件的具體功能。針對(duì)復(fù)雜信息系統(tǒng)界面，在現(xiàn)有的界面輔助設(shè)計(jì)軟件的基礎(chǔ)上，確定了優(yōu)化方向，針對(duì)某些功能的不足，做具體的優(yōu)化設(shè)計(jì)。

首先要做的是原型開發(fā)設(shè)計(jì)，基于設(shè)計(jì)人員的需求分析，將整個(gè)軟件細(xì)分為幾個(gè)功能模塊，確定整體的框架，設(shè)計(jì)低保真的方案圖，同時(shí)可借鑒主流界面輔助設(shè)計(jì)軟件的優(yōu)點(diǎn)，例如Photoshop切圖功能好，有多個(gè)圖層，Illustrator排版功能好。這樣細(xì)化了軟件的具體功能，明確了軟件的設(shè)計(jì)方向，為UI設(shè)計(jì)做了鋪墊。

接著是UI設(shè)計(jì)，確定設(shè)計(jì)軟件的視覺風(fēng)格和交互方式。針對(duì)復(fù)雜信息系統(tǒng)界面這個(gè)設(shè)計(jì)對(duì)象，要考慮設(shè)計(jì)人員的設(shè)計(jì)場(chǎng)景，尤其是素材庫(kù)和顏色庫(kù)，復(fù)雜信息系統(tǒng)界面中的元素與常見系統(tǒng)的元素都不一樣，有其特殊的語(yǔ)義性，都需要重新設(shè)計(jì)?？梢栽诂F(xiàn)有的界面輔助設(shè)計(jì)軟件的基礎(chǔ)功能之上，添加必要的交互功能，如智能輔助排版，色系匹配。

在設(shè)計(jì)過程中，著重考慮以下幾點(diǎn)：

（一）從人機(jī)工程學(xué)角度，探索用戶的行為模式，模擬用戶如何具體操作，將細(xì)化的功能模塊與設(shè)計(jì)步驟一一對(duì)應(yīng)起來(lái)；

（二）分析每個(gè)功能模塊的關(guān)鍵元素，將其提煉出來(lái)，設(shè)計(jì)出基本的信息架構(gòu)；

（三）結(jié)合每個(gè)模塊的關(guān)鍵元素和要實(shí)現(xiàn)的功能，搭建出整個(gè)軟件的基本框架，以功能為導(dǎo)向，元素為基點(diǎn)，實(shí)現(xiàn)整體的活動(dòng)框圖；

（四）當(dāng)界面輔助設(shè)計(jì)軟件的功能一一實(shí)現(xiàn)設(shè)計(jì)復(fù)雜信息系統(tǒng)界面的每一個(gè)步驟，基本的軟件雛形就完成了，接下來(lái)是細(xì)節(jié)優(yōu)化，配色選定等；

（五）最終即交給后端開發(fā)人員進(jìn)行編碼開發(fā)。

總結(jié)

復(fù)雜信息系統(tǒng)界面是未來(lái)人機(jī)數(shù)字化交互界面的發(fā)展趨勢(shì)，信息界面設(shè)計(jì)的合理性、交互性、適用性和安全性關(guān)系到信息架構(gòu)、信息容量傳遞的效率和速率。文章對(duì)復(fù)雜信息系統(tǒng)界面和界面輔助設(shè)計(jì)軟件進(jìn)行了深入研究，分析復(fù)雜信息系統(tǒng)界面的特征以及現(xiàn)有界面輔助設(shè)計(jì)軟件的特點(diǎn)，基于需求分析提出一種界面輔助設(shè)計(jì)軟件的設(shè)計(jì)方法，對(duì)界面輔助設(shè)計(jì)軟件的研究有一定指導(dǎo)意義。endprint