手機(jī)界面設(shè)計(jì)中情感交互的構(gòu)建方式

周慧娟

摘 要：手機(jī)是現(xiàn)代人情感溝通與交互的重要媒介，從多感官、交互設(shè)計(jì)方式與視覺設(shè)計(jì)表現(xiàn)方面剖析手機(jī)界面設(shè)計(jì)中情感交互的構(gòu)建方式，總結(jié)情感交互的構(gòu)建途徑，以獲得手機(jī)界面情感交互發(fā)展的新方向與新途徑。

關(guān)鍵詞：情感交互；多感官；交互設(shè)計(jì)；視覺設(shè)計(jì)；構(gòu)建方式

0 引言

互聯(lián)網(wǎng)+時(shí)代，新設(shè)備新應(yīng)用層出不窮，用戶需求、交互方式、界面形式都與傳統(tǒng)手機(jī)有較大不同。交互設(shè)計(jì)師與視覺設(shè)計(jì)師的設(shè)計(jì)思維也在發(fā)生轉(zhuǎn)變，對(duì)用戶情感的洞悉越深刻、細(xì)致，交互思路與表現(xiàn)越具新穎與創(chuàng)造性。情感交互是交互發(fā)展的高級(jí)階段，是技術(shù)成熟化、用戶個(gè)性化、需求多樣化以及場(chǎng)景復(fù)雜化等多因素相作用的必然。情感交互設(shè)計(jì)的產(chǎn)生前提需要具備兩個(gè)條件：一是復(fù)雜情況下成熟穩(wěn)定的技術(shù)支持，二是多場(chǎng)景下潛在需求的深度挖掘與分析。傳感器、肌電控制、指紋識(shí)別、AR等技術(shù)不斷刷新著交互形式，為用戶提供了簡(jiǎn)便有趣的交互方式，為情感交互設(shè)計(jì)的產(chǎn)生提供了技術(shù)基礎(chǔ)?，F(xiàn)今，用戶對(duì)單純的功能性需求逐步降低，情感需求逐步增大。對(duì)手機(jī)廠商，硬件的比拼愈發(fā)平衡，情感的較量卻容易脫穎而出。通過情感交互的設(shè)計(jì)思路構(gòu)建手機(jī)應(yīng)用設(shè)計(jì)是有效的設(shè)計(jì)方法之一。

1 情感交互的語義學(xué)概念

情感交互核心“情感”與“交互”是兩個(gè)獨(dú)立的詞匯。根據(jù)心理學(xué)的解釋，情感是一種較為穩(wěn)定的心理狀態(tài)，建立在多次情緒的基礎(chǔ)之上，具有深刻性和穩(wěn)定性是一種社會(huì)性需要。情緒是人與生俱來的生理需要，情緒受到身邊事物的影響，容易發(fā)生改變，可被采集與記錄。情感是在情緒的基礎(chǔ)上建立的，所以情感的研究基礎(chǔ)需要涉及對(duì)情緒的分析，即對(duì)生理數(shù)據(jù)的采集，通過情感計(jì)算挖掘潛在的用戶需要。

交互，即交流互動(dòng)，是互聯(lián)網(wǎng)平臺(tái)致力于打造的功能狀態(tài)。交互分為靜態(tài)交互與動(dòng)態(tài)交互兩種形式。品牌是產(chǎn)品的辨識(shí)符號(hào)，通過符號(hào)與形象建立與消費(fèi)者之間的情感聯(lián)結(jié)，屬于靜態(tài)交互。動(dòng)態(tài)交互是消費(fèi)者使用產(chǎn)品的整個(gè)過程體驗(yàn)，是建立在操作基礎(chǔ)上的動(dòng)態(tài)交互行為。本文提及的情感交互建構(gòu)，既涉及靜態(tài)交互也涉及動(dòng)態(tài)交互，通過多感官、交互方式多樣化以及視覺設(shè)計(jì)交互化分析情感交互。

對(duì)情感交互的解釋，有學(xué)者認(rèn)為是用精心設(shè)計(jì)的交互細(xì)節(jié)表達(dá)的情感，同時(shí)激發(fā)用戶的情感，即情感交互，情感交互體現(xiàn)于細(xì)節(jié)設(shè)計(jì)中。筆者認(rèn)為，情感交互是在合適的時(shí)間、地點(diǎn)、情境以及情緒狀態(tài)下，為用戶提供恰當(dāng)?shù)姆?wù)與體驗(yàn)，其狀態(tài)應(yīng)該自然化與和諧化。所塑造的體驗(yàn)是一種綜合性感受，涉及視覺、聽覺、觸覺、心理感覺等多項(xiàng)感官。情感互動(dòng)是人與生俱來的需求，是在物質(zhì)世界通過面對(duì)面溝通與交流，通過語言、表情、手勢(shì)、聲音等形式，通過對(duì)方回應(yīng)達(dá)到的情感滿足感。手機(jī)端的情感交互，是通過各種傳感器、麥克風(fēng)、攝像頭或其他可穿戴設(shè)備采集用戶信息，通過合理且符合邏輯的交互形式，通過恰當(dāng)?shù)姆绞奖磉_(dá)情感，目的是使手機(jī)能夠讀懂人、了解人，達(dá)到和諧化溝通交流的效果。

2 多感官集合構(gòu)建情感交互

以往研究與設(shè)計(jì)中，情感交互多是單方面的情感觸發(fā)，通過材料、色彩、造型等激發(fā)情感，對(duì)人的臉部表情、身體姿態(tài)及語言情感等關(guān)注較少。情感交互的前提需要手機(jī)本身具有“情感”，能夠讀懂人的表情、聽懂人的語言，揣摩人的心理狀態(tài)，了解用戶所處情境及當(dāng)前行為方式，用手機(jī)的“眼睛”和“耳朵”等精確采集人的生理信息。

如今，智能手機(jī)的發(fā)展已相對(duì)成熟，攝像頭、麥克風(fēng)等基礎(chǔ)部分自然不必多說，傳感器也越來越豐富，三星旗艦機(jī)Galaxy S7中，僅傳感器的類型已達(dá)8種之多，包括加速度傳感器、距離傳感器、氣壓傳感器、光線傳感器、陀螺儀傳感器、地磁傳感器、指紋傳感器和心率傳感器。手機(jī)具備了比較豐富的采集信息的能力，但目前對(duì)傳感器的利用遠(yuǎn)沒有極致，大多手機(jī)應(yīng)用運(yùn)用一種、兩種或少數(shù)傳感器采集數(shù)據(jù)并識(shí)別情境。在此基礎(chǔ)上進(jìn)行服務(wù)推送，精確度和智能化有待提高，如三星手機(jī)中的智能日歷Splanner，基于情境的智能化服務(wù)都是在此前提下實(shí)現(xiàn)的。正常情況下，疊加的采集數(shù)據(jù)越多，提供的服務(wù)越準(zhǔn)確，智能化程度越高。

人體本身是一個(gè)由多種感知模塊構(gòu)成的復(fù)雜系統(tǒng)。在日常生活中，各感知模塊會(huì)釋放大量信號(hào)，通過手機(jī)內(nèi)置傳感器和技術(shù)，不斷搜集情感信息的原始信號(hào)，如在肢體協(xié)作模塊，采集步態(tài)，姿態(tài)，手勢(shì)，觸控；表情模塊采集眼動(dòng)，表情，語氣，語言；呼吸與心臟系統(tǒng)模塊提供血壓，觸電，呼吸，心電等；身體感知模塊采集亮度，噪聲，溫度，場(chǎng)合等。手機(jī)將情感信息的原始信號(hào)通過匯聚形成情感數(shù)據(jù)，形成多模態(tài)的情感實(shí)時(shí)識(shí)別和理解，并進(jìn)行初步的分析與計(jì)算。如果用戶進(jìn)行一定的情感的主動(dòng)調(diào)節(jié)和行為干預(yù)決策，手機(jī)會(huì)作出相應(yīng)的反應(yīng)，預(yù)測(cè)用戶當(dāng)前的需求，提供一種符合情感需求的信息表征和動(dòng)態(tài)呈現(xiàn)，與用戶進(jìn)行交互，提供如聲音、人工語音、視覺、虛擬現(xiàn)實(shí)、冷熱覺、觸覺、動(dòng)覺等反饋。如根據(jù)周圍噪音信息以及人的通話聲音的采集調(diào)節(jié)不同環(huán)境下手機(jī)的通話音量；手機(jī)采集到人在興奮狀態(tài)下哼出的小調(diào)，主動(dòng)配以恰當(dāng)?shù)谋尘耙魳返仁乔楦薪换サ谋憩F(xiàn)。

3 通過交互形式多樣化構(gòu)建情感交互

情感化設(shè)計(jì)在視覺表現(xiàn)上可以通過材料、質(zhì)感、肌理、造型等進(jìn)行表現(xiàn)，在交互上則可通過形式多樣化進(jìn)行情感化體現(xiàn)。扁平化視覺風(fēng)格造成了大部分界面的相似性，個(gè)性化難以突出，通過交互形式的多樣化體現(xiàn)情感交互是一條有效途徑。對(duì)照唐納德·諾曼情感化設(shè)計(jì)理論中本能層、行為層、反思層三個(gè)層面的分析，交互形式的多樣化產(chǎn)生的結(jié)果對(duì)應(yīng)反思層，通過本能和行為的刺激觸發(fā)用戶情感。正如書中所講“外觀和行為效用的作用微不足道，相反，起重要作用的是互動(dòng)的過程、人與物的聯(lián)系，以及它們所喚起的回憶?！蹦壳笆謾C(jī)端基于交互形式的情感交互主要有以下幾種方式：

3.1 趣味性交互

趣味性交互即讓用戶覺得好玩兒、有吸引力，用戶樂于主動(dòng)進(jìn)行交互探索。設(shè)計(jì)過程中信息能以直截了當(dāng)或讓人好奇的方式展現(xiàn)。如果選擇后者，不但一定能獲得關(guān)注度，還有可能獲得更高的參與度——好奇心驅(qū)使人們?nèi)チ私飧唷ath的小圓點(diǎn)菜單突破了以往菜單的形式，雖然增加了操作步驟，但給用戶提供了一種新型交互體驗(yàn)，開燈和關(guān)燈模式是在以往的交互體驗(yàn)中不常見的，有一定的新鮮感，是情感交互的成功案例。微信推出的搖一搖，騰訊微博的吹一吹都突破了以往直觀的交互形式，趣味性十足。

3.2 智能正確的推送

在以往的閱讀類APP交互設(shè)計(jì)思路中，用戶需要解鎖界面，然后進(jìn)入相應(yīng)的APP閱讀感興趣的內(nèi)容，操作過程相對(duì)繁瑣。華為手機(jī)推出的雜志解鎖功能，首屏界面顯示用戶訂閱的相關(guān)信息，改變了千篇一律的home界面的屏幕背景，簡(jiǎn)化了操作步驟，用戶可以第一時(shí)間瀏覽感興趣的內(nèi)容，是一種良好的情感交互體驗(yàn)。

3.3 簡(jiǎn)化交互

通過簡(jiǎn)化復(fù)雜的交互步驟讓用戶對(duì)產(chǎn)品建立好感，如華為手機(jī)新增的“懶人模式”，用戶在手機(jī)中輸入個(gè)人信息，在聯(lián)系人界面下拉進(jìn)入懶人模式，編輯完成“我的資料”信息后，系統(tǒng)會(huì)自動(dòng)生成一個(gè)可供掃描的二維碼。EMUI 3.0用戶可以直接通過相機(jī)掃描二維碼添加用戶名片，其他用戶（Android、IOS用戶均可）則可以通過微信掃一掃等方式添加用戶名片。這種操作方式不再需要對(duì)方輸入聯(lián)系人信息，交互的愉悅感得到提升。

3.4 沉浸式交互

沉浸式交互一般用于游戲界面的設(shè)計(jì)中，目前手機(jī)端APP存在一種設(shè)計(jì)方法，在信息搜索的同時(shí)為用戶帶來一種不同的交互體驗(yàn)，針對(duì)當(dāng)前的熱點(diǎn)提供一些意想不到的交互效果。如臨近春節(jié)在淘寶手機(jī)端輸入框中輸入諸如餃子、猴子、火鍋等詞匯，屏幕上會(huì)有豐富的動(dòng)畫效果，為用戶塑造一種過年的氣氛。這種方式使原本平淡無奇的搜索變得更加豐富和有趣，愉悅感大大增強(qiáng)。

3.5 回憶塑造情感交互

“情感反映的是個(gè)人的體驗(yàn)、聯(lián)想和記憶?！贝蠖鄷r(shí)候，有時(shí)候人們迷戀的不是具體的物品，而是物品所承載的回憶和意義。如流行一時(shí)的時(shí)間軸設(shè)計(jì)手法，在內(nèi)容呈現(xiàn)方式上以時(shí)間為節(jié)點(diǎn)進(jìn)行內(nèi)容展現(xiàn)，試圖喚醒用戶心里已經(jīng)忘卻的回憶，是種典型的通過回憶塑造情感交互的方式。

4 視覺設(shè)計(jì)交互化構(gòu)建情感交互

以IOS與Android為代表的兩大陣營(yíng)設(shè)定了詳細(xì)的視覺和交互規(guī)范，設(shè)計(jì)完全依照規(guī)范，作品注定缺少情感價(jià)值。視覺設(shè)計(jì)通過可見的視覺符號(hào)與要素建立用戶與手機(jī)之間的聯(lián)系，不可避免地涉及美學(xué)規(guī)律，以及通過質(zhì)感、細(xì)節(jié)表現(xiàn)產(chǎn)生吸引力和美的感受。認(rèn)知心理學(xué)的研究表明，在同樣的功能條件下，好看的、有吸引力的東西比難看的東西更讓人喜歡、也更好用。基于用戶生理與心理數(shù)據(jù)的采集處于情感化設(shè)計(jì)的初級(jí)階段，交互形式的多樣化是在操作層面調(diào)動(dòng)用戶的情感，視覺設(shè)計(jì)的交互化通過靜態(tài)與動(dòng)態(tài)的視覺效果與用戶進(jìn)行互動(dòng)。通過視覺設(shè)計(jì)構(gòu)建用戶情感有以下幾種方式：

4.1 動(dòng)靜結(jié)合的效果刺激用戶感官

情感化視覺設(shè)計(jì)中靜態(tài)效果的使用可通過主題化界面設(shè)計(jì)進(jìn)行表現(xiàn)，如淘寶、京東等電商針對(duì)不同的節(jié)日進(jìn)行主題設(shè)計(jì)，營(yíng)造氛圍感，刺激用戶感官。微信表情設(shè)計(jì)中，輸入相關(guān)文字產(chǎn)生豐富的動(dòng)態(tài)效果烘托氛圍。移動(dòng)端情感化視覺表現(xiàn)形式也不在單一，如密碼輸入時(shí)捂住眼睛的小貓，表達(dá)喜歡時(shí)跳動(dòng)的心形圖案，QQ刷新時(shí)橡皮糖的效果等等都是情感化的視覺設(shè)計(jì)。

4.2 應(yīng)用符合時(shí)代潮流的視覺表達(dá)

扁平化設(shè)計(jì)風(fēng)格下，界面情感化設(shè)計(jì)主要通過細(xì)節(jié)進(jìn)行表現(xiàn)。相比IOS6高調(diào)的擬物化情感設(shè)計(jì)，IOS7及后續(xù)版本都采用了一種更為扁平的情感設(shè)計(jì)，將幾何數(shù)學(xué)及對(duì)稱關(guān)系應(yīng)用于界面設(shè)計(jì)中，也是一種情感化設(shè)計(jì)的方式。

4.3 合理利用感情植入理論

情感化設(shè)計(jì)可以參照感情植入理論，該理論認(rèn)為人對(duì)美的感受很大程度上取決于觀察者如何賦予客觀事物以人格化和生命化的特征。如直線讓人聯(lián)想到堅(jiān)定、力量，曲線則反映出優(yōu)柔、靈活。基于感情植入理論發(fā)展出的設(shè)計(jì)有音樂植入、幾何數(shù)學(xué)植入、擬人形態(tài)植入、擬物形態(tài)植入、宗教精神植入等。這些植入設(shè)計(jì)都是基于人類的生理和情感特征，而和功能并沒有直接聯(lián)系。情感化設(shè)計(jì)賦予產(chǎn)品更多的美學(xué)和人性，是一種有效的視覺交互表現(xiàn)手法。

5 結(jié)語

情感交互的構(gòu)建應(yīng)該堅(jiān)持從用戶的角度考慮產(chǎn)品使用感受，它是一個(gè)綜合構(gòu)建的過程，一面偏重于工具的理性使用，另一面偏重人文情感的發(fā)掘與塑造。成功的情感設(shè)計(jì)總是從用戶出發(fā)而不是從產(chǎn)品本身出發(fā)進(jìn)行設(shè)計(jì)。科技的發(fā)展為用戶情感的探測(cè)提供了先行基礎(chǔ)，設(shè)計(jì)師在進(jìn)行產(chǎn)品設(shè)計(jì)的過程中，應(yīng)該站在用戶的角度思考產(chǎn)品情感交互的構(gòu)建途徑，使人與產(chǎn)品的交互沿著人情感交互的思路進(jìn)行。在觀察與體驗(yàn)的基礎(chǔ)上設(shè)計(jì)更為自然豐富的交互方式，通過合理的視覺設(shè)計(jì)表達(dá)傳達(dá)手機(jī)界面蘊(yùn)含的情感思想。

參考文獻(xiàn)：

[1]唐納德·諾曼（美）.情感化設(shè)計(jì)[M].何笑梅，歐秋杏，譯.北京：中信出版社，2015：32-33，24.

[2]安德森（美）.怦然心動(dòng)——情感化交互設(shè)計(jì)指南[M].候景艷，胡冠奇，徐磊，譯.北京：人民郵電出版社，2015：81.

[3]彭心勤.情感化交互與設(shè)計(jì)價(jià)值的建構(gòu)[J].重慶科技學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2013（6）.