張俊文 李瓊霞 郭凌志
摘 要:當今互聯網時代,人們的生活離不開各類電腦軟件和手機APP,在大部分的軟件開發過程中更注重的是技術強大和功能豐富,常忽略界面UI設計,良好的UI不僅在系統開發、網頁設計、以及移動應用市場端都備受用戶青睞,還讓用戶在操作使用軟件時變得方便、快捷、舒適,帶來更多的經濟價值。本文從UI發展的背景入手,結合其與用戶的關系和重要性,分析UI的設計原則和設計過程,加以作者曾經設計過的"古樹寶"軟件UI設計為經驗,對UI設計在軟件開發應用中的重要性進行淺談與分析。一個成功的軟件產品,主要目標就是能夠吸引用戶,使用戶可以更舒適的使用與消費。
關鍵詞:界面設計;用戶體驗;信息交互
一、UI的發展背景
UI,英文全稱為User Interface,中文意思是用戶界面。UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。軟件界面是人機交互的橋梁和窗口,對于完整的軟件而言,UI主要指系統界面美術設計和人與系統之間人機交互兩個方面。
在國內,根據以往的情況看,大部分軟件技術人員只關注軟件的功能如何實現,項目有無漏洞,安全性是否保障等等,然而卻忽略了軟件的界面設計。但隨著時代的變化,現如今的電腦用戶的觀念也在發生著變化,用戶的審美度越來越高,用戶的體驗感有更高的要求,軟件除了技術齊全、功能強大外,也開始注重視覺效果,舒適度,美觀度,便捷度等各種用戶的體驗感。
二、UI與用戶的關系
UI是人機交互的橋梁,優秀的軟件UI能給用戶使用帶來極大的便捷,引導用戶如何操作,給其帶來輕松之感。軟件界面的好與壞,并非是管理者或經理的指示有多么清晰,也不是軟件功能有多么豐富和完善,而是用戶使用時最直接體驗評價。用戶在使用某種產品或服務時,會建立起來一種使用的主觀心理感受。這種感受是用戶通過手去操作、眼睛去看、大腦去思考、心去體會到的,好的產品能讓用戶用起來很舒適,不需要費神就把整個使用流程跑完了,體驗到。
所以我們在設計與構思軟件界面過程中,要著重把界面和用戶體驗結合起來,把用戶體驗作為界面好與壞的唯一標準。這的確是一件很難的事兒,但如果真能做到,想必這個產品的參與者和產出者就是成功的。
三、UI設計的重要性
當前互聯網時代,人們的生活離不開電腦和手機,電腦軟件和手機APP的數量也是不計其數,同一類型功能的手機app都就很多個,用戶在選擇下載后,軟件界面就如同門面,用戶的第一印象就是軟件的界面帶給你的直觀感受。界面的好與壞,會給用戶留下了深刻印象,此后才是具體的操作功能與使用感受,軟件強大的功能是在對界面產生良好的印象之后才能體驗到的,所以,用戶第一時間不一定能感知其功能的強大,而是直接感知軟件界面的舒適度,對整個軟件是否做出評價。除了界面的美觀舒適外,功能板塊的劃分布局是否符合大眾的體驗效果,若是使用繁瑣和復雜,這也會直接影響用戶對本軟件的評價,影響軟件推廣和使用。
軟件界面活潑極具感染力,就如國外的蘋果、三星、黑莓,以及國內的華為、OPPO、VIVO、小米等幾大公司都開發了屬于自己的操作系統,擁有一套自己的UI設計各具特色,使用戶操作簡單、方便,各層次知識水平的用戶都能輕松應用。所以一款優秀的軟件界面設計就能夠吸引更多的用戶,為操作起到更好的引導作用,增加在用戶心目中的滿意度,這樣,才能在殘酷的市場中立于不敗之地。
四、UI設計的原則
電腦軟件和手機APP的UI設計直接關系到APP開發以后的運營推廣,移動端扁平化設計的發展,色塊、圖標、字體、組合、視覺體驗效果等,每一個元素都是關鍵。那么如何才能做好手機APP開發中的UI設計呢。
1.色彩搭配設計
主色調的使用會給用戶留下一定的印象,所以要選擇好主色調。界面的色彩及風格與系統界面統一,軟件界面的總體色彩應該接近和類似系統界面的總體色調。比如系統色調以綠色為主,軟件界面、按鈕等使用的色彩就最好要與之吻合。
2. 界面布局設計
手機APP開發具體要采用的什么樣的設計風格,還是要依據產品具體的需求等元素去進行選擇。信息之間層級關系的羅列展示非常重要,恰當的布局,能直接通過視覺力來暗喻信息之間的層級關系。
3.圖形設計
圖形決定著整個產品線的調性,能直接將產品所蘊含的情感文化通過視覺表現傳達給用戶。在UI界面設計中圖形更多的體現在圖標及按鈕上,這里可以嘗試統一的風格、統一的圖形元素來提升形的統一感。
4.字體設計
字體的形狀及樣式會直接影響到信息傳遞的速度,根據不同的場景,使用不同的字體樣式是極為重要的。在UI設計中,理解字體也是個重要的技能,合理的使用字體樣式,字重,字距等都是字體設計中的關鍵。
5.情感化設計
在一些細節上需要考慮到情感化的設計,將情感融入于設計中,這樣可以去提升手機APP設計的品質,提高用戶使用體驗感。
五、UI設計的過程
UI設計包括交互設計、用戶研究、界面設計三個部分。一個通用消費類軟件界面的設計大體可分為五個步驟:需求階段,分析設計階段,調研驗證階段,方案改進階段,用戶驗證反饋階段。通過以上步驟最終要實現Logo設計,按鈕設計,主頁面設計,啟動頁設計等。
(1)Logo設計
商標可以說就是個符號,是同等重要的概念和圖形的綜合。LOGO設計要簡單直接,盡量簡化一些不必要的修飾,圖標制作不能太繁瑣,在制作上盡量使用矢量圖,確保圖形質量清晰,使在有限的屏幕空間里,展示最好的效果。在曾經創作過的古樹寶App設計過程中,其功能為古樹名木的生長保護,所以在logo設計中又改為以樹木的基本形為原型,加上充滿生機的綠色,抽象簡化而成。
(2)按鈕設計
設計風格也有很多細微的差別,圓角還是直角,面還是線行都有不同的含義和表意性,選擇具有典型特征的圖符,有助于用戶的識別,方便操作。在古樹寶App共有兩個比較重要的按鈕:開和關,用來控制單片機上指示燈的打開和關閉操作。按鈕采用了茂盛的樹木和樹干枝丫兩個圖形制作。
(3)軟件主頁設計
界面設計要簡單直接,盡量簡化一些不必要的修飾,使在有限的屏幕空間里,展示最好的效果。在古樹寶app中主頁面上顯示包括的內容為標題、按鈕、溫度數據、濕度數據、光照度數據、PM2.5濃度數據幾個項目,告別了傳統整齊劃一的表格式風格,將各個內容板塊排列成菱形,具有不一樣的使用體驗。
(4)啟動頁設計
App啟動進入主頁面時,會有一個啟動界面,用來過渡和緩沖,進一步展示軟件的功能和內容。動效是進行人機UI設計的一個體現,精心策劃的啟動頁可以為APP產品增添不少精彩,給予用戶更好的視覺享受,讓用戶在使用產品過程中擁有愉悅的心情,同時對企業也是一種很好的宣傳。
六、總結
對于軟件UI設計的評價中,目前還沒有統一的評價規則,每個行業的UI設計可能會有的不同的評價體系。但是不變的是需要評價用戶對軟件界面是否滿意,是否符合標準化、布局是否合理科學等。因此,軟件界面的重要性和必要性不可低估,在今后的設計中,加強對界面設計的重視,可以促進其帶給用戶第一印象的直接效果,對軟件的推廣和使用有積極促進的效果。
參考文獻:
[1]加瑞特.用戶體驗要素:以用戶為中心的產品設計[M].北京:機械工業出版社.2011.
[2]周陟.UI進化論:移動設備人機交互界面設計[M].北京:清華大學出版社.2010.
[3]JeffJohnson.認知與設計:理解UI設計準則[M].北京:人民郵電出版社.2011.
[4]王軍鋒.郭偎.武艷芳.移動應用UI設計模式[M].北京:人民郵電出版社.2013.
[5] 潘成超.吳愛清.王微等.論軟件用戶界面的重要性和必要性[M].安徽:電子技術與軟件工程.2016.
作者簡介:
張俊文(1987-),男,漢族,云南昆明人,黨員,碩士研究生,西南林業大學研究生院,研究方向:信息技術,農業信息管理。