1.2.6　界面設(shè)計(jì)

軟件界面就是用戶(hù)可以在電子設(shè)備的終端（如顯示器、PAD、手機(jī)等）上看到、聽(tīng)到，甚至摸到的內(nèi)容。用戶(hù)可以通過(guò)界面錄入信息，也可以通過(guò)界面獲得信息，還可以通過(guò)界面把自己的要求提供給軟件系統(tǒng)，界面是人與軟件系統(tǒng)交互的通道。最常見(jiàn)的軟件界面包括軟件的窗口或網(wǎng)頁(yè)。另外需要注意的是，有些不常看到的信息也是界面不可或缺的組成部分，如對(duì)話(huà)確認(rèn)框、提醒消息、出錯(cuò)提示、日志信息等。所謂界面設(shè)計(jì)，就是設(shè)計(jì)系統(tǒng)通過(guò)什么方式接收用戶(hù)輸入的信息、發(fā)送的指令，通過(guò)什么方式將處理過(guò)程與處理結(jié)果反饋到輸出設(shè)備上。好的軟件界面以人為本，不會(huì)讓用戶(hù)難以學(xué)習(xí)，不會(huì)讓用戶(hù)感到厭煩、恐懼和難以捉摸。

設(shè)計(jì)界面一般需要先進(jìn)行原型設(shè)計(jì)。所謂原型設(shè)計(jì)，就是設(shè)計(jì)軟件運(yùn)行的模擬界面，設(shè)計(jì)系統(tǒng)如何接受用戶(hù)錄入信息以及發(fā)布的指令，指令在執(zhí)行過(guò)程中如何與用戶(hù)溝通，處理結(jié)果如何在界面上反饋。原型設(shè)計(jì)一般包括手畫(huà)法、Office工具設(shè)計(jì)法、原型工具設(shè)計(jì)法以及開(kāi)發(fā)工具設(shè)計(jì)法。

1．界面設(shè)計(jì)過(guò)程

界面設(shè)計(jì)一般包括入口、功能主界面、表單布局、操作、消息5個(gè)方面的設(shè)計(jì)。

入口：用戶(hù)登錄進(jìn)入系統(tǒng)后，如何才能打開(kāi)自己需要的功能界面，這是入口設(shè)計(jì)需要考慮的問(wèn)題。入口一般包括功能菜單、工作臺(tái)、九宮格、彈出菜單、快捷方式等。

功能主界面：指用戶(hù)通過(guò)菜單或其他入口方式打開(kāi)某功能點(diǎn)后，系統(tǒng)加載的讓用戶(hù)可以使用該功能點(diǎn)的主界面，功能主界面提供了各種子功能的入口。功能主界面一般會(huì)被分成各種區(qū)域，如菜單區(qū)域、功能按鈕區(qū)域、查詢(xún)條件區(qū)域、記錄顯示區(qū)域、詳情展現(xiàn)區(qū)域等，各種組件就放置在這些區(qū)域中。這些區(qū)域的布局方式，本書(shū)稱(chēng)之為界面結(jié)構(gòu)。常用的界面結(jié)構(gòu)有：上邊查詢(xún)條件，下邊查詢(xún)結(jié)果；左邊大項(xiàng)，右邊查詢(xún)結(jié)果；左邊樹(shù)狀結(jié)構(gòu)，右邊查詢(xún)結(jié)果；上邊主表，下邊子表；左邊主表，右邊子表；樹(shù)狀列表；分級(jí)列表；日歷等。

表單布局：表單上的組件可以分成三大類(lèi)：一類(lèi)是用以接收或顯示數(shù)據(jù)的，如文本框、標(biāo)簽、單選框、復(fù)選框等；一類(lèi)是用以響應(yīng)用戶(hù)的要求而執(zhí)行某種操作，如按鈕、鏈接、圖標(biāo)等；還有一類(lèi)跟數(shù)據(jù)、操作都沒(méi)有關(guān)系，只是用于界面布局、標(biāo)注或美觀(guān)等，如分隔線(xiàn)、矩形框等。表單布局設(shè)計(jì)，就是思考如何排放這些組件，使界面達(dá)到易學(xué)、易用、美觀(guān)的效果。常用的表單布局結(jié)構(gòu)包括平鋪、分組、動(dòng)態(tài)加載、表格、Tab頁(yè)、混合等。

操作：表單上的操作大體可以分成兩大類(lèi)：一類(lèi)是面向數(shù)據(jù)庫(kù)的寫(xiě)操作（包括Insert、Update、Delete）；另一類(lèi)是不改變數(shù)據(jù)庫(kù)中數(shù)據(jù)的操作，可能僅僅是從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)（Select），甚至跟數(shù)據(jù)庫(kù)中的數(shù)據(jù)毫無(wú)關(guān)系，這種操作不會(huì)導(dǎo)致數(shù)據(jù)庫(kù)中保存的數(shù)據(jù)發(fā)生任何變化。

消息：當(dāng)用戶(hù)在界面上操作時(shí)，一個(gè)友好的系統(tǒng)會(huì)將執(zhí)行情況根據(jù)需要反饋給用戶(hù)，這就是所謂的“消息”——是系統(tǒng)給用戶(hù)帶來(lái)的關(guān)于計(jì)算機(jī)的消息。有些消息只是告訴用戶(hù)一段程序執(zhí)行的狀態(tài)，而有些消息是用于接受用戶(hù)額外指令的。常見(jiàn)的反饋消息的方式包括消息彈出框、消息區(qū)、日志等。

2．界面優(yōu)化

可以從易學(xué)性、易用性、健壯性、交互性4個(gè)方面考慮如何對(duì)界面進(jìn)行優(yōu)化。

易學(xué)性的優(yōu)化，可以從這幾個(gè)方面著手：提煉核心功能，追隨主流軟件，貼近業(yè)務(wù)流程，統(tǒng)一操作習(xí)慣，減少用戶(hù)干預(yù)，倡導(dǎo)邊干邊學(xué)。

易用性的優(yōu)化，可以從這幾個(gè)方面著手：讓功能方便調(diào)用，讓工作容易處理，減少用戶(hù)錄入，減少擊鍵次數(shù)，減少在鍵盤(pán)與鼠標(biāo)之間的切換。

健壯性的優(yōu)化，可以從這幾個(gè)方面著手：不讓用戶(hù)犯錯(cuò)誤，讓用戶(hù)少犯錯(cuò)誤，讓用戶(hù)容易發(fā)現(xiàn)錯(cuò)誤，允許用戶(hù)糾正錯(cuò)誤，降低用戶(hù)錯(cuò)誤的影響。

交互性的優(yōu)化，可以從這幾個(gè)方面著手：重要操作需要確認(rèn)，不要讓用戶(hù)有石沉大海的感覺(jué)，消息措辭需要容易理解，消息需要精準(zhǔn)，交互要適可而止，不要濫用彈出框。