手機界面設計中情感交互的構建方式

周慧娟

摘 要：手機是現代人情感溝通與交互的重要媒介，從多感官、交互設計方式與視覺設計表現方面剖析手機界面設計中情感交互的構建方式，總結情感交互的構建途徑，以獲得手機界面情感交互發展的新方向與新途徑。

關鍵詞：情感交互；多感官；交互設計；視覺設計；構建方式

0 引言

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

1 情感交互的語義學概念

情感交互核心“情感”與“交互”是兩個獨立的詞匯。根據心理學的解釋，情感是一種較為穩定的心理狀態，建立在多次情緒的基礎之上，具有深刻性和穩定性是一種社會性需要。情緒是人與生俱來的生理需要，情緒受到身邊事物的影響，容易發生改變，可被采集與記錄。情感是在情緒的基礎上建立的，所以情感的研究基礎需要涉及對情緒的分析，即對生理數據的采集，通過情感計算挖掘潛在的用戶需要。

交互，即交流互動，是互聯網平臺致力于打造的功能狀態。交互分為靜態交互與動態交互兩種形式。品牌是產品的辨識符號，通過符號與形象建立與消費者之間的情感聯結，屬于靜態交互。動態交互是消費者使用產品的整個過程體驗，是建立在操作基礎上的動態交互行為。本文提及的情感交互建構，既涉及靜態交互也涉及動態交互，通過多感官、交互方式多樣化以及視覺設計交互化分析情感交互。

對情感交互的解釋，有學者認為是用精心設計的交互細節表達的情感，同時激發用戶的情感，即情感交互，情感交互體現于細節設計中。筆者認為，情感交互是在合適的時間、地點、情境以及情緒狀態下，為用戶提供恰當的服務與體驗，其狀態應該自然化與和諧化。所塑造的體驗是一種綜合性感受，涉及視覺、聽覺、觸覺、心理感覺等多項感官。情感互動是人與生俱來的需求，是在物質世界通過面對面溝通與交流，通過語言、表情、手勢、聲音等形式，通過對方回應達到的情感滿足感。手機端的情感交互，是通過各種傳感器、麥克風、攝像頭或其他可穿戴設備采集用戶信息，通過合理且符合邏輯的交互形式，通過恰當的方式表達情感，目的是使手機能夠讀懂人、了解人，達到和諧化溝通交流的效果。

2 多感官集合構建情感交互

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

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

人體本身是一個由多種感知模塊構成的復雜系統。在日常生活中，各感知模塊會釋放大量信號，通過手機內置傳感器和技術，不斷搜集情感信息的原始信號，如在肢體協作模塊，采集步態，姿態，手勢，觸控；表情模塊采集眼動，表情，語氣，語言；呼吸與心臟系統模塊提供血壓，觸電，呼吸，心電等；身體感知模塊采集亮度，噪聲，溫度，場合等。手機將情感信息的原始信號通過匯聚形成情感數據，形成多模態的情感實時識別和理解，并進行初步的分析與計算。如果用戶進行一定的情感的主動調節和行為干預決策，手機會作出相應的反應，預測用戶當前的需求，提供一種符合情感需求的信息表征和動態呈現，與用戶進行交互，提供如聲音、人工語音、視覺、虛擬現實、冷熱覺、觸覺、動覺等反饋。如根據周圍噪音信息以及人的通話聲音的采集調節不同環境下手機的通話音量；手機采集到人在興奮狀態下哼出的小調，主動配以恰當的背景音樂等是情感交互的表現。

3 通過交互形式多樣化構建情感交互

情感化設計在視覺表現上可以通過材料、質感、肌理、造型等進行表現，在交互上則可通過形式多樣化進行情感化體現。扁平化視覺風格造成了大部分界面的相似性，個性化難以突出，通過交互形式的多樣化體現情感交互是一條有效途徑。對照唐納德·諾曼情感化設計理論中本能層、行為層、反思層三個層面的分析，交互形式的多樣化產生的結果對應反思層，通過本能和行為的刺激觸發用戶情感。正如書中所講“外觀和行為效用的作用微不足道，相反，起重要作用的是互動的過程、人與物的聯系，以及它們所喚起的回憶。”目前手機端基于交互形式的情感交互主要有以下幾種方式：

3.1 趣味性交互

趣味性交互即讓用戶覺得好玩兒、有吸引力，用戶樂于主動進行交互探索。設計過程中信息能以直截了當或讓人好奇的方式展現。如果選擇后者，不但一定能獲得關注度，還有可能獲得更高的參與度——好奇心驅使人們去了解更多。Path的小圓點菜單突破了以往菜單的形式，雖然增加了操作步驟，但給用戶提供了一種新型交互體驗，開燈和關燈模式是在以往的交互體驗中不常見的，有一定的新鮮感，是情感交互的成功案例。微信推出的搖一搖，騰訊微博的吹一吹都突破了以往直觀的交互形式，趣味性十足。

3.2 智能正確的推送

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

3.3 簡化交互

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

3.4 沉浸式交互

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

3.5 回憶塑造情感交互

“情感反映的是個人的體驗、聯想和記憶。”大多時候，有時候人們迷戀的不是具體的物品，而是物品所承載的回憶和意義。如流行一時的時間軸設計手法，在內容呈現方式上以時間為節點進行內容展現，試圖喚醒用戶心里已經忘卻的回憶，是種典型的通過回憶塑造情感交互的方式。

4 視覺設計交互化構建情感交互

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

4.1 動靜結合的效果刺激用戶感官

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

4.2 應用符合時代潮流的視覺表達

扁平化設計風格下，界面情感化設計主要通過細節進行表現。相比IOS6高調的擬物化情感設計，IOS7及后續版本都采用了一種更為扁平的情感設計，將幾何數學及對稱關系應用于界面設計中，也是一種情感化設計的方式。

4.3 合理利用感情植入理論

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

5 結語

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

參考文獻：

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

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

[3]彭心勤.情感化交互與設計價值的建構[J].重慶科技學院學報（社會科學版），2013（6）.