移動終端產(chǎn)品設(shè)計中交互層級構(gòu)建研究

李廣棟 薛遙 周建

摘 要：移動終端產(chǎn)品已成為生活中的必需品，其便捷性收到了當(dāng)今社會廣大用戶的追捧，可以說已經(jīng)成為生活的必須品。在目前社會環(huán)境下交互設(shè)計成為設(shè)計領(lǐng)域關(guān)注的核心要素，更是國內(nèi)外研究的重點對象，而交互設(shè)計中交互的層級關(guān)系更是指引整個設(shè)計的關(guān)鍵遞進環(huán)節(jié)。文中對互聯(lián)網(wǎng)移動終端產(chǎn)品設(shè)計中如何把握交互層級關(guān)系的合理性、規(guī)范性、導(dǎo)向性做了詳細闡述，在互聯(lián)網(wǎng)、大數(shù)據(jù)等社會熱詞環(huán)境下一個好的設(shè)計作品關(guān)注其用戶體驗性，交互設(shè)計的層級關(guān)系并以其為準(zhǔn)則，這樣才能使產(chǎn)品更符合用戶的要求，界面設(shè)計才能更符合用戶的審美及使用習(xí)慣，真正做到以人為本！

關(guān)鍵詞：用戶體驗研究;移動終端產(chǎn)品;交互層級：界面設(shè)計

當(dāng)今社會“以人為本”的設(shè)計理念是設(shè)計核心，對于互聯(lián)網(wǎng)移動終端產(chǎn)品設(shè)計，同樣以用戶需求為第一位，而產(chǎn)品的整個設(shè)計流程中交互的層級關(guān)系直接影響用戶體驗。以交互層級關(guān)系為導(dǎo)向全面把握用戶需求，關(guān)注產(chǎn)品設(shè)計本身對用戶帶來的交互行為、操作流程、界面的展現(xiàn)形式等。

一、移動終端產(chǎn)品設(shè)計規(guī)范包含的層級關(guān)系

（一）移動終端產(chǎn)品設(shè)計規(guī)范的四個層次

移動終端產(chǎn)品的設(shè)計過程中，交互層級的重要性落實在產(chǎn)品開發(fā)過程中。以APP前端開發(fā)為例，在一款A(yù)PP的開發(fā)過程中，作為設(shè)計師在進行界面設(shè)計時要分析信息優(yōu)先級：

（1）一級信息吸引用戶：一級信息是指用戶在界面短暫停留的時間內(nèi)所能夠?qū)τ脩舢a(chǎn)生吸引的信息，通常作為一級信息具有一定的指示性，內(nèi)容需要做到精準(zhǔn)精煉，在設(shè)計上需要對其進行特殊重點展示。

（2）二級信息幫助理解：二級信息對一級信息有一定的輔助作用，在一級信息的基礎(chǔ)上對一級信息做進一步的詮釋說明，并對主要的信息進行提煉，使用戶在較短的時間內(nèi)理解界面內(nèi)容。

（3）三級信息詳細了解：作為三級信息運用詳細的文字說明對上一級信息進行充分的闡述，在界面中主要是作為一個跳轉(zhuǎn)入口功能。

（二）移動終端產(chǎn)品品牌交互層級體驗設(shè)計

品牌是企業(yè)文化的外在表現(xiàn)也是其核心凝聚力，當(dāng)今社會品牌體驗感也顯得極為重要，BXDesign也逐步被大眾所熟知開始被企業(yè)和設(shè)計部門所提及。品牌體驗設(shè)計涵蓋的層面不僅是指品牌形象及視覺系統(tǒng)，還包含了圖形可視化設(shè)計、用戶界面、影像及動態(tài)設(shè)計等與用戶直接接觸的每一個觸點的情感及操作的體驗，極致的品牌體驗設(shè)計通過對用戶每一個觸點的設(shè)計使用戶的體驗達到最佳。

（三）優(yōu)秀互聯(lián)網(wǎng)移動終端產(chǎn)品品牌logo設(shè)計層級理念

（1）以產(chǎn)品的的背景信息為切入點

從背景信息搜集開始，在給一個APP設(shè)計圖標(biāo)的時候，先應(yīng)該了解的是產(chǎn)品背后公司的氣質(zhì)文化內(nèi)涵、設(shè)計團隊的背景、產(chǎn)品的核心功能，而不是直接進行開發(fā)設(shè)計。企業(yè)和產(chǎn)品本身的狀況以及大數(shù)據(jù)分析對于設(shè)計，有很強的指導(dǎo)作用。

（2）在設(shè)計過程中創(chuàng)意和想法使設(shè)計具有一定的擴展性，但無論任何平臺還是在跨平臺設(shè)計上，都有著明確清晰的設(shè)計規(guī)范，需要嚴格遵守。規(guī)范的制定在圖標(biāo)的設(shè)計表現(xiàn)上主要使圖標(biāo)的視覺和配色呈現(xiàn)出合理性并方便后期的切圖。規(guī)范的設(shè)計表現(xiàn)主要包含：文字字體大小、顏色色值及配色、圖標(biāo)切圖規(guī)范等。

（3）構(gòu)思要簡約但是夠凝聚

構(gòu)思屬于設(shè)計思維的必要過程，在設(shè)計過程中審視圖標(biāo)的過程顯得尤為重要。在審查的過程中把握圖標(biāo)關(guān)鍵信息的呈現(xiàn)性，適當(dāng)減少過多復(fù)雜的內(nèi)容。在追尋簡約扁平化的設(shè)計風(fēng)格的同時要兼顧圖標(biāo)的功能性和體驗性。

（4）產(chǎn)品的品牌是設(shè)計的代表

品牌是產(chǎn)品的代表也是企業(yè)文化的體現(xiàn)，建立在企業(yè)調(diào)性的基礎(chǔ)上注入獨特的設(shè)計，把握元素間從配色到細節(jié)的樣式，同時與整體設(shè)計風(fēng)格與規(guī)范統(tǒng)一并進行相對明確的說明，形成品牌自身的設(shè)計風(fēng)格文檔指南。品牌直接聯(lián)系產(chǎn)品整體設(shè)計風(fēng)格而品牌和圖標(biāo)之間的聯(lián)系十分的清晰，貫穿設(shè)計法則可以闡述為參考品牌設(shè)計風(fēng)格進行圖標(biāo)設(shè)計。

（5）在創(chuàng)意性和功能性間取舍

無論是圖標(biāo)還是品牌設(shè)計把握設(shè)計風(fēng)格為設(shè)計指引方向，并注意設(shè)計配色這些都是毋庸置疑的。在此同時我們設(shè)計時一定要會選取自己設(shè)計的擬物對象或者說意象。選取設(shè)計的擬物對象進行特征元素的提取，然后進行再設(shè)計是必經(jīng)路徑。

二、互聯(lián)網(wǎng)移動終端產(chǎn)品中界面視覺層級優(yōu)化設(shè)計

格式塔心理學(xué)主要強調(diào)用戶使用產(chǎn)品時習(xí)慣與使用行為的協(xié)調(diào)統(tǒng)一，核心的目的性是將信息的可視化及信息呈現(xiàn)性找到最簡單直接有效的途徑。從對格式塔心理學(xué)可以對移動終端產(chǎn)品界面的架構(gòu)層級設(shè)計起到指導(dǎo)性的作用，可以指引設(shè)計師在有限的視覺范圍內(nèi)向用戶傳達更為豐富的交互信息、交互層級架構(gòu)之間的層次關(guān)系、界面的布局及元素區(qū)域的劃分、并把握視覺關(guān)系上的平衡，便于用戶的理解。

三、交互層級對于用戶體驗的重要性

交互層級是交互設(shè)計流程的必要關(guān)鍵一環(huán)，在互聯(lián)網(wǎng)移動終端產(chǎn)品設(shè)計中的地位更是舉足輕重，同時也是將產(chǎn)品的用戶體驗性發(fā)揮到極致的方法。在對互聯(lián)網(wǎng)移動終端產(chǎn)品進行開發(fā)設(shè)計關(guān)鍵是把握交互層級關(guān)系的合理性、規(guī)范性、導(dǎo)向性，只有當(dāng)設(shè)計作品關(guān)注其用戶體驗性，交互設(shè)計的層級關(guān)系并以其為準(zhǔn)則，這樣才能使產(chǎn)品更符合用戶的要求，界面設(shè)計才能更符合用戶的審美及使用習(xí)慣。

[1]李世國，顧振宇.交互設(shè)計（第二版）[M].北京：中國水利水電出版社，2016，（4）.

[2]褚中葦.交互設(shè)計在人機界面設(shè)計中的應(yīng)用[J].北京：北京科技大學(xué)，2010.

[3]百度用戶體驗部著.體驗度.度——簡單可依賴的用戶體驗[M].北京：清華大學(xué)出版社，2014.

[4]喬什.克拉克.觸動人心：設(shè)計優(yōu)秀的iPhone應(yīng)用[M].北京：電子工業(yè)出版社，2011（9）.

[5]陳昭霓.認知心理學(xué)在UI界面設(shè)計中的應(yīng)用[J].包裝工程，2017，38（16）：30-33.

作者簡介：

李廣棟（1993-），男，漢，安徽信息工程學(xué)院產(chǎn)品設(shè)計專業(yè)教師，研究方向：產(chǎn)品設(shè)計方向;

薛 遙（1990-），男，漢，安徽蕪湖人，安徽信息工程學(xué)院產(chǎn)品設(shè)計專業(yè)教師，研究方向：產(chǎn)品設(shè)計方向;

周 建（1986-），男，漢，安徽蕭縣人，安徽信息工程學(xué)院藝術(shù)設(shè)計學(xué)院副院長，高級工程師，研究方向：產(chǎn)品設(shè)計方向。

基金項目：

安徽信息工程學(xué)院專業(yè)核心課程建設(shè)項目（項目編號：2019xjkcjs45）。