李廣棟 薛遙 周建

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

關(guān)鍵詞：用戶(hù)體驗(yàn)研究;移動(dòng)終端產(chǎn)品;交互層級(jí)：界面設(shè)計(jì)

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

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

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

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

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

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

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

（二）移動(dòng)終端產(chǎn)品品牌交互層級(jí)體驗(yàn)設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

三、交互層級(jí)對(duì)于用戶(hù)體驗(yàn)的重要性

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

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

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

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

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

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

作者簡(jiǎn)介：

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

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

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

基金項(xiàng)目：

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