淺談基于客戶體驗(yàn)的App界面設(shè)計(jì)研究

（廣西藝術(shù)學(xué)院 530007）

一款優(yōu)秀的App無(wú)疑要從體驗(yàn)和視覺(jué)上都能給人新的感受，缺乏用戶體驗(yàn)的App，即便將界面做得華麗，其功能性的缺陷往往會(huì)使得用戶在使用過(guò)程中的滿足感降低。智能手機(jī)在未來(lái)的時(shí)代中也必然給我們帶來(lái)更多的驚喜，對(duì)此我們也應(yīng)該針對(duì)這些問(wèn)題提出合理的參考建議，實(shí)現(xiàn)未來(lái)的技術(shù)改進(jìn)。

一、客戶體驗(yàn)的重點(diǎn)內(nèi)容

1.體驗(yàn)體系

體驗(yàn)體系即包括品牌、功能性在內(nèi)的不同要素。具體來(lái)看，包括幾個(gè)方面的內(nèi)容，一是通過(guò)外部環(huán)境來(lái)將內(nèi)部感受轉(zhuǎn)化為感官體驗(yàn)，二是通過(guò)情緒獲得的體驗(yàn)，三是通過(guò)問(wèn)題解決的過(guò)程來(lái)進(jìn)行的思考體驗(yàn)，四是通過(guò)互動(dòng)模式來(lái)獲得的行為體驗(yàn)；五是包含所有體驗(yàn)感在內(nèi)的關(guān)聯(lián)體驗(yàn)。以目前的智能手機(jī)為例，智能手機(jī)可以被看作是用戶進(jìn)行操作的平臺(tái)系統(tǒng)，不同的系統(tǒng)決定了手機(jī)功能和用戶體驗(yàn)的差異，而Android和iOS在擴(kuò)展性、兼容性、便捷性方面的優(yōu)勢(shì)也使得兩者成為了當(dāng)前的主流操作系統(tǒng)。例如iPhone主界面中就包含了自帶的日歷、照片、App Store、信息應(yīng)用程序，共同構(gòu)建了基本的體驗(yàn)體系。

2.體驗(yàn)要素

在整個(gè)App的界面設(shè)計(jì)環(huán)節(jié)，體驗(yàn)都需要發(fā)生在用戶的使用過(guò)程中，從這一層面上來(lái)分析是一個(gè)系統(tǒng)化的工程，為了更好地解決這一過(guò)程的難點(diǎn)，我們需注重戰(zhàn)略目標(biāo)的需求。一般情況下，用戶個(gè)人存在差異，產(chǎn)品的品牌識(shí)別、用戶需求確認(rèn)本身難度較大，我們可以考慮通過(guò)人物角色的模擬來(lái)完成，同時(shí)還能獲取一些潛在的需求。當(dāng)具有基本的結(jié)構(gòu)之后，就可以確定設(shè)計(jì)層次的信息層次，也會(huì)給后續(xù)的工作提供方向，視覺(jué)設(shè)計(jì)此時(shí)扮演著重要的角色，為用戶提供更加清晰的體驗(yàn)路徑。

二、App界面的設(shè)計(jì)原則

App界面設(shè)計(jì)原則首先要從設(shè)計(jì)的要求開(kāi)始，無(wú)論我們從App Store還是Android 應(yīng)用商店來(lái)看，由于在中國(guó)的起步時(shí)間較晚，考慮到流行界面設(shè)計(jì)的要求和風(fēng)格，我們需要注意到的是用戶操作的簡(jiǎn)便程度、用戶屬性信息，用戶排列分組、安全性與人性化要求，其原則設(shè)計(jì)方案表現(xiàn)為以下幾個(gè)方面。

1.風(fēng)格設(shè)計(jì)原則

風(fēng)格設(shè)計(jì)原則表現(xiàn)在界面效果的表現(xiàn)形式與平臺(tái)整體的風(fēng)格要求，即App在用戶的手機(jī)中并非一個(gè)獨(dú)立存在的個(gè)體，而是與其它應(yīng)用程序共同存在的“成員”。以我們常見(jiàn)的iOS系統(tǒng)中的App程序來(lái)說(shuō)，無(wú)論基于顏色還是風(fēng)格都有一致性的特征，這也是最大化保障用戶的個(gè)人體驗(yàn)。正如用習(xí)慣iPad的人群能夠在使用iPhone時(shí)快速上手，原因就在于兩者之間在系統(tǒng)布局上比較相似，也是Apple特有的風(fēng)格設(shè)計(jì)，這樣的一致性也保障了用戶在使用應(yīng)用程序與操作的過(guò)程中能夠保持流暢性特征和要求。

2.簡(jiǎn)化操作原則

在App的操作過(guò)程中我們要遵循的另一原則在于減少用戶自身的操作復(fù)雜程度。一般來(lái)說(shuō)，用戶在選擇操作方式或操作順序時(shí)必然順序自己熟悉的內(nèi)容，即條件反射作用起到了影響。在界面設(shè)計(jì)中為用戶設(shè)計(jì)更加簡(jiǎn)單的路徑或方式能夠讓用戶具有長(zhǎng)期的條件反射，提升其使用體驗(yàn)。

3.掌控體驗(yàn)

技術(shù)的不斷發(fā)展之下，機(jī)器逐漸開(kāi)始適應(yīng)人的需求，操控界面的主動(dòng)性也成為了當(dāng)前企業(yè)所追求的目標(biāo)，并分析現(xiàn)有的社會(huì)人群是如何使用手機(jī)、操作移動(dòng)端的。因而操控界面的主動(dòng)性也是主要的工作目標(biāo)，在手機(jī)的界面設(shè)計(jì)當(dāng)中符合用戶的習(xí)慣。這里仍然以iPhone為例，從其剛問(wèn)世以來(lái)，一直都是以觸摸設(shè)計(jì)的功能性顯著為主要特征，也是前期品牌效益打好基礎(chǔ)的重點(diǎn)。隨著時(shí)間的發(fā)展，用戶已經(jīng)大多習(xí)慣了觸摸操作，在整個(gè)手機(jī)的使用過(guò)程中具有掌控體驗(yàn)，在未來(lái)的測(cè)試過(guò)程當(dāng)中不斷提升使用者的可操作性。

三、客戶體驗(yàn)需求下的App界面設(shè)計(jì)模式

1.確定設(shè)計(jì)目標(biāo)

確定設(shè)計(jì)目標(biāo)即對(duì)整個(gè)產(chǎn)品和細(xì)節(jié)進(jìn)行詳細(xì)的分析和研究，同時(shí)也需要對(duì)產(chǎn)品自身的情況展開(kāi)分析。我們可以通過(guò)問(wèn)卷調(diào)查的形式來(lái)了解用戶需求，排除一些可能產(chǎn)生不利影響的外部因素。例如對(duì)于一些用戶下載量最多的App產(chǎn)品，我們就應(yīng)該分析其功能的優(yōu)勢(shì)有哪些，并且了解它是如何處理那些繁瑣、冗余的設(shè)計(jì)，同時(shí)還需考慮到社會(huì)層面或是市場(chǎng)的發(fā)展趨勢(shì)。例如在設(shè)計(jì)到與購(gòu)房有關(guān)的App時(shí)，就要了解到近期國(guó)家對(duì)于房屋購(gòu)置或房屋招投標(biāo)的政策，明確產(chǎn)品的定位，即產(chǎn)品能夠?yàn)橛脩籼峁┠男┬畔ⅲ脩粜枨蟮男畔㈩愋偷龋趯?shí)際運(yùn)營(yíng)的環(huán)節(jié)中也能更加符合要求。

2.界面流程規(guī)劃

按照前期所收集的用戶體驗(yàn)設(shè)計(jì)信息，應(yīng)意識(shí)到整個(gè)設(shè)計(jì)流程中最關(guān)鍵的內(nèi)容是模擬用戶操作的過(guò)程，即“用戶”在使用App的環(huán)節(jié)中能夠獲得哪些信息，幫助實(shí)現(xiàn)整個(gè)架構(gòu)過(guò)程的優(yōu)化。實(shí)際上進(jìn)行模擬測(cè)試的過(guò)程可以適當(dāng)延長(zhǎng)，設(shè)定不同特征的模擬用戶，按照人群本身的差異來(lái)決定。例如青年男性偏向于運(yùn)動(dòng)產(chǎn)品的購(gòu)買，中年女性傾向于奢侈品的瀏覽等，諸如此類的流程設(shè)計(jì)要求是為了滿足常規(guī)用戶的行為流程預(yù)測(cè)。對(duì)于青年男性，他們需求運(yùn)動(dòng)產(chǎn)品，所以就應(yīng)該對(duì)其曾經(jīng)購(gòu)買過(guò)的歷史記錄展開(kāi)行為流程的研究，簡(jiǎn)化復(fù)雜的用戶行為，并且整理出一條更加清晰的線路要求。

3.框架圖與視覺(jué)設(shè)計(jì)

框架基本確立之后，就可以在線框圖中了解流程圖設(shè)計(jì)環(huán)節(jié)的要素，將一些必要的功能進(jìn)行深化處理。當(dāng)然，這也可以通過(guò)不同的序列界面來(lái)實(shí)現(xiàn)，根據(jù)App項(xiàng)目的難度與適應(yīng)場(chǎng)合而決定。需要注意的是在某些小項(xiàng)目的設(shè)計(jì)環(huán)節(jié)中，信息架構(gòu)師可以憑借自身的工作經(jīng)驗(yàn)展開(kāi)架構(gòu)，必要時(shí)可以跳過(guò)線框圖直接進(jìn)行視覺(jué)設(shè)計(jì)的過(guò)程。用戶對(duì)于App有自身相對(duì)固定的需求條件，因此要根據(jù)用戶的心理傾向，借助技術(shù)手段來(lái)設(shè)計(jì)一個(gè)更加友好的界面，在一個(gè)移動(dòng)設(shè)備有限的空間內(nèi)創(chuàng)造出更加符合用戶習(xí)慣和操作要求的界面，其中涉及到的元素內(nèi)容也包括色彩、文字、Icon等。

（1）圖標(biāo)設(shè)計(jì)

Icon即圖標(biāo)，是用戶首先看到的信息，像素的規(guī)格一般來(lái)說(shuō)比較固定，且追求最大層次的視覺(jué)體驗(yàn)，以符合用戶操作習(xí)慣的方式來(lái)進(jìn)行具象設(shè)計(jì)。具體而言，既要保障不同圖標(biāo)之間的差異，又要符合整體的一致性需求，避免對(duì)其展開(kāi)過(guò)分裝飾而產(chǎn)生視覺(jué)層面的“冗余感”。在這一方面我們可以參考平面媒體的設(shè)計(jì)模式，在突出產(chǎn)品個(gè)性的要求之下，會(huì)對(duì)其中的元素進(jìn)行排列組合，符合均衡設(shè)計(jì)、多樣設(shè)計(jì)的要求。

（2）色彩設(shè)計(jì)

合理的顏色能夠讓用戶留下深刻的印象，同時(shí)讓用戶了解到某些顏色所代表的App類型。例如微信的圖標(biāo)是綠色，淘寶的圖標(biāo)是橙色，支付寶的圖標(biāo)是藍(lán)色，這些設(shè)計(jì)都是其主要的色彩基調(diào)。一個(gè)成功的界面設(shè)計(jì)中也會(huì)有標(biāo)準(zhǔn)色調(diào)，并且通過(guò)部分顏色的點(diǎn)綴和輔助來(lái)體現(xiàn)在元素設(shè)計(jì)的環(huán)節(jié)當(dāng)中。正如淘寶App中，橙色的主界面中有一個(gè)白色的“淘”字，不僅說(shuō)明了App的性質(zhì)，同時(shí)也突出了信息的可閱讀性，給用戶提供了更加良好的視覺(jué)體驗(yàn)。

（3）字體設(shè)計(jì)

字體設(shè)計(jì)要滿足字號(hào)能夠被識(shí)別的要求，整個(gè)App的界面字體原則上需保持一致，即同類型的信息在顏色的處理和選擇上也需要保持仙相同，能夠讓用戶更精確地辨別信息。當(dāng)然，也要考慮到App的整體風(fēng)格來(lái)確定，在合理的范圍內(nèi)注意到不同類型字體可能出現(xiàn)的變化。而在設(shè)定字間距、行間距時(shí)要注意界面的風(fēng)格統(tǒng)一要求，避免某些不必要的設(shè)計(jì)元素與干擾信息，注重真實(shí)、有效的用戶視覺(jué)體驗(yàn)和感受，這才是一個(gè)成功的App，能讓用戶留下深刻印象。

四、結(jié)語(yǔ)

在未來(lái)的App設(shè)計(jì)過(guò)程中，除了技術(shù)因素以外我們還要考慮到界面內(nèi)的元素要求。在規(guī)范性保障的前提下，要建立符合自身特色的創(chuàng)新點(diǎn)，而不是通過(guò)一味地借鑒來(lái)打造其特征。總體而言，在綜合考慮到社會(huì)、文化、用戶習(xí)慣與用戶需求之后，根據(jù)用戶體驗(yàn)流程來(lái)進(jìn)行概括性分析，設(shè)計(jì)出值得用戶使用的操作界面，無(wú)疑也是未來(lái)工作的主要方向。