基于五感設計的APP界面研究

呂 鋒，曾憧杰(沈陽航空航天大學，設計藝術(shù)學院，沈陽 110136)

基于五感設計的APP界面研究

呂 鋒，曾憧杰
(沈陽航空航天大學，設計藝術(shù)學院，沈陽 110136)

為了研究五感設計在APP界面設計中應用的方法和原則,在數(shù)據(jù)時代和手機技術(shù)迅猛發(fā)展的背景下從人們對信息處理過程的實際需求和情感訴求入手，論述了五感設計方法介入APP界面設計的必要性，對五感設計概念本質(zhì)進行剖析，指出APP界面五感設計的意義。通過具體案例分析視、聽、觸、嗅、味在APP界面設計中提升用戶情感體驗和強化信息傳達的策略，基于用戶行為習慣，以用戶需求為中心，研究五感角度評價APP界面。分析表明，APP界面設計中應以視聽觸為主，以嗅味為輔，基于用戶感官經(jīng)驗，五感相互促進，對用戶行為進行整體感官反饋，提出五感設計在APP界面設計中提升用戶情感體驗的設計方法，指出五感角度評價APP界面的原則。

APP界面；五感設計；情感體驗；感官體驗；用戶行為

生活中人們對事物的體驗是多維度的，一次經(jīng)歷、一個設計產(chǎn)品能否激發(fā)人深刻的情感體驗，往往取決于它調(diào)動人們感官的程度?！拔甯性O計”即從人體感官的視、聽、觸、味、嗅出發(fā)，在設計中多方面、多層次地開發(fā)消費者的感官機能。在大數(shù)據(jù)時代背景下，智能手機的 APP 產(chǎn)業(yè)發(fā)展迅速[1]，越來越多地充斥于我們的生活中。五感設計運用于APP界面一方面將APP的特點和品格表達得更鮮明，信息傳達更有效，是面向人的實際需求；另一方面提升人的感官舒適度和情感體驗，是面向人的心理訴求，人機交互變得更加有效而有趣。

1 五感設計概念

人類對現(xiàn)實世界的感知是多感官體驗共同作用的結(jié)果[2]，發(fā)揮五種感官的功能而形成的色彩、氣味、聲音、味道、觸感[3]，五感作為情感的鑰匙，從多角度激發(fā)人的情感體驗。設計的初衷就是通過產(chǎn)品提高人生活的便利性，即感官的舒適度，進而滿足人情感的心理訴求。在信息化不可阻擋的潮流中，人和物間的和諧是切實的問題，尤其是人和信息界面的關(guān)系尤為重要。設計的關(guān)鍵點在于人和物的交互，首先，設計師充分通過“五感”感知與設計產(chǎn)品相關(guān)的多維度信息，對這些信息處理加工；然后將這些信息整合進設計產(chǎn)品，通過設計的方法、形式，讓產(chǎn)品變得“色香味觸音”俱全；最后，產(chǎn)品在和使用者交互過程中不僅滿足其實際需求，又充分調(diào)動其感官世界，經(jīng)歷一次舒適的情感體驗。

2 APP界面五感設計的意義

在互聯(lián)網(wǎng)發(fā)展和信息膨脹的背景下，基于移動互聯(lián)網(wǎng)的新媒體已經(jīng)成為人們生活方式的一部分[4]。手機APP推送信息迅速推廣普及。手機APP界面作為信息推送端口，其體驗的有效性和情感性是切實的問題。

智能手機技術(shù)的迅速發(fā)展讓其信息呈遞方式變得多元化，給五感設計提供了技術(shù)支撐。將信息以視、聽、觸、嗅、味這些方式呈現(xiàn)，對信息傳達本身和用戶體驗兩方面都有意義。其一，傳統(tǒng)應用界面信息主要以視覺方式傳遞，方式單一，加強其他感官的信息接收能使信息傳遞更有效；其二，用戶多個感官接受信息時調(diào)動了個體的主動性，人機交互過程變得有聲有色，給良好的用戶情感體驗提供了基礎。

3 APP界面五感設計策略

3.1 視覺

調(diào)查研究表明，外界傳遞給人類的全部信息有95%是靠視覺接受的[5]，視覺是人體感知世界最主要的方式，也是手機APP呈現(xiàn)信息最主要的途徑。APP視覺系統(tǒng)包括：色彩、圖形、圖像、文字等，其視覺體驗的舒適度對整體情感體驗至關(guān)重要。下文根據(jù)APP視覺要素，歸納提升視覺情感關(guān)懷的策略。

3.1.1 圖像故事化

人從小就愛聽故事，從兒時的睡前童話到長大后的電視劇電影，人們對于用故事展現(xiàn)信息及信息背后情感情有獨鐘，這是因為故事總是能將相關(guān)人迅速引入到接近真實的生動情境與體驗之中[6]。世界著名的設計公司IDEO 設計公司的首席執(zhí)行官Tim Brown認為“講故事”既是設計過程中的一種工具，也是和別人分享以及交流設計的行之有效的方法[7]。將APP中不帶感情的數(shù)據(jù)以故事的形式展開，信息的呈遞和處理過程變成一段故事經(jīng)歷，在時間的流程上、空間的拓展上將信息故事一一訴說于視覺，能引起使用者強烈的情感共鳴。如高德地圖圣誕節(jié)主題引導頁，見圖1(圖片摘自高德地圖APP)，將高德地圖導航功能和圣誕老人選擇路線送禮物故事結(jié)合，路途中通過APP避免交通堵塞。這樣的APP功能信息呈現(xiàn)，既把APP的特點、品質(zhì)形象表達得鮮明，又讓使用過程變成一段有趣的故事感受。

圖1 高德地圖引導頁

3.1.2 圖像趣味化

對有趣的、意外的事物人們往往能有較深的印象和愉悅的情感體驗。在APP視覺界面設計中添加一些趣味性強的元素，用戶接觸到這些意外趣味之余加深對APP情感化印象。比如Two Dots的游戲界面采用不斷下拉的形式，不同場景之間的切換有趣而意外，在海洋場景切換到雪山場景后出現(xiàn)一只耀武揚威的雪人，見圖2(圖片摘自Two Dots)，雪人詼諧動態(tài)的意外之喜讓下拉界面體驗充滿情感。圖形趣味化甚至能中和用戶的負面情緒，例如APP連接不上網(wǎng)絡時，采用詼諧有趣的方式提示，能降低用戶的焦慮心態(tài)。

圖2 Two Dots游戲界面

3.1.3 圖像動態(tài)化

圖像動態(tài)有兩種方式，一種是圖像本身的動態(tài)，另一種是基于用戶行為的反饋動態(tài)。從用戶的視覺認知和心理感受來說，靜態(tài)圖像長時間的靜止給人的印象是乏味和呆板，甚至產(chǎn)生厭煩情趣，適當加入動態(tài)圖像或者根據(jù)用戶手勢產(chǎn)生動態(tài)反饋可以調(diào)動APP界面的活力。比如由于網(wǎng)絡環(huán)境和手機性能導致的用戶等待情況在所難免，應以動態(tài)圖形滿足視覺需求，減少用戶在等待過程中的焦慮感。獵豹清理大師執(zhí)行手機加速命令后的界面見圖3(圖片摘自獵豹清理大師)，在清理內(nèi)存的等待過程中，界面中的火箭向上發(fā)射，暗示清理過程。這種動態(tài)一方面將APP工作過程信息視覺化，強化信息有效傳達，另一方面動態(tài)的圖像給予用戶等待過程信心，給用戶積極的心理暗示，減少等待過程的焦慮。

圖3 獵豹清理大師手機加速界面

3.1.4 文字圖形化

APP界面設計中往往要面對打開、返回、搜索等諸多語義的傳達，傳統(tǒng)的文字信息傳達不能快速吸引用戶眼球，效率低。相較之下具有隱喻修辭手法的界面圖標可以化繁為簡[8]，將信息置于圖形中，快速高效，而且以圖形的美感提升了視覺情感體驗。

3.2 聽覺

APP界面系統(tǒng)中與視覺信息密切聯(lián)系的是聽覺，聽覺要素的加入使APP界面體驗多元化，主要包括符合信息主題的音樂和操作交互中的音效。

3.2.1 合理的音畫關(guān)系

視覺情感體驗往往和音樂聯(lián)系在一起，背景音樂的適當加入能夠調(diào)節(jié)使用氣氛，烘托信息表達。選取的音樂應切合APP主題，配合視覺風格。見圖4(圖片摘自張愛玲APP)，在進入張愛玲APP視覺風格素雅的主界面時，伴隨的是低沉的鋼琴曲，視聽語言共同述說著張愛玲的波折的人生經(jīng)歷。音樂的輕重緩急就是張愛玲人生的象征，一方面呼應了信息的傳達，另一方面烘托了使用氣氛，以聽覺感受帶動情感體驗。

3.2.2 反饋音效

良好的界面音效往往是基于用戶行為模擬現(xiàn)實情境。用戶在點擊APP界面中的按鍵時，給予音效反饋，讓用戶感覺到真實觸摸的體驗，是聽覺感知對視覺和觸覺感受的提升。上文提到的電子書模擬現(xiàn)實翻書情境，加入翻書的音效，也是視、聽、觸的結(jié)合和升華，給予用戶良好的反饋體驗。

圖4 張愛玲APP界面

3.3 觸覺

人對于一切事物都會形成自己的觸感經(jīng)驗，經(jīng)歷過觸感體驗后，形成獨有的心理感受[9]因此APP界面中觸覺體驗會對整體情感造成影響。

3.3.1 符合用戶習慣的手勢

多點觸控給用戶多種手勢進行操控APP提供了技術(shù)支持，這些手勢包括“滑動”、“點擊”、“縮放”、“旋轉(zhuǎn)”等。APP的使用手勢要符合用戶習慣，而用戶的習慣來自于現(xiàn)實世界的觸感經(jīng)驗。將這種觸感經(jīng)驗抽象提取應用在APP的操控上，能給用戶帶來熟悉的感覺，操作得心應手。圖5(圖片摘自Weathercube)是Weathercube采用立方體的視覺界面，配合滑動手勢操作，使用過程就像是翻動立方體，合理的視觸結(jié)合，趣味性強，又符合用戶觸覺經(jīng)驗習慣。

圖5 天氣立方界面操作動態(tài)

3.4 嗅覺和味覺

相對于視、聽、觸在信息傳遞中的主導地位，由于人體感知方式和手機技術(shù)的局限，嗅覺和味覺在APP界面設計中往往被忽略。但嗅、味在緩解用戶的壓力、提升整體情感體驗方面的潛在價值應得到重視。相關(guān)技術(shù)已有雛形，APP“Nose Yakiniku”將嗅覺傳感技術(shù)和APP界面設計結(jié)合，見圖6(圖片摘自Nose Yakiniku)，點擊APP界面上的食物圖形，味道噴霧配件就能噴出相應的香味，既有趣又從嗅覺上提升用戶的情感體驗。

另外，基于現(xiàn)實經(jīng)驗，通過情感聯(lián)想，人的五官功能能夠互相轉(zhuǎn)化，彼此溝通，不分界限[10]，色彩似乎有味道、氣味似乎有鋒芒。這就給APP界面嗅、味體驗設計出另一條思路，從視覺圖形、色彩出發(fā)，利用通感、聯(lián)想，讓視聽和嗅、味互動，提升用戶整體情感體驗。

圖6 Nose Yakiniku嗅覺傳感技術(shù)應用

4 五感角度評價APP界面原則

4.1 圍繞用戶行為整體反饋

通過APP界面，人與產(chǎn)品之間可以創(chuàng)建一系列對話，這種對話便是交互的核心[11],交互過程見圖7。APP的視、聽、觸、嗅、味信息就是APP的語言，其受眾是用戶，以人為中心[12]，所有反饋信息必須面向用戶需求。此外，錢鐘書先生在其《通感》里說視覺、聽覺、觸覺、嗅覺、 味覺往往可以彼此打通，眼、耳、舌、鼻、身各個官能的領(lǐng)域可以不分界限[13]。就是說人體的情感體驗是一個系統(tǒng)行為，APP界面設計應該基于用戶行為，以視覺信息為主導并且和其他感官體驗互動、聯(lián)通，進行整體反饋。

圖7 用戶和APP界面系統(tǒng)交互過程

4.2 調(diào)動多種感官

APP界面是否具有良好的情感體驗，要看它是否調(diào)動了人體感知的主動性，從多個維度提供信息?？梢越柚鷪D表評價，首先分別從APP界面的視、聽、觸、嗅、味體驗進行評價，并量化為分值，然后畫出圖表(見圖8)，每個數(shù)據(jù)代表相對應項目的分值，曲線覆蓋的面積對應APP界面情感體驗，覆蓋面積越大表示APP調(diào)動人體感官的主動性越強，人在使用APP的過程中情感體驗就越豐富。

圖8 APP情感體驗評價圖

5 結(jié)論

在大數(shù)據(jù)和移動設備技術(shù)迅速發(fā)展的背景下，APP界面設計已經(jīng)從基本的信息傳遞向提升用戶情感體驗發(fā)展，以情感制勝是對現(xiàn)代設計的新要求[14]，也就是提高用戶界面設計的人性化程度[15]。為了滿足強化信息傳遞的實際需求和提高感官舒適度的心理需求介入五感設計，以視、聽、觸為主，嗅、味為輔，利用人現(xiàn)實世界的感覺經(jīng)驗，產(chǎn)生聯(lián)想、通感，五感相輔相成，最終形成整體的感覺體驗，將APP界面使用過程變成高效有趣的體驗?；谟脩粜袨?，以用戶需求為中心，充分調(diào)用多維度感官信息進行整體反饋，這是五感設計介入APP界面設計的方法，也是評價界面情感體驗的原則。讓用戶在輕松愉悅的感官體驗中滿足信息處理需求，享受情感體驗豐富的交互過程。

[1]朱曉陽,朱華,歐永和.極簡主義在手機APP啟動圖標設計中的運用[J].包裝工程,2014(8):14-17.

[2]張慧娟.兒童圖畫書中的多感官體驗研究[J].包裝工程,2015(6):50-54.

[3]秦偉.藝術(shù)設計中的“五感”體驗研究[J].臺州學院學報,2009(4):89-92+96.

[4]周睿.“互聯(lián)網(wǎng)+”背景下新媒體品牌形象建構(gòu)研究-以新聞資訊App為例[J].出版科學,2015(6):75-79.

[5]姜淼.大學生智能手機界面色彩語意的研究與應用[D].哈爾濱：哈爾濱理工大學,2015.

[6]張黎.設計學的想象力:敘事、直覺與講故事[J].南京藝術(shù)學院學報(美術(shù)與設計),2015(4):59-65+205-206.

[7]蔡明廣.基于故事化設計方法的移動終端交互動畫設計[D].武漢：湖北工業(yè)大學,2012.

[8]任美琪,謝慶森.手機交互界面中圖標的隱喻設計研究[J].包裝工程,2014(4):29-31.

[9]朱珠,王坤茜.觸之思.由五感設計至情感設計[J].名作欣賞,2013(35):172-174.

[10]王暄.藝術(shù)通感在平面廣告設計創(chuàng)意中的表現(xiàn)[J].裝飾,2010(8):128-129.

[11]單筱秋.淺議人機交互界面研發(fā)中的用戶體驗設計[J].南京藝術(shù)學院學報(美術(shù)與設計版),2013(6):181-183.

[12]李亭.基于用戶體驗的智能手機APP界面設計研究[D].太原：太原理工大學,2015.

[13]周梅.書籍設計中的視觸覺-從錢鍾書的“通感”到杉浦康平的“五感說”[J].文藝爭鳴,2010(8):144-146.

[14]孫園.淺析情感體驗在包裝設計中運用[J].藝術(shù)品鑒,2016(7):72.

[15]孫紅娟.以人為本的用戶交互界面設計[J].包裝工程,2015(4):113-116.

(責任編輯：劉劃 英文審校：李丹莉)

Study on the APP interface based on five-sense design

LYU Feng,ZENG Chong-jie
(School of Design & Art，Shenyang Aerospace University，Shenyang 110136，China)

To study the methods and principles of APP interface design based on five senses,this paper discussed the ncecessity of the application of five-sense design methods to APP interface design,and analyzed the essence of five-sense design in APP interface considering human′s practical and emotional needs of data-process with data and mobile phone technology.It analyzed the strategy to promote the user emotion and strengthen the information conveying by vision,hearing,touch,taste and smell in APP interface design through specific cases.It studied the evaluation of APP interface from five senses based on the user behavior analysis and user needs.The result shows that APP interface design should mainly consider vision,hearing and touch,and smell or taste secondarily.Five senses promote each other based on user sensory experience.In this way,APP interface gives user an integral feedback of five senses,which leads to the method to promote user emotional experience in APP interface design and the evaluation principle of APP interface from five senses.

APP interface;five-sense design;emotional experience;sensory experience;user behavior

2016-11-24

大學生創(chuàng)新創(chuàng)業(yè)訓練計劃項目(項目編號：201510143000012)

呂 鋒(1978-)，男，遼寧沈陽人，副教授，主要研究方向：設計學，E-mail:lvfengsir@126.com。

2095-1248(2017)02-0077-05

J505

A

10.3969/j.issn.2095-1248.2017.02.013