周彥鵬

天津理工大學(xué)中環(huán)信息學(xué)院

移動交互界面創(chuàng)新設(shè)計(jì)方法與發(fā)展趨勢研究

周彥鵬

天津理工大學(xué)中環(huán)信息學(xué)院

本文通過對移動交互界面設(shè)計(jì)的發(fā)展現(xiàn)狀進(jìn)行分析，梳理并明確了移動交互界面創(chuàng)新設(shè)計(jì)的方法，確定了設(shè)計(jì)步驟。然后圍繞設(shè)計(jì)思想的新發(fā)展、設(shè)計(jì)內(nèi)容的新發(fā)展和用戶行為的新發(fā)展幾個(gè)角度，對移動交互界面的發(fā)展趨勢進(jìn)行了深入研究。

交互界面設(shè)計(jì)；設(shè)計(jì)方法；用戶行為；發(fā)展趨勢

設(shè)計(jì)并不是對象的簡單排列組合，而是通過簡化、明確、修飾等手法，使之有說服性、有趣味性、有實(shí)用性。人機(jī)交互界面設(shè)計(jì)涉及到社會學(xué)、心理學(xué)、工程學(xué)科等諸多領(lǐng)域的知識，交互界面設(shè)計(jì)師應(yīng)該掌握設(shè)計(jì)心理學(xué)、人機(jī)工程學(xué)、價(jià)值工程學(xué)等學(xué)科領(lǐng)域的知識，需要與各領(lǐng)域的專家學(xué)者交流合作，掌握得當(dāng)?shù)膭?chuàng)新設(shè)計(jì)方法，并且把握住用戶界面的創(chuàng)新發(fā)展趨勢，為用戶創(chuàng)建簡潔有效、易用、易識別、技法新穎、自由愉悅、個(gè)性多元的用戶界面。

1 發(fā)展現(xiàn)狀分析

伴隨著“互聯(lián)網(wǎng)+”的發(fā)展，移動互聯(lián)網(wǎng)近兩年得到了飛速的發(fā)展，出現(xiàn)了大量的移動應(yīng)用，而移動應(yīng)用的設(shè)計(jì)水平參差不齊，沒有統(tǒng)一的設(shè)計(jì)思路和設(shè)計(jì)規(guī)范。針對此情況，本文明確提出移動交互界面的創(chuàng)新設(shè)計(jì)方法，意在規(guī)范設(shè)計(jì)流程。為了讓移動交互界面的設(shè)計(jì)符合時(shí)代的發(fā)展，符合大眾使用的習(xí)慣，有必要對交互界面設(shè)計(jì)的發(fā)展趨勢進(jìn)行研究，意在預(yù)測并引導(dǎo)設(shè)計(jì)潮流。

2 移動交互界面創(chuàng)新設(shè)計(jì)方法

2.1 設(shè)計(jì)調(diào)研

任何人機(jī)交互界面的設(shè)計(jì)，都要考慮到用戶的廣泛性，因此，需要通過設(shè)計(jì)調(diào)研，確定目標(biāo)人群，根據(jù)不同用戶的認(rèn)知能力確定界面的設(shè)計(jì)方向。人有性別、年齡、受教育程度等區(qū)別，人機(jī)界面設(shè)計(jì)力求把握普適性原則。通過問卷調(diào)查、隨機(jī)采訪或者實(shí)地實(shí)驗(yàn)的方式，了解用戶的使用動機(jī)、對于界面的關(guān)注重點(diǎn)、有無類似產(chǎn)品的使用經(jīng)驗(yàn)、用戶的使用習(xí)慣、用戶的偏好等。將調(diào)查結(jié)果形成用戶認(rèn)知問題列表。

2.2 確定交互流程

將第一階段得到的問題列表進(jìn)行分類，對需要解決的問題進(jìn)行任務(wù)分類，進(jìn)而確定任務(wù)的執(zhí)行順序。繪制出流程圖，流程設(shè)計(jì)要符合交互邏輯，確定交互流程。

2.3 制定設(shè)計(jì)方案

根據(jù)第二階段繪制的流程圖，制作詳細(xì)的設(shè)計(jì)方案，細(xì)化每一項(xiàng)任務(wù)的實(shí)現(xiàn)過程。設(shè)計(jì)方案通常以文檔的形式呈現(xiàn)，包括整體架構(gòu)設(shè)計(jì)、界面布局設(shè)計(jì)、界面主體元素、任務(wù)實(shí)現(xiàn)流程等。

2.4 設(shè)計(jì)實(shí)施

（1）色彩設(shè)計(jì)，不同的色彩搭配會帶來不同的外觀效果，也會影響到用戶的使用心理，因此要考慮色彩搭配的合理性，力求簡潔明快，使用盡量少的色彩，以突出主要內(nèi)容為目的，不喧賓奪主。

（2）文字設(shè)計(jì)，文字設(shè)計(jì)要把握住其易識別的特點(diǎn)。文字可以直書達(dá)意，可以直接傳播信息。在界面設(shè)計(jì)中，文字的設(shè)計(jì)數(shù)量不宜過多，要做到言簡意賅。文字必須清晰易讀，大小合適，文字的顏色與背景的顏色要有明顯區(qū)分，以最易讀的形式進(jìn)行搭配，比如藍(lán)底白字，黃底黑字等形式，避免綠底紅字，黃底綠字等形式。

（3）構(gòu)圖設(shè)計(jì)，人機(jī)交互界面中構(gòu)圖的設(shè)計(jì)，要突出主體，把主要的內(nèi)容放到顯眼的位置，區(qū)域盡可能大，放置合適的圖片來表達(dá)內(nèi)容，圖片包括的信息量大，而且簡單直觀，一般的用戶都可以看懂，再配合上合理的文字說明，圖文并排的形式，可以清晰明了的表達(dá)出要傳遞的信息。

（4）動畫設(shè)計(jì)，在人機(jī)交互界面中融入生動的動畫，可以使界面更加有趣，也會讓用戶直觀看到內(nèi)容的流程變化，可以更加清晰的表情達(dá)意。比如轉(zhuǎn)場動畫設(shè)計(jì)、按鈕動畫設(shè)計(jì)等。

2.5 設(shè)計(jì)評價(jià)

設(shè)計(jì)評價(jià)即通過用戶的使用，來驗(yàn)證系統(tǒng)設(shè)計(jì)方案的優(yōu)劣，反饋系統(tǒng)的用戶體驗(yàn)滿意度。好的人機(jī)交互界面設(shè)計(jì)更加注重對用戶需求的研究，永遠(yuǎn)站在用戶的角度看待問題，分析問題并解決問題。優(yōu)先考慮系統(tǒng)的功能，再考慮實(shí)現(xiàn)的形式。注重簡潔的設(shè)計(jì)，提倡極簡式設(shè)計(jì)，摒棄冗余的設(shè)計(jì)。用戶界面布局具有邏輯性，要符合用戶的思維習(xí)慣，界面的布局要具有啟示性和引導(dǎo)性，幫助用戶快速解決問題。用戶界面風(fēng)格保持一致，界面上面的圖標(biāo)、配色、排版樣式等要保持一致，減少用戶因?yàn)橛涘e(cuò)而引發(fā)問題。

3 移動交互界面發(fā)展趨勢研究

3.1 設(shè)計(jì)思想的新發(fā)展

用戶界面向半扁平化設(shè)計(jì)方向發(fā)展，避免使用冗余的視覺元素模擬某種形態(tài)，使用簡潔的圖標(biāo)，運(yùn)用適當(dāng)?shù)碾[喻，賦予界面情感，便于用戶理解界面的信息，掌握界面的使用方法，為用戶帶來良好視覺感受的同時(shí)，帶給用戶良好的情感體驗(yàn)。

更加注重以人為本，好的設(shè)計(jì)必然是以人為本的設(shè)計(jì)，主動適應(yīng)用戶的使用習(xí)慣，提倡自由愉悅的情感體驗(yàn)，做到“無意識設(shè)計(jì)”，設(shè)計(jì)考慮的出發(fā)點(diǎn)是一切以用戶的需求為基準(zhǔn)，深化產(chǎn)品細(xì)節(jié)設(shè)計(jì)，做到個(gè)性化多元化的定制體驗(yàn)，讓用戶順暢使用，而不感到設(shè)計(jì)本身做作的存在。

遵從用戶操作習(xí)慣，發(fā)展新的視覺語言，力求視覺上清晰、簡單的設(shè)計(jì)。在基本元素的處理上，借鑒傳統(tǒng)的平面設(shè)計(jì)規(guī)范，比如排版、空間、比例、配色、圖像使用等。在這些設(shè)計(jì)基礎(chǔ)上下功夫，不但可以愉悅用戶，而且能夠構(gòu)建出視覺層次、視覺含義以及視覺焦點(diǎn)。精心選擇色彩、圖像、以及選擇合乎比例的字體、留白，力求構(gòu)建出鮮明的、形象的用戶界面，視覺層次更加簡潔，設(shè)計(jì)更加樸素。界面風(fēng)格高度一致，用戶沉浸其中減少誤識別。

3.2 設(shè)計(jì)內(nèi)容的新發(fā)展

設(shè)計(jì)形式服務(wù)于功能，設(shè)計(jì)的形式可能會改變，設(shè)計(jì)的功能永遠(yuǎn)是許多新鮮和令人興奮的體驗(yàn)的核心內(nèi)容。

易識別的文字，文字的設(shè)計(jì)力求簡潔實(shí)用，樸素大方。簡潔的本質(zhì)是追求精神上的簡單放松，使人感到自然舒適，要避免過度設(shè)計(jì)。使用盡量少的字體尺寸和樣式，要保證文字能夠與布局結(jié)構(gòu)和諧并存，過多的字體尺寸和樣式會破壞界面的整體布局。力求使一般應(yīng)用場合中的文字尺寸和樣式，能夠在內(nèi)容表達(dá)和閱讀舒適度方面取得平衡，讓文字的設(shè)計(jì)獲得用戶的認(rèn)可。

在色彩的設(shè)計(jì)方面，從當(dāng)代建筑、路標(biāo)、彩繪等藝術(shù)形式中獲取靈感，進(jìn)而引發(fā)出大膽的顏色表達(dá)，使界面的色彩設(shè)計(jì)與單調(diào)乏味的周邊環(huán)境形成鮮明的對比。而且強(qiáng)調(diào)大膽的使用陰影和高光，設(shè)計(jì)出意想不到且充滿活力的顏色。

系統(tǒng)圖標(biāo)的設(shè)計(jì)必須創(chuàng)造出簡潔有效的視覺體驗(yàn)。圖標(biāo)必須做到形式上的極簡設(shè)計(jì)，使用最本質(zhì)的形式詮釋理念。確保圖標(biāo)在小尺寸情況下的可讀性和明晰性。多多采用幾何形狀、對稱一致的圖標(biāo)，清晰直觀的表情達(dá)意。

虛擬現(xiàn)實(shí)，增強(qiáng)現(xiàn)實(shí)等新技術(shù)的發(fā)展，使交互形式從單一低維通道向多向高維通道發(fā)展，新技術(shù)的發(fā)展將會對現(xiàn)在的交互設(shè)計(jì)思想產(chǎn)生很大的影響。伴隨著新媒體的發(fā)展，拓展了交互界面的應(yīng)用場景，比如健康醫(yī)療、智能手表、車載系統(tǒng)等，這樣就擴(kuò)大了交互界面的開發(fā)范圍。另外，隨著時(shí)代的發(fā)展，要更加關(guān)懷特殊群體，讓特殊群體的人同樣能夠分享到新技術(shù)的發(fā)展成果，要大力發(fā)展移動媒體的無障礙設(shè)計(jì)。

拆解移動應(yīng)用的內(nèi)容，降低操作界面的復(fù)雜程度，將復(fù)雜的界面拆解為多層次遞進(jìn)的形式，這樣也可以把不同的功能進(jìn)行劃分，使功能區(qū)分更加明確，操作更加便捷。在跨平臺的設(shè)計(jì)中要使用相同的視覺元素、結(jié)構(gòu)網(wǎng)格和整體的邊距規(guī)則，在不同尺寸的屏幕上保證應(yīng)用有一致的風(fēng)格和體驗(yàn)。風(fēng)格一致的結(jié)構(gòu)和視覺形式，能夠讓用戶獲得良好舒適的體驗(yàn)。

3.3 用戶行為的新發(fā)展

根據(jù)用戶的行為，凸顯核心功能，進(jìn)而為用戶提供操作指引。簡化輸入操作，讓用戶多做選擇動作，少做輸入動作，刪減復(fù)雜的輸入控件，盡量減輕用戶瀏覽內(nèi)容的工作量，拉近與用戶的距離，提高用戶的體驗(yàn)。

設(shè)計(jì)更加清晰新穎的交互邏輯，以用戶的使用語境、行為模式和認(rèn)知心理為出發(fā)點(diǎn)，設(shè)計(jì)出邏輯性更強(qiáng)，交互過程更加流暢的界面，使用戶能與界面完成自然順暢的信息交流。

[1]覃京燕.大數(shù)據(jù)時(shí)代的大交互設(shè)計(jì)[J].包裝工程,2015,36（8）.

[2]孫辛欣,靳文奎.移動應(yīng)用中的情感交互設(shè)計(jì)研究[J].包裝工程,2014,35（14）.

[3]張婷.人機(jī)交互界面設(shè)計(jì)在產(chǎn)品可用性中的應(yīng)用研究[J].包裝工程,2014,35（20）.

[4]林嘉怡.大數(shù)據(jù)時(shí)代移動終端界面設(shè)計(jì)創(chuàng)新趨勢研究[J].包裝工程,2017,38（2）.

周彥鵬，男，碩士學(xué)位，現(xiàn)為天津理工大學(xué)中環(huán)信息學(xué)院講師，主要研究方向：用戶界面設(shè)計(jì)、數(shù)字媒體。