手機(jī)辦公軟件用戶界面設(shè)計(jì)的分析與研究

摘? 要：隨著互聯(lián)網(wǎng)的飛速發(fā)展，移動(dòng)辦公越來越受企業(yè)管理者的重視，對于企業(yè)來說移動(dòng)辦公大大提高了工作效率。2015年阿里釘釘正式掀起了行業(yè)的巨浪，越來越多的企業(yè)選擇釘釘。用戶界面作為軟件與用戶溝通的第一扇窗口，界面設(shè)計(jì)對軟件的使用具有重要的作用。筆者先對手機(jī)辦公軟件界面設(shè)計(jì)理論進(jìn)行闡述，并總結(jié)了手機(jī)辦公軟件用戶界面設(shè)計(jì)原則，最后探索了設(shè)計(jì)美學(xué)在釘釘軟件用戶界面設(shè)計(jì)的應(yīng)用。

關(guān)鍵詞：辦公軟件;用戶界面設(shè)計(jì);設(shè)計(jì)美學(xué);釘釘

用戶界面作為軟件與用戶溝通的第一扇窗口，如何構(gòu)建更加適合用戶的界面效果，如何構(gòu)建更適合產(chǎn)品特點(diǎn)與功能的風(fēng)格體系成為用戶界面設(shè)計(jì)的重點(diǎn)，手機(jī)辦公軟件的界面設(shè)計(jì)在行業(yè)的發(fā)展中不斷變化。運(yùn)用設(shè)計(jì)美學(xué)的相關(guān)理論知識(shí)，給用戶帶來更好的人機(jī)交互和用戶體驗(yàn)，打造舒適視覺感受的用戶界面設(shè)計(jì)成為本文研究的重點(diǎn)。

一、手機(jī)辦公軟件界面設(shè)計(jì)理論闡述

（一）手機(jī)移動(dòng)辦公軟件用戶界面設(shè)計(jì)內(nèi)涵

用戶界面設(shè)計(jì)是我們俗稱的UI設(shè)計(jì)。用戶界面設(shè)計(jì)是指我們對軟件的界面美觀、操作邏輯以及人機(jī)交互的整體設(shè)計(jì)。用戶界面設(shè)計(jì)最早起源于美國，伴隨著互聯(lián)網(wǎng)的興起近年來才開始傳入中國。用戶界面設(shè)計(jì)伴隨著智能手機(jī)的普及化不斷發(fā)展，我國對用戶界面設(shè)計(jì)越來越重視，用戶界面設(shè)計(jì)行業(yè)也是工資薪酬比較高的一個(gè)行業(yè)，越來越多的設(shè)計(jì)師愿意加入這個(gè)新興的行業(yè)。用戶界面根據(jù)行業(yè)特點(diǎn)大致分為四個(gè)種類，分別是移動(dòng)端用戶界面設(shè)計(jì)、PC端用戶界面設(shè)計(jì)、游戲端用戶界面設(shè)計(jì)以及其他端的用戶界面設(shè)計(jì)，手機(jī)辦公軟件界面設(shè)計(jì)屬于移動(dòng)端用戶界面設(shè)計(jì)。

（二）手機(jī)辦公軟件界面設(shè)計(jì)原則

手機(jī)辦公軟件用戶界面設(shè)計(jì)屬于移動(dòng)端的用戶界面設(shè)計(jì)。移動(dòng)端的用戶界面設(shè)計(jì)主要是解決好手機(jī)辦公軟件界面的圖標(biāo)文字和按鈕等一些內(nèi)容。以人為本是手機(jī)辦公軟件用戶界面設(shè)計(jì)的根本出發(fā)點(diǎn)，設(shè)計(jì)好一個(gè)手機(jī)辦公軟件用戶界面設(shè)計(jì)首先需要我們掌握一定的理論知識(shí)，以及色彩在用戶界面的設(shè)計(jì)運(yùn)用，用戶界面設(shè)計(jì)中字體的選擇等?？此坪唵蔚慕缑嬖O(shè)計(jì)需要運(yùn)用的知識(shí)非常多。優(yōu)秀的用戶界面設(shè)計(jì)同時(shí)能給用戶帶來良好的人機(jī)交互、用戶體驗(yàn)和舒適的視覺感受。優(yōu)秀的辦公軟件用戶界面設(shè)計(jì)能增加軟件獨(dú)有的識(shí)別性，讓用戶操作更便捷，增加軟件的使用壽命，提升市場競爭力。

二、手機(jī)辦公軟件用戶界面設(shè)計(jì)

（一）人機(jī)交互

人機(jī)交互是系統(tǒng)與用戶之間的交互關(guān)系，是系統(tǒng)給予用戶聽覺、視覺、觸覺的感官體驗(yàn)。作為一款手機(jī)辦公軟件在人機(jī)互動(dòng)過程中最重要的就是視覺感受，從APP頁面的功能布局再到整個(gè)界面的顏色搭配給用戶的視覺感受是非常直接的，從頁面布局直接影響用戶的思維邏輯與人機(jī)交互的認(rèn)知習(xí)慣，用戶界面屬于用戶與界面的交互行為，根據(jù)用戶對界面的功能要求，釘釘?shù)膶?dǎo)航欄除了圖標(biāo)和文字之外，主要分為了五大部分，分別是消息、文檔、工作臺(tái)、通訊錄和發(fā)現(xiàn)。在界面設(shè)計(jì)中合理的頁面布局能精準(zhǔn)地為用戶傳達(dá)信息內(nèi)容，培養(yǎng)用戶的操作習(xí)慣，減少操作失誤率，最大限度地提高工作效率，同時(shí)給用戶帶來舒適的使用感。手機(jī)辦公軟件與其他的軟件是有一定的區(qū)別，其他的軟件應(yīng)用主要是用戶與應(yīng)用之間的交互，而釘釘主要是用戶與用戶之間的交互。因此，辦公軟件既要考慮應(yīng)用的功能性還要考慮用戶之間的交互性，讓用戶交互更和諧方便，讓信息傳達(dá)效率更快、更高。

（二）用戶體驗(yàn)

極致的用戶體驗(yàn)是產(chǎn)品的核心競爭力，在用戶界面設(shè)計(jì)過程中，我們要以用戶體驗(yàn)作為出發(fā)點(diǎn)，不斷優(yōu)化用戶體驗(yàn)，把用戶體驗(yàn)放在最重要的位置。在開發(fā)功能和界面布局上要根據(jù)用戶的心理特點(diǎn)來完善用戶體驗(yàn)，同時(shí)要不斷收集用戶的反饋，根據(jù)用戶在使用軟件時(shí)遇到的問題，不斷完善軟件的功能，以更好的用戶體驗(yàn)去服務(wù)用戶。在功能的設(shè)置和軟件的交互界面上，我們要重視用戶的需要，重視貼合用戶對象的思維，重視用戶對象能否自由操作自己的瀏覽內(nèi)容，重視用戶對象能否用最簡單的動(dòng)作解決問題。交互設(shè)計(jì)、界面設(shè)計(jì)和視覺設(shè)計(jì)只有更好的結(jié)合才能為用戶帶來更好的使用感受，從而提高工作效率，提高勞動(dòng)生產(chǎn)力，這對辦公軟件的發(fā)展具有重要意義。

（三）視覺設(shè)計(jì)

通過不同的界面主題風(fēng)格、合理的視覺設(shè)計(jì)、合理的顏色運(yùn)用為用戶帶來良好的視覺體驗(yàn)。釘釘在用戶界面的視覺設(shè)計(jì)上重視元素的有機(jī)結(jié)合，在用戶界面的視覺設(shè)計(jì)中運(yùn)用了動(dòng)靜結(jié)合的方式給用戶帶來了全新的視覺體驗(yàn)。釘釘在用戶界面設(shè)計(jì)的過程中，將用戶視覺設(shè)計(jì)與人機(jī)交互有機(jī)的結(jié)合起來，這也是現(xiàn)在很多軟件用戶界面設(shè)計(jì)的選擇方案。釘釘在界面的視覺設(shè)計(jì)中更貼合用戶控制的人性化界面，在用戶界面中保持統(tǒng)一性的設(shè)計(jì)原則，貼合用戶視覺感官體驗(yàn)減輕用戶的記憶負(fù)擔(dān)，給用戶帶來舒適的視覺感官體驗(yàn)。良好的視覺設(shè)計(jì)能更好地傳達(dá)產(chǎn)品的功能特點(diǎn)。同時(shí)，好的用戶界面設(shè)計(jì)能增加產(chǎn)品的用戶粘性。

三、手機(jī)辦公軟件釘釘?shù)挠脩艚缑嬖O(shè)計(jì)美學(xué)

（一）設(shè)計(jì)美學(xué)

釘釘?shù)挠脩艚缑嬖O(shè)計(jì)遵循了簡易性的設(shè)計(jì)原則。釘釘簡潔的用戶界面設(shè)計(jì)能夠引導(dǎo)使用者簡易地達(dá)到操作目的，方便用戶能夠更好地了解產(chǎn)品特性，減少使用者在操作過程中的誤觸率。簡潔的用戶界面設(shè)計(jì)在視覺效果上能夠幫助使用者對產(chǎn)品功能的理解和使用，釘釘有序排列的用戶界面設(shè)計(jì)能夠讓使用者更加輕松地體驗(yàn)產(chǎn)品。釘釘?shù)挠脩艚缑嬖O(shè)計(jì)使用圖案、文字等元素表達(dá)軟件自身的設(shè)計(jì)理念。解決工作問題是辦公軟件用戶界面設(shè)計(jì)的核心，釘釘?shù)挠脩艚缑嬖O(shè)計(jì)著重了解用戶需求，間接和直觀地展現(xiàn)釘釘?shù)能浖δ?，釘釘?shù)挠脩艚缑嬖O(shè)計(jì)兼具邏輯性，用戶通過界面設(shè)計(jì)的引導(dǎo)在處理工作內(nèi)容上簡潔高效。

釘釘在用戶界面設(shè)計(jì)的圖標(biāo)上采用了扁平化的設(shè)計(jì)風(fēng)格。對于扁平化的選擇有多種多樣的原因。當(dāng)下的扁平化的設(shè)計(jì)更受消費(fèi)者青睞，在信息交流頻繁的今天，一些繁瑣的設(shè)計(jì)讓用戶感到應(yīng)接不暇，擬物化的圖形在讀取內(nèi)容上需要付出更多的時(shí)間和思考，這有可能會(huì)讓用戶在信息讀取的過程中產(chǎn)生厭倦感。扁平化則不然，扁平化的設(shè)計(jì)能讓讀者的視覺感到放松。同時(shí)，扁平化的用戶界面設(shè)計(jì)能大大提高用戶的操作效率，扁平化的設(shè)計(jì)還有加載時(shí)間短和操作過程更加流暢等特點(diǎn)。扁平化的用戶界面設(shè)計(jì)更突出內(nèi)容本身，減少不必要的視覺干擾，更好更快地傳達(dá)信息，通過對表達(dá)內(nèi)容的高度概括，凝結(jié)成最簡潔的視覺形象，讓用戶擁有更高效的軟件操作體驗(yàn)。在設(shè)計(jì)與開發(fā)的視角下，扁平化的用戶界面設(shè)計(jì)在開發(fā)成本上更具優(yōu)勢，在網(wǎng)絡(luò)、頁面布局、構(gòu)架、色彩搭配上擁有更多的可能性。

（二）藝術(shù)元素

用戶界面設(shè)計(jì)中圖形比文字更容易吸引人，釘釘?shù)挠脩艚缑嬖O(shè)計(jì)以生動(dòng)簡潔的視覺元素引導(dǎo)用戶去完成操作，在視覺藝術(shù)元素的使用上直接、生動(dòng)、簡潔。釘釘用戶界面設(shè)計(jì)獨(dú)特的個(gè)性化更受大多數(shù)用戶的青睞，釘釘在用戶界面設(shè)計(jì)中運(yùn)用視覺藝術(shù)元素滿足了使用者追求新奇事物的心理需求。多樣的視覺藝術(shù)元素的運(yùn)用能夠刺激消費(fèi)者的使用頻率，給使用者帶來更好的視覺感官體驗(yàn)。釘釘用戶界面設(shè)計(jì)中文字的運(yùn)用簡潔明了，有利于幫助使用者進(jìn)行操作。

色彩在釘釘用戶界面設(shè)計(jì)的視覺藝術(shù)元素中也是非常重要的。色彩是直接影響用戶使用情緒的重要美學(xué)元素，不同的顏色能給用戶帶來不一樣的內(nèi)心感受。在界面設(shè)計(jì)中，較為單一的顏色會(huì)顯得過于單調(diào)，顏色過多則會(huì)使人眼花繚亂。釘釘在顏色的運(yùn)用上適中，這為軟件的用戶界面設(shè)計(jì)帶來舒適的視覺感受。用戶界面設(shè)計(jì)中圖形元素能夠在第一時(shí)間吸引用戶的注意。同時(shí)，圖形相比文字能夠更快速高效地傳遞信息。圖形元素通?？梢酝黄普Z言文字的局限性，能夠更好地為廣大用戶傳遞信息。釘釘用戶界面設(shè)計(jì)融合眾多視覺藝術(shù)元素之所長，時(shí)刻關(guān)注使用者的內(nèi)心需求，重視使用者的建議與感受，釘釘不斷對用戶界面設(shè)計(jì)進(jìn)行篩選和搭配。在調(diào)試各種視覺藝術(shù)元素時(shí)，做到了圖文配合恰到好處、色彩搭配合理，成功捕獲使用者的視覺，讓使用者獲得更加舒適的使用體驗(yàn)。

四、結(jié)語

本文簡要闡述了手機(jī)辦公軟件的用戶界面設(shè)計(jì)。作為一名移動(dòng)端的用戶界面設(shè)計(jì)師，主要的工作就是設(shè)計(jì)好軟件界面的圖標(biāo)文字和按鈕等內(nèi)容。設(shè)計(jì)好一個(gè)辦公軟件用戶界面設(shè)計(jì)首先我們要掌握一定的理論知識(shí)，對色彩在用戶界面設(shè)計(jì)應(yīng)用中的理解，以及字體的選擇，看似簡單的界面需要運(yùn)用的知識(shí)非常多。一個(gè)好的用戶界面設(shè)計(jì)給用戶帶來好的人機(jī)交互和用戶體驗(yàn)，以及舒適的視覺感受。越來越多的APP重視界面設(shè)計(jì)給使用者帶來的視覺感受，重視審美體驗(yàn)和情感體驗(yàn)，根據(jù)用戶的需要設(shè)計(jì)出適合用戶的界面設(shè)計(jì)，從而增加產(chǎn)品本身的實(shí)用性，提高用戶粘性，獲取更多用戶的青睞，提升產(chǎn)品的商業(yè)價(jià)值。

參考文獻(xiàn)：

[1]仇慧琴，田世彬.智能手機(jī)UI界面設(shè)計(jì)分析[J].赤峰學(xué)院學(xué)報(bào)（自然科學(xué)版），2016（16）：41-43.

[2]許燕.基于釘釘?shù)囊苿?dòng)辦公微應(yīng)用的設(shè)計(jì)與實(shí)現(xiàn)[J].軟件，2017（4）：137-141.

[3]梁黎.中國傳統(tǒng)圖案在手機(jī)UI界面中的設(shè)計(jì)應(yīng)用研究[J].藝術(shù)評論，2016（3）：159-161.

[4]王曉菲.社交APP界面的交互設(shè)計(jì)——以手機(jī)微信UI設(shè)計(jì)為例[J].戲劇之家，2019（35）：125.

[5]胡佳妮，徐延章.中國傳統(tǒng)元素在手機(jī)交互設(shè)計(jì)中的應(yīng)用[J].美與時(shí)代（上），2015（12）：107-109.

[6]孔德威.手機(jī)UI界面設(shè)計(jì)及視覺藝術(shù)元素分析[J].牡丹江大學(xué)學(xué)報(bào)，2019（11）：108-111，140.

作者簡介：韋智恩，廣西藝術(shù)學(xué)院視覺傳達(dá)設(shè)計(jì)研究生。

編輯：姜閃閃