基于情感化設(shè)計(jì)的APP界面設(shè)計(jì)

摘? 要：APP從興起到現(xiàn)在呈現(xiàn)爆炸式的發(fā)展，APP界面決定著用戶對(duì)于APP的第一感知。為更好地滿足目標(biāo)用戶對(duì)APP界面設(shè)計(jì)共性和個(gè)性化的需求，基于情感化設(shè)計(jì)的APP界面設(shè)計(jì)方法應(yīng)運(yùn)而生。該方法系統(tǒng)地分析了APP設(shè)計(jì)的流程，分析了在本能層、行為層和反思層設(shè)計(jì)間的相互關(guān)系，具有很強(qiáng)的操作性，并有一定的現(xiàn)實(shí)意義和應(yīng)用價(jià)值。

關(guān)鍵詞：APP界面設(shè)計(jì);情感化設(shè)計(jì);本能層;反思層

基金項(xiàng)目：本文系成都師范學(xué)院校級(jí)課題“基于用戶體驗(yàn)的UI設(shè)計(jì)研究”（CS16SB03）研究成果。

近年來(lái)互聯(lián)網(wǎng)在國(guó)內(nèi)得到高速發(fā)展，互聯(lián)網(wǎng)的蓬勃發(fā)展也得到黨和國(guó)家領(lǐng)導(dǎo)人的高度重視，習(xí)主席曾指出：“我國(guó)互聯(lián)網(wǎng)和信息化工作取得了顯著發(fā)展成就，網(wǎng)絡(luò)走入千家萬(wàn)戶，網(wǎng)民數(shù)量世界第一，我國(guó)已成為網(wǎng)絡(luò)大國(guó)?！绷?xí)近平總書(shū)記為建設(shè)網(wǎng)絡(luò)強(qiáng)國(guó)提出要求，“讓互聯(lián)網(wǎng)發(fā)展成果惠及13億中國(guó)人民”。在現(xiàn)代生活中，人們亦越來(lái)越普遍地運(yùn)用智能化手機(jī)上網(wǎng)獲取資源，參與網(wǎng)絡(luò)活動(dòng)，APP在短短幾年里成倍數(shù)增長(zhǎng)，競(jìng)爭(zhēng)日益激烈。APP界面是吸引受眾的第一面孔，很大程度上決定著用戶對(duì)于APP的第一感知，所以優(yōu)良的界面設(shè)計(jì)可以讓APP的推廣事半功倍。

一、APP界面設(shè)計(jì)發(fā)展歷程與趨勢(shì)

APP是智能手機(jī)的第三方應(yīng)用程序，外語(yǔ)全稱Application。目前，比較著名的App商店有蘋(píng)果的App Store、安卓系統(tǒng)的Google Play Store、較為小眾Blackberry手機(jī)的BlackBerry App World和微軟的Marketplace?，F(xiàn)在蘋(píng)果及安卓系統(tǒng)現(xiàn)已占整體市場(chǎng)份額9成以上，受眾更熟悉認(rèn)可蘋(píng)果和安卓系統(tǒng)的界面。

APP界面設(shè)計(jì)發(fā)展歷程伴隨智能手機(jī)的發(fā)展。在App設(shè)計(jì)初期，最早的設(shè)計(jì)思維都是擬物化的，如iPhone最早的幾個(gè)UI設(shè)計(jì)版本[1]。擬物化風(fēng)格真實(shí)再現(xiàn)日常場(chǎng)景中實(shí)物，人們看到什么就能迅速判斷出按鈕的功能，這種風(fēng)格減少用戶在使用上的歧義。蘋(píng)果智能手機(jī)界面就一直沿用擬物化風(fēng)格的設(shè)計(jì);蘋(píng)果的界面設(shè)計(jì)干凈、簡(jiǎn)約、專業(yè)、美觀，這種風(fēng)格確實(shí)在設(shè)計(jì)初期大獲好評(píng)并迅速搶占市場(chǎng)，但多年來(lái)卻幾乎未變。人們已掌握并熟悉了智能手機(jī)的操作，開(kāi)始渴望充滿變化的界面設(shè)計(jì)。在這一時(shí)期WINDOWS強(qiáng)勢(shì)推出扁平化風(fēng)格，扁平化風(fēng)格讓人眼前一亮，獲得大眾推崇，界面圖形圖案輪廓分明、色塊對(duì)比強(qiáng)烈、簡(jiǎn)潔美觀大方，很大程度上滿足人們審美的需求。安卓系統(tǒng)的界面設(shè)計(jì)在設(shè)計(jì)的形式感和視覺(jué)效果上都趕不上蘋(píng)果界面設(shè)計(jì)的精美，但憑借平臺(tái)優(yōu)勢(shì)積累大量用戶，近些年來(lái)也更加注重界面設(shè)計(jì)的精細(xì)程度，設(shè)計(jì)感也很大的提高。

二、當(dāng)前APP界面設(shè)計(jì)的主要問(wèn)題

2018年APP數(shù)量已達(dá)到400多萬(wàn)個(gè)，這個(gè)數(shù)字還在持續(xù)增長(zhǎng)。APP現(xiàn)已涵蓋各個(gè)領(lǐng)域，相同種類的APP也存在相當(dāng)大的競(jìng)爭(zhēng)，與APP性能的快速發(fā)展相比，界面設(shè)計(jì)卻相對(duì)滯后，存在一些問(wèn)題。

（一）界面設(shè)計(jì)形式固化

由于市場(chǎng)份額被蘋(píng)果及安卓系統(tǒng)迅速占領(lǐng)，其他操作系統(tǒng)用戶還在逐年減少，蘋(píng)果及安卓平臺(tái)界面設(shè)計(jì)多年來(lái)也形成自己的風(fēng)格，相對(duì)固化。擬物化設(shè)計(jì)在APP設(shè)計(jì)初期就已面市，雖然樣式精美，設(shè)計(jì)師在設(shè)計(jì)中也更加精心渲染細(xì)節(jié)和質(zhì)感的表現(xiàn)，但多年來(lái)大眾已審美疲勞。相對(duì)蘋(píng)果界面的封閉性，安卓公司相對(duì)開(kāi)放，圖標(biāo)沒(méi)有受到邊框限定，而擬物化設(shè)計(jì)的表現(xiàn)也始終無(wú)法突破。扁平化設(shè)計(jì)這個(gè)概念是在2008年由GOOGLE提出，但最終完成使用扁平化設(shè)計(jì)是在WIN8的界面，這種設(shè)計(jì)風(fēng)格一經(jīng)面市就深受好評(píng)，它放棄所有裝飾效果，用一種極簡(jiǎn)的形式出現(xiàn)在世人面前，配色漂亮、干凈整齊，使用起來(lái)格外簡(jiǎn)單。但這么多年來(lái)也沒(méi)有更進(jìn)一步的發(fā)展，設(shè)計(jì)師也只是從細(xì)節(jié)入手對(duì)原有形式進(jìn)行修飾。

（二）界面設(shè)計(jì)區(qū)分化不足

智能手機(jī)一經(jīng)面世好像就是年輕化的，而年輕人的市場(chǎng)卻逐步飽和，老齡用戶、兒童或其他有特別需求用戶的需求卻始終沒(méi)有得到市場(chǎng)重視。而這部分用戶卻又緊跟時(shí)代的要求。例如老齡用戶，在很多社區(qū)都有年輕志愿者幫助教學(xué)老齡人學(xué)習(xí)智能手機(jī)的使用，但界面操作并不適合老齡用戶操作，很多老齡用戶學(xué)習(xí)過(guò)后容易遺忘，甚至很多老齡用戶受到視力影響根本看不到界面的圖形及文字，造成使用困擾。界面設(shè)計(jì)應(yīng)充分考慮所有用戶群體在使用時(shí)將面臨的問(wèn)題，有針對(duì)性地發(fā)現(xiàn)問(wèn)題，并逐一解決。在未來(lái)發(fā)展中，APP的研發(fā)會(huì)更細(xì)分市場(chǎng)，注重挖掘用戶需求，注重用戶體驗(yàn)感。

三、基于情感化設(shè)計(jì)的APP界面設(shè)計(jì)構(gòu)建模式

（一）情感化設(shè)計(jì)

情感化設(shè)計(jì)是由美國(guó)著名認(rèn)知心理學(xué)家唐納德·A.諾曼提出，他在研究中分析出“人類的大腦活動(dòng)分為三個(gè)層次：先天的部分，被稱為本能層次;控制身體日常行為的運(yùn)作部分，被稱為反思層次;還有大腦的思考部分，被稱為反思層次”[2]。腦部的三個(gè)活動(dòng)層次相互作用，在本能層次的設(shè)計(jì)可以通過(guò)視覺(jué)元素的刺激帶給受眾良好的體驗(yàn)，行為層次更注重操作過(guò)程的愉悅效果，反思層次的設(shè)計(jì)則偏重滿足個(gè)性化的需求。情感化設(shè)計(jì)科學(xué)的分析了好的設(shè)計(jì)應(yīng)在注重審美的同時(shí)能夠帶來(lái)好的操作體驗(yàn)并技法情感共鳴，它為設(shè)計(jì)師提供了一種新的設(shè)計(jì)思考方式。

（二）基于情感化設(shè)計(jì)的APP設(shè)計(jì)構(gòu)建流程

情感化設(shè)計(jì)的APP界面設(shè)計(jì)構(gòu)建模式將通過(guò)情感化設(shè)計(jì)的三個(gè)層次來(lái)實(shí)現(xiàn)，構(gòu)建流程如圖1所示。首先APP設(shè)計(jì)應(yīng)完成大量市場(chǎng)調(diào)研，對(duì)消費(fèi)者進(jìn)行分析;了解消費(fèi)者消費(fèi)群體狀況，包括分布、收入、職業(yè)、年齡、行為特征等;消費(fèi)者心理狀況，包括關(guān)心點(diǎn)、潛在需求、排斥點(diǎn)、常用媒體分析等。通過(guò)調(diào)查問(wèn)卷等形式得到用戶數(shù)據(jù)，對(duì)用戶需求及體驗(yàn)進(jìn)行分析、收集、整理和歸納，將用戶需求顯性化。在此基礎(chǔ)上構(gòu)建起行為層設(shè)計(jì)，搭建交互設(shè)計(jì)與信息架構(gòu)，再根據(jù)行為層設(shè)計(jì)完成本能層的視覺(jué)設(shè)計(jì)與表現(xiàn)，包括界面設(shè)計(jì)，界面元素導(dǎo)航設(shè)計(jì)與信息設(shè)計(jì)。行為層的設(shè)計(jì)和本能層的設(shè)計(jì)共同構(gòu)筑具有反思層的APP設(shè)計(jì)。

（三）本能層設(shè)計(jì)構(gòu)建

用戶調(diào)查分析和交互設(shè)計(jì)更多地偏向APP產(chǎn)品內(nèi)容的設(shè)計(jì)，設(shè)計(jì)師習(xí)慣性運(yùn)用理性角度搜集信息，在基于用戶體驗(yàn)角度考量APP應(yīng)該具有什么樣的功能和服務(wù)的同時(shí)還要考慮交互邏輯的合理和嚴(yán)謹(jǐn)。通常先繪制產(chǎn)品交互流程圖，展示出APP中各個(gè)功能及頁(yè)面間的關(guān)系，方便后期工作對(duì)交互流程進(jìn)行修改。隨后由視覺(jué)設(shè)計(jì)師構(gòu)建本能層設(shè)計(jì)——界面視覺(jué)設(shè)計(jì)，在這個(gè)階段要保證界面設(shè)計(jì)所顯示內(nèi)容的完整性并符合交互邏輯要求。

本能層由注視、感受和聲音等生理特征起主導(dǎo)作用。本能設(shè)計(jì)和第一反應(yīng)有關(guān)。視覺(jué)設(shè)計(jì)師運(yùn)用視覺(jué)元素，色彩、圖形、文字及組織視覺(jué)元素間的關(guān)系，如構(gòu)圖、大小、聚集、分散等以交互設(shè)計(jì)師理性的概念實(shí)現(xiàn)產(chǎn)品的交互設(shè)計(jì)，將信息完整地傳遞給APP用戶。設(shè)計(jì)師要把握APP應(yīng)用需求，確認(rèn)核心功能，模擬出設(shè)計(jì)初稿，通過(guò)低保真原型和高保真原型兩步操作，最終完成界面設(shè)計(jì)工作。

1.設(shè)計(jì)應(yīng)遵循風(fēng)格一致性原則，要有統(tǒng)一的字體、字號(hào)、統(tǒng)一的色調(diào)、統(tǒng)一的提示用詞、窗口在統(tǒng)一的位置、按鈕也在窗口的相同的位置等，目的是能夠減少記憶量、減少出錯(cuò)概率并且能迅速積累操作經(jīng)驗(yàn)。

2.制定出制圖規(guī)范，從字體、顏色、控件規(guī)格、圖片、圖標(biāo)規(guī)格、間距等各方面確定最終樣式，形成統(tǒng)一規(guī)范。界面設(shè)計(jì)中所有圖形都應(yīng)按照規(guī)范要求完成設(shè)計(jì)。

3.APP界面設(shè)計(jì)要有清晰的信息框架，頁(yè)面之間具有清晰的邏輯，讓用戶一目了然地了解APP各個(gè)模塊并能夠自由切換。界面表現(xiàn)應(yīng)簡(jiǎn)捷、操作簡(jiǎn)單、步驟少、層次一般不超過(guò)三級(jí)。根據(jù)APP交互邏輯分析出具有代表性質(zhì)的界面并進(jìn)行歸類整理、設(shè)計(jì)，注意典型界面設(shè)計(jì)的個(gè)性化表達(dá)。然后針對(duì)特殊的需求單獨(dú)設(shè)計(jì)完善，比如彈窗、登錄、注冊(cè)等頁(yè)面。設(shè)計(jì)需要考慮用戶操作習(xí)慣，如主要功能能否單手完成、常見(jiàn)手勢(shì)翻頁(yè)交互效果等。

（四）反思層設(shè)計(jì)構(gòu)建

反思層次設(shè)計(jì)涵蓋諸多領(lǐng)域，它與信息、文化以及產(chǎn)品的含義和用途息息相關(guān)。設(shè)計(jì)可以在本能層次，也可以在反思層次起作用。產(chǎn)品體驗(yàn)所帶來(lái)的個(gè)性化、獨(dú)特性、限量性、層次性等都在反思層起作用。手機(jī)APP所帶給用戶的反思層設(shè)計(jì)是行為層設(shè)計(jì)與本能層設(shè)計(jì)所帶來(lái)的綜合體驗(yàn)。APP設(shè)計(jì)要注重用戶體驗(yàn)，首先具備一些條件使得受眾產(chǎn)生粘性，如利益性、趣味性、內(nèi)容性、創(chuàng)新性、社交性、操作性等構(gòu)建出APP反思層的設(shè)計(jì)。APP的設(shè)計(jì)要從消費(fèi)者需求出發(fā)，著眼用戶興趣，增強(qiáng)APP的實(shí)用性和趣味性。好的設(shè)計(jì)不僅要單純迎合受眾低層次的需求，還應(yīng)引導(dǎo)受眾的操作模式。通常情況下受眾接受新形式事務(wù)都需要?dú)v經(jīng)一個(gè)階段，而設(shè)計(jì)師正應(yīng)該通過(guò)反思層面的設(shè)計(jì)解決或縮短這一階段。

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

在信息化背景下，隨著科技的發(fā)展，人們對(duì)于APP的需求越來(lái)越多。界面是面向受眾傳遞APP信息的平臺(tái)，它在第一時(shí)間里將APP定位、信息、操作等信息運(yùn)用圖形化的方式傳遞給受眾，形成用戶對(duì)于APP的第一印象?；谇楦谢O(shè)計(jì)的APP界面的設(shè)計(jì)構(gòu)建出情感化設(shè)計(jì)APP設(shè)計(jì)的流程，分析了在本能層、行為層和反思層設(shè)計(jì)的相互關(guān)系。APP界面設(shè)計(jì)主要是本能層對(duì)人產(chǎn)生的影響，要求界面設(shè)計(jì)基于用戶需求共性，并兼顧用戶需求個(gè)性化需求，與行為層設(shè)計(jì)相結(jié)合形成反思層面的設(shè)計(jì)?；谇楦谢O(shè)計(jì)的APP界面的設(shè)計(jì)具有很強(qiáng)的可操性，具有一定的現(xiàn)實(shí)意義和應(yīng)用價(jià)值。

參考文獻(xiàn)：

[1]司晟.指尖世界 移動(dòng)App界面設(shè)計(jì)之道[M].北京：人民郵電出版社，2017：313.

[2]諾曼.設(shè)計(jì)心理學(xué)3（修訂版）：情感化設(shè)計(jì)[M].何笑梅，歐秋杏，譯.北京：中信出版社，2015：39.

作者簡(jiǎn)介：郝亦超，碩士，成都師范學(xué)院美術(shù)學(xué)院教師講師。