淺析如何設(shè)計(jì)用戶界面

1.前言

伴隨社會(huì)經(jīng)濟(jì)的發(fā)展，信息化時(shí)代的來(lái)臨。人們的日常生產(chǎn)、生活越來(lái)越依賴于計(jì)算機(jī)和互聯(lián)網(wǎng)。人們對(duì)于它們的需求，已經(jīng)從最初功能和美觀的追求，發(fā)展為更高效、更便捷、更愉快的人機(jī)交互的需求。軟件工程師和設(shè)計(jì)師也把側(cè)重點(diǎn)轉(zhuǎn)移到了如何更好地幫助人機(jī)交互，使人機(jī)交互更加簡(jiǎn)捷、快速、準(zhǔn)確，讓人們高效便捷地傳遞、接收、理解、利用信息。

為了更好的服務(wù)大眾，一個(gè)新的概念隨之而生“用戶界面”（User Interface）縮寫(xiě)UI。UI設(shè)計(jì)是指對(duì)計(jì)算機(jī)的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。作為一門(mén)交叉學(xué)科，UI設(shè)計(jì)綜合了計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)、人機(jī)工程學(xué)等工業(yè)和商業(yè)領(lǐng)域的行為。

2.用戶界面設(shè)計(jì)的重要性

因?yàn)橛脩艚缑媸侨伺c計(jì)算機(jī)信息交換的重要組成部分，是受眾對(duì)軟件的第一印象，所以開(kāi)發(fā)的軟件是否被受眾所歡迎與用戶界面設(shè)計(jì)息息相關(guān)。良好的用戶界面能夠引導(dǎo)受眾獨(dú)立完成操控;良好的用戶界面能夠吸引受眾使用軟件;良好用戶界面還能給受眾帶來(lái)成功感、舒適感。反之則令受眾感受挫敗感，喪失對(duì)軟件的興趣，進(jìn)而放棄操作。

要想成功的設(shè)計(jì)用戶界面就要遵守以下原則。

3.用戶界面設(shè)計(jì)原則

3.1易操控性

用戶界面設(shè)計(jì)，應(yīng)該結(jié)構(gòu)要清晰，形式簡(jiǎn)潔，操作便捷。介于受眾對(duì)計(jì)算機(jī)和互聯(lián)網(wǎng)的掌握能力不同，用戶界面承載的信息應(yīng)表達(dá)清楚直接，減少受眾記憶負(fù)擔(dān);減免無(wú)現(xiàn)實(shí)意義的輸入，減少操作步驟，隱藏暫不可用的命令，以提高軟件使用效率。我們還可以用一些可以選擇的默認(rèn)值，來(lái)代替用戶的輸入。既提高了使用效率，又提高了操控準(zhǔn)確性。深入思考，設(shè)計(jì)用戶界面還應(yīng)遵守人機(jī)工程學(xué)的科學(xué)規(guī)律。例如如果用手來(lái)觸屏操控，我們就應(yīng)將用戶界面上的按鈕間距尺寸設(shè)置的便于手指觸碰。

3.2友好交互

友好的交互是為了降低受眾的信息量負(fù)荷，簡(jiǎn)化操作。那么什么樣的交互才叫友好的交互呢？我們從以下五點(diǎn)進(jìn)行說(shuō)明：

3.2.1應(yīng)該允許受眾選擇輸入方式，符合受眾的輸入習(xí)慣。

3.2.2在用戶界面交互設(shè)計(jì)中視覺(jué)語(yǔ)言應(yīng)明確、簡(jiǎn)煉，避免信息誤導(dǎo)。大多數(shù)軟件都有復(fù)雜的結(jié)構(gòu)和層級(jí)，所以我們?cè)谠O(shè)計(jì)中界面間的邏輯關(guān)系要清晰，便于受眾掌握軟件，知道當(dāng)前在哪個(gè)功能模塊，和如何去哪個(gè)功能模塊。更不要因?yàn)樗囆g(shù)效果而把功能隱藏太深。

3.2.3當(dāng)用戶界面無(wú)法承載全部信息時(shí)，為了確保邏輯關(guān)系的清晰，又不希望受眾離開(kāi)這個(gè)界面，可以選擇鼠標(biāo)經(jīng)過(guò)時(shí)顯示信息或者是彈出對(duì)話框等方式。但是要注意到，避免打擾受眾使用軟件。應(yīng)該讓受眾可以選擇是否彈出對(duì)話框和信息提示等。并要設(shè)置關(guān)閉按鈕。

3.2.4重要功能在界面中應(yīng)有適當(dāng)?shù)奶崾荆热绾侠硎褂脛?dòng)畫(huà)效果，音頻效果。

3.2.5用戶界面要提供有針對(duì)性的提示和導(dǎo)航功能。及時(shí)為受眾的操控做出反饋。無(wú)論操控正誤，都應(yīng)讓受眾了解自己的交互結(jié)果。以及如何繼續(xù)進(jìn)行正確操控。降低受眾在操控過(guò)程中感受到挫敗感。

3.3標(biāo)準(zhǔn)化原則

所謂標(biāo)準(zhǔn)化原則就是符合人們使用習(xí)慣的原則。人們?cè)诓倏赜?jì)算機(jī)使用互聯(lián)網(wǎng)過(guò)程中，已經(jīng)形成了一系列約定俗成的操作習(xí)慣。比如一些提示性圖標(biāo)的使用，按鈕位置的擺放。還有一些操控方式的習(xí)慣。例如鼠標(biāo)的單擊和雙擊，快捷鍵的設(shè)置“Ctrl+C”復(fù)制、 “Ctrl+V”粘貼等。這些通用的設(shè)置，都有效的減少了受眾的記憶量，幫助受眾掌握軟件。

3.4用戶界面風(fēng)格一致性

用戶界面風(fēng)格的一致性，不僅在視覺(jué)上給人協(xié)調(diào)統(tǒng)一的美感。還能幫助受眾在操控界面的同時(shí)加深記憶。例如在不同的用戶界面中，具有相同功能的按鈕，采用相同的設(shè)計(jì)，就可以大大降低用戶的記憶負(fù)擔(dān)。而一些標(biāo)志性圖標(biāo)的統(tǒng)一，則更有利于受眾注意到自己在意的信息。總而言之這些設(shè)計(jì)中的細(xì)節(jié)，都能增強(qiáng)受眾在操控用戶界面時(shí)的舒適感，提高使用效率。

4.影響用戶界面設(shè)計(jì)的因素

4.1色彩因素

色彩因素在用戶界面設(shè)計(jì)中起到了舉足輕重的作用，能夠直接影響受眾的情緒留下深刻印象。在用戶界面設(shè)計(jì)中合理使用色彩，不僅能增強(qiáng)用戶界面的視覺(jué)沖擊力，還能突出用戶界面的設(shè)計(jì)主題。設(shè)計(jì)師，應(yīng)在充分理解受眾，充分理解色彩的象征意義，充分理解設(shè)計(jì)風(fēng)格后合理使用色彩，才能使色彩在用戶界面設(shè)計(jì)中錦上添花。

4.2版面布局

所謂用戶界面的布局，就是在屏幕空間上將所要傳遞的信息排列組合。合理的用戶界面布局，讓受眾感覺(jué)美觀有秩序性，引導(dǎo)受眾接受用戶界面所承載的信息，突出用戶界面的主題。值得注意的是，設(shè)計(jì)過(guò)程中應(yīng)首先考慮用戶界面在何種設(shè)備上顯示，確定界面尺寸后，再對(duì)用戶界面進(jìn)行布局。

4.3圖形創(chuàng)意

用戶界面設(shè)計(jì)中，可以利用圖形創(chuàng)意作為媒介來(lái)進(jìn)行信

息交流、情感表達(dá);還可以結(jié)合用戶界面主題配合色彩因素，增強(qiáng)用戶界面視覺(jué)沖擊力。基于互聯(lián)網(wǎng)的飛速發(fā)展，信息交換越加頻繁，圖形創(chuàng)意應(yīng)力求精簡(jiǎn)，通過(guò)生動(dòng)鮮明的視覺(jué)語(yǔ)言，在大量的信息交換中，吸引受眾注意力，減少受眾流失。

5.結(jié)束語(yǔ)

伴隨科技的發(fā)展，受眾對(duì)用戶界面的需求已經(jīng)不僅是單純功能和美觀的需求了。而應(yīng)該從更人性化的設(shè)計(jì)角度出發(fā)，帶給人們的生活更多方便和可能性，滿足更多人的使用方式和需求。使用戶界面成為人們了解世界、認(rèn)識(shí)世界的橋梁和紐帶。融合設(shè)計(jì)學(xué)、認(rèn)知心理學(xué)、語(yǔ)言學(xué)、人機(jī)工程學(xué)等學(xué)科，將技術(shù)性與藝術(shù)性、實(shí)用性融為一體。讓科技帶給人們的生活更多精彩的感受。

作者簡(jiǎn)介：楊振（1981-）男，黑龍江齊齊哈爾人，工程師，本科，研究方向：用戶界面設(shè)計(jì)的方法

（作者單位：齊齊哈爾軌道交通裝備有限責(zé)任公司信息技術(shù)部）