淺談UI設(shè)計在軟件開發(fā)應(yīng)用中的重要性

張俊文 李瓊霞 郭凌志

摘 要：當(dāng)今互聯(lián)網(wǎng)時代，人們的生活離不開各類電腦軟件和手機APP，在大部分的軟件開發(fā)過程中更注重的是技術(shù)強大和功能豐富，常忽略界面UI設(shè)計，良好的UI不僅在系統(tǒng)開發(fā)、網(wǎng)頁設(shè)計、以及移動應(yīng)用市場端都備受用戶青睞，還讓用戶在操作使用軟件時變得方便、快捷、舒適，帶來更多的經(jīng)濟價值。本文從UI發(fā)展的背景入手，結(jié)合其與用戶的關(guān)系和重要性，分析UI的設(shè)計原則和設(shè)計過程，加以作者曾經(jīng)設(shè)計過的"古樹寶"軟件UI設(shè)計為經(jīng)驗，對UI設(shè)計在軟件開發(fā)應(yīng)用中的重要性進行淺談與分析。一個成功的軟件產(chǎn)品，主要目標(biāo)就是能夠吸引用戶，使用戶可以更舒適的使用與消費。

關(guān)鍵詞：界面設(shè)計；用戶體驗；信息交互

一、UI的發(fā)展背景

UI，英文全稱為User Interface，中文意思是用戶界面。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。軟件界面是人機交互的橋梁和窗口，對于完整的軟件而言，UI主要指系統(tǒng)界面美術(shù)設(shè)計和人與系統(tǒng)之間人機交互兩個方面。

在國內(nèi)，根據(jù)以往的情況看，大部分軟件技術(shù)人員只關(guān)注軟件的功能如何實現(xiàn)，項目有無漏洞，安全性是否保障等等，然而卻忽略了軟件的界面設(shè)計。但隨著時代的變化，現(xiàn)如今的電腦用戶的觀念也在發(fā)生著變化，用戶的審美度越來越高，用戶的體驗感有更高的要求，軟件除了技術(shù)齊全、功能強大外，也開始注重視覺效果，舒適度，美觀度，便捷度等各種用戶的體驗感。

二、UI與用戶的關(guān)系

UI是人機交互的橋梁，優(yōu)秀的軟件UI能給用戶使用帶來極大的便捷，引導(dǎo)用戶如何操作，給其帶來輕松之感。軟件界面的好與壞，并非是管理者或經(jīng)理的指示有多么清晰，也不是軟件功能有多么豐富和完善，而是用戶使用時最直接體驗評價。用戶在使用某種產(chǎn)品或服務(wù)時，會建立起來一種使用的主觀心理感受。這種感受是用戶通過手去操作、眼睛去看、大腦去思考、心去體會到的，好的產(chǎn)品能讓用戶用起來很舒適，不需要費神就把整個使用流程跑完了，體驗到。

所以我們在設(shè)計與構(gòu)思軟件界面過程中，要著重把界面和用戶體驗結(jié)合起來，把用戶體驗作為界面好與壞的唯一標(biāo)準。這的確是一件很難的事兒，但如果真能做到，想必這個產(chǎn)品的參與者和產(chǎn)出者就是成功的。

三、UI設(shè)計的重要性

當(dāng)前互聯(lián)網(wǎng)時代，人們的生活離不開電腦和手機，電腦軟件和手機APP的數(shù)量也是不計其數(shù)，同一類型功能的手機app都就很多個，用戶在選擇下載后，軟件界面就如同門面，用戶的第一印象就是軟件的界面帶給你的直觀感受。界面的好與壞，會給用戶留下了深刻印象，此后才是具體的操作功能與使用感受，軟件強大的功能是在對界面產(chǎn)生良好的印象之后才能體驗到的，所以，用戶第一時間不一定能感知其功能的強大，而是直接感知軟件界面的舒適度，對整個軟件是否做出評價。除了界面的美觀舒適外，功能板塊的劃分布局是否符合大眾的體驗效果，若是使用繁瑣和復(fù)雜，這也會直接影響用戶對本軟件的評價，影響軟件推廣和使用。

軟件界面活潑極具感染力，就如國外的蘋果、三星、黑莓，以及國內(nèi)的華為、OPPO、VIVO、小米等幾大公司都開發(fā)了屬于自己的操作系統(tǒng)，擁有一套自己的UI設(shè)計各具特色，使用戶操作簡單、方便，各層次知識水平的用戶都能輕松應(yīng)用。所以一款優(yōu)秀的軟件界面設(shè)計就能夠吸引更多的用戶，為操作起到更好的引導(dǎo)作用，增加在用戶心目中的滿意度，這樣，才能在殘酷的市場中立于不敗之地。

四、UI設(shè)計的原則

電腦軟件和手機APP的UI設(shè)計直接關(guān)系到APP開發(fā)以后的運營推廣，移動端扁平化設(shè)計的發(fā)展，色塊、圖標(biāo)、字體、組合、視覺體驗效果等，每一個元素都是關(guān)鍵。那么如何才能做好手機APP開發(fā)中的UI設(shè)計呢。

1.色彩搭配設(shè)計

主色調(diào)的使用會給用戶留下一定的印象，所以要選擇好主色調(diào)。界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)一，軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)。比如系統(tǒng)色調(diào)以綠色為主，軟件界面、按鈕等使用的色彩就最好要與之吻合。

2. 界面布局設(shè)計

手機APP開發(fā)具體要采用的什么樣的設(shè)計風(fēng)格，還是要依據(jù)產(chǎn)品具體的需求等元素去進行選擇。信息之間層級關(guān)系的羅列展示非常重要，恰當(dāng)?shù)牟季?，能直接通過視覺力來暗喻信息之間的層級關(guān)系。

3.圖形設(shè)計

圖形決定著整個產(chǎn)品線的調(diào)性，能直接將產(chǎn)品所蘊含的情感文化通過視覺表現(xiàn)傳達給用戶。在UI界面設(shè)計中圖形更多的體現(xiàn)在圖標(biāo)及按鈕上，這里可以嘗試統(tǒng)一的風(fēng)格、統(tǒng)一的圖形元素來提升形的統(tǒng)一感。

4.字體設(shè)計

字體的形狀及樣式會直接影響到信息傳遞的速度，根據(jù)不同的場景，使用不同的字體樣式是極為重要的。在UI設(shè)計中，理解字體也是個重要的技能，合理的使用字體樣式，字重，字距等都是字體設(shè)計中的關(guān)鍵。

5.情感化設(shè)計

在一些細節(jié)上需要考慮到情感化的設(shè)計，將情感融入于設(shè)計中，這樣可以去提升手機APP設(shè)計的品質(zhì)，提高用戶使用體驗感。

五、UI設(shè)計的過程

UI設(shè)計包括交互設(shè)計、用戶研究、界面設(shè)計三個部分。一個通用消費類軟件界面的設(shè)計大體可分為五個步驟：需求階段，分析設(shè)計階段，調(diào)研驗證階段，方案改進階段，用戶驗證反饋階段。通過以上步驟最終要實現(xiàn)Logo設(shè)計，按鈕設(shè)計，主頁面設(shè)計，啟動頁設(shè)計等。

（1）Logo設(shè)計

商標(biāo)可以說就是個符號，是同等重要的概念和圖形的綜合。LOGO設(shè)計要簡單直接，盡量簡化一些不必要的修飾，圖標(biāo)制作不能太繁瑣，在制作上盡量使用矢量圖，確保圖形質(zhì)量清晰，使在有限的屏幕空間里，展示最好的效果。在曾經(jīng)創(chuàng)作過的古樹寶App設(shè)計過程中，其功能為古樹名木的生長保護，所以在logo設(shè)計中又改為以樹木的基本形為原型，加上充滿生機的綠色，抽象簡化而成。

（2）按鈕設(shè)計

設(shè)計風(fēng)格也有很多細微的差別，圓角還是直角，面還是線行都有不同的含義和表意性，選擇具有典型特征的圖符，有助于用戶的識別，方便操作。在古樹寶App共有兩個比較重要的按鈕：開和關(guān)，用來控制單片機上指示燈的打開和關(guān)閉操作。按鈕采用了茂盛的樹木和樹干枝丫兩個圖形制作。

（3）軟件主頁設(shè)計

界面設(shè)計要簡單直接，盡量簡化一些不必要的修飾，使在有限的屏幕空間里，展示最好的效果。在古樹寶app中主頁面上顯示包括的內(nèi)容為標(biāo)題、按鈕、溫度數(shù)據(jù)、濕度數(shù)據(jù)、光照度數(shù)據(jù)、PM2.5濃度數(shù)據(jù)幾個項目，告別了傳統(tǒng)整齊劃一的表格式風(fēng)格，將各個內(nèi)容板塊排列成菱形，具有不一樣的使用體驗。

（4）啟動頁設(shè)計

App啟動進入主頁面時，會有一個啟動界面，用來過渡和緩沖，進一步展示軟件的功能和內(nèi)容。動效是進行人機UI設(shè)計的一個體現(xiàn)，精心策劃的啟動頁可以為APP產(chǎn)品增添不少精彩，給予用戶更好的視覺享受，讓用戶在使用產(chǎn)品過程中擁有愉悅的心情，同時對企業(yè)也是一種很好的宣傳。

六、總結(jié)

對于軟件UI設(shè)計的評價中，目前還沒有統(tǒng)一的評價規(guī)則，每個行業(yè)的UI設(shè)計可能會有的不同的評價體系。但是不變的是需要評價用戶對軟件界面是否滿意，是否符合標(biāo)準化、布局是否合理科學(xué)等。因此，軟件界面的重要性和必要性不可低估，在今后的設(shè)計中，加強對界面設(shè)計的重視，可以促進其帶給用戶第一印象的直接效果，對軟件的推廣和使用有積極促進的效果。

參考文獻：

[1]加瑞特.用戶體驗要素：以用戶為中心的產(chǎn)品設(shè)計[M].北京：機械工業(yè)出版社.2011.

[2]周陟.UI進化論：移動設(shè)備人機交互界面設(shè)計[M].北京：清華大學(xué)出版社.2010.

[3]JeffJohnson.認知與設(shè)計：理解UI設(shè)計準則[M].北京：人民郵電出版社.2011.

[4]王軍鋒.郭偎.武艷芳.移動應(yīng)用UI設(shè)計模式[M].北京：人民郵電出版社.2013.

[5] 潘成超.吳愛清.王微等.論軟件用戶界面的重要性和必要性[M].安徽：電子技術(shù)與軟件工程.2016.

作者簡介：

張俊文（1987-），男，漢族，云南昆明人，黨員，碩士研究生，西南林業(yè)大學(xué)研究生院，研究方向：信息技術(shù)，農(nóng)業(yè)信息管理。