移動交互界面創新設計方法與發展趨勢研究

周彥鵬

天津理工大學中環信息學院

移動交互界面創新設計方法與發展趨勢研究

周彥鵬

天津理工大學中環信息學院

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

交互界面設計；設計方法；用戶行為；發展趨勢

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

1 發展現狀分析

伴隨著“互聯網+”的發展，移動互聯網近兩年得到了飛速的發展，出現了大量的移動應用，而移動應用的設計水平參差不齊，沒有統一的設計思路和設計規范。針對此情況，本文明確提出移動交互界面的創新設計方法，意在規范設計流程。為了讓移動交互界面的設計符合時代的發展，符合大眾使用的習慣，有必要對交互界面設計的發展趨勢進行研究，意在預測并引導設計潮流。

2 移動交互界面創新設計方法

2.1 設計調研

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

2.2 確定交互流程

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

2.3 制定設計方案

根據第二階段繪制的流程圖，制作詳細的設計方案，細化每一項任務的實現過程。設計方案通常以文檔的形式呈現，包括整體架構設計、界面布局設計、界面主體元素、任務實現流程等。

2.4 設計實施

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

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

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

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

2.5 設計評價

設計評價即通過用戶的使用，來驗證系統設計方案的優劣，反饋系統的用戶體驗滿意度。好的人機交互界面設計更加注重對用戶需求的研究，永遠站在用戶的角度看待問題，分析問題并解決問題。優先考慮系統的功能，再考慮實現的形式。注重簡潔的設計，提倡極簡式設計，摒棄冗余的設計。用戶界面布局具有邏輯性，要符合用戶的思維習慣，界面的布局要具有啟示性和引導性，幫助用戶快速解決問題。用戶界面風格保持一致，界面上面的圖標、配色、排版樣式等要保持一致，減少用戶因為記錯而引發問題。

3 移動交互界面發展趨勢研究

3.1 設計思想的新發展

用戶界面向半扁平化設計方向發展，避免使用冗余的視覺元素模擬某種形態，使用簡潔的圖標，運用適當的隱喻，賦予界面情感，便于用戶理解界面的信息，掌握界面的使用方法，為用戶帶來良好視覺感受的同時，帶給用戶良好的情感體驗。

更加注重以人為本，好的設計必然是以人為本的設計，主動適應用戶的使用習慣，提倡自由愉悅的情感體驗，做到“無意識設計”，設計考慮的出發點是一切以用戶的需求為基準，深化產品細節設計，做到個性化多元化的定制體驗，讓用戶順暢使用，而不感到設計本身做作的存在。

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

3.2 設計內容的新發展

設計形式服務于功能，設計的形式可能會改變，設計的功能永遠是許多新鮮和令人興奮的體驗的核心內容。

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

在色彩的設計方面，從當代建筑、路標、彩繪等藝術形式中獲取靈感，進而引發出大膽的顏色表達，使界面的色彩設計與單調乏味的周邊環境形成鮮明的對比。而且強調大膽的使用陰影和高光，設計出意想不到且充滿活力的顏色。

系統圖標的設計必須創造出簡潔有效的視覺體驗。圖標必須做到形式上的極簡設計，使用最本質的形式詮釋理念。確保圖標在小尺寸情況下的可讀性和明晰性。多多采用幾何形狀、對稱一致的圖標，清晰直觀的表情達意。

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

拆解移動應用的內容，降低操作界面的復雜程度，將復雜的界面拆解為多層次遞進的形式，這樣也可以把不同的功能進行劃分，使功能區分更加明確，操作更加便捷。在跨平臺的設計中要使用相同的視覺元素、結構網格和整體的邊距規則，在不同尺寸的屏幕上保證應用有一致的風格和體驗。風格一致的結構和視覺形式，能夠讓用戶獲得良好舒適的體驗。

3.3 用戶行為的新發展

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

設計更加清晰新穎的交互邏輯，以用戶的使用語境、行為模式和認知心理為出發點，設計出邏輯性更強，交互過程更加流暢的界面，使用戶能與界面完成自然順暢的信息交流。

[1]覃京燕.大數據時代的大交互設計[J].包裝工程,2015,36（8）.

[2]孫辛欣,靳文奎.移動應用中的情感交互設計研究[J].包裝工程,2014,35（14）.

[3]張婷.人機交互界面設計在產品可用性中的應用研究[J].包裝工程,2014,35（20）.

[4]林嘉怡.大數據時代移動終端界面設計創新趨勢研究[J].包裝工程,2017,38（2）.

周彥鵬，男，碩士學位，現為天津理工大學中環信息學院講師，主要研究方向：用戶界面設計、數字媒體。