基于移動端設備用戶界面載入模式的情感化設計研究

張小娟 翟思賢

（山東工藝美術學院視覺傳達設計學院，山東 濟南 250399）

移動設備普及的時代，第五代移動通信技術的進步和新型通訊工具的發展帶給移動設備用戶界面設計更多的可能性。設計由關注產品功能、性能到更加關注用戶體驗和情感需求，文章在現有移動終端設備用戶界面載入模式的基礎上，對頁面載入過程中移動用戶的情感化需求進行了梳理，圍繞頁面載入模式的用戶情感化需求及具體設計實現手法展開論述，探討具體交互設計實踐中的可行性界面設計策略和方法。

1 移動終端設備的頁面載入模式

加載是人機溝通過程中，等待數據呈現和機器給予互動反饋的過程，加載的邏輯可以簡化為：用戶觸發頁面指令、頁面向服務器發送請求、服務器接受請求并反饋數據、頁面呈現。在這個過程中，用戶僅參與觸發指令操作，后臺運行過程為用戶不可視部分，這就易出現用戶主觀感知時間與實際運行時長的差距。Nielsen[1]提到，0.1 s 是讓用戶感受到系統在瞬間做出反應的極限，是用戶可以即刻接受的顯示結果，不需要任何附加反饋；1.0 s 是不會打斷用戶思路的極限，所以0.1～1.0 s 延遲，用戶即便感受到流暢操作中增添了阻塞感，也并不需要設置任何特別的反饋形式；出現注意力分散的峰值是10 s，超出這個時間用戶將希望在等待的同時可以執行其他任務，這個過程更需要給予用戶預期反饋。移動終端設備中用戶可視載入模式主要有兩大類型：模態加載與非模態加載，見表1。

表1 移動終端設備的加載類型和使用場景

（1） 模態加載。模態加載內容需在全部加載完后呈現，過程會中止用戶操作，也無法執行其他操作，迫使用戶陷入等待狀態。一般采用簡單的圖標或配合提示文字，模態加載方式缺乏人性化，易使用戶陷入等待焦慮。

（2） 非模態加載。非模態加載只出現在需要獲取數據更新的部分，其加載過程不影響用戶對于該頁面的其他內容操作，是對用戶“可容忍等待時間”的有效應用。下拉刷新屬于典型的非模態加載方式，用戶手動更新內容，加載過程中會配合toast 提示完成加載提示，該類加載方式普遍適用于各種類型的APP 界面，其主要目的是更新、滿足用戶發現新內容的需求（圖1）。

圖1 模態加載和非模態加載。

2 人機界面交互過程中頁面載入模式的情感化需求分析

Norman 在《情感化設計》中提到情緒體驗的3 個層次，本能層、行為層與反思層[2]49-70。本能層更注重產品給予用戶的第一感覺，如漂亮的外形設計引人矚目；行為層注重產品使用過程中帶來的樂趣和效率；反思層則是用戶結合自身體驗和思考后，對物品產生回憶、情感及個人滿意度等。特色是一款產品獨一無二的“性格”，無法避免的加載界面可以作為體現自身品牌特色的環節，將加載過程中的視覺張力強化、圖形動態化或嵌入游戲化機制賦予加載過程趣味性，讓用戶具有更強代入感的同時，會減緩用戶對于時間流逝的感知與舒緩情緒焦慮。情感體驗是指用戶操作產品時所產生的情感，通過與用戶的溝通調動用戶的情緒，為用戶帶來積極、愉悅的個性化體驗[3]。加載過程不應該被草率的“圓形旋轉加載圖標”代替，枯燥的加載環節也可以讓用戶眼前一亮。打破加載的模式化設計，通過趣味性手法滿足用戶對于情感化設計的需求，將用戶注意力轉移到新奇設計上去，避免用戶因缺乏反饋而帶來的等待焦慮。

2.1 人機界面交互過程中頁面載入失敗狀態融入情感化設計的案例

Norman 在《設計心理學》中提到[2]15-19，設計師需要盡可能關注到可能出錯的地方，考慮到計劃也許不會按部就班地如期而至。在具體設計中，提示用戶加載失敗的狀況，適當融入一些具有品牌特色形象表達或者積極性的趣味展現，是關注用戶體驗的表現。情感化設計關注人的物質與精神需求，可以充分緩解用戶與屏幕交互失敗的挫敗感，也可以調節消極體驗，特別是基于時間消耗之后的加載失敗尤其需要情感化設計?！皢袅▎袅▌赢嫛奔虞d失敗界面中體現出的情感化設計值得參考，圖2（a）中的Web頁面形式是早期“嗶哩嗶哩動畫”關注用戶情感化需求的設計體現。頁面左下角通過具體動態文字來表示加載進程，右上角通過富有趣味性的“顏文字”和俏皮的話語來展現加載失敗原因，對得知加載失敗結果的用戶合理安慰，用戶需要溝通來得知本身并沒有被冷落，暖心的設計會沖淡對加載失敗所造成的負面情緒，這是關注人本身感受和情感需求的智慧[4]。

圖2 “嗶哩嗶哩動畫”載入失敗案例示意。

圖2 （b）是手機應用APP 頁面，通過兩個卡通形象來體現加載過程，符合“嗶哩嗶哩動畫”的自身品牌形象。以兩個卡通形象的動作作為加載動畫，積極給予用戶頁面加載狀態的反饋，在加載過程中，兩個卡通形象是站立狀態，告知用戶正在飛速運轉中，加載失敗時，卡通形象的動作也會發生變化，他們會作出面部朝下的臥倒狀態看上去像是在表示歉意，并配合文字告知用戶加載失敗的具體原因，幫助用戶明確問題所在[5]，以便做出相應的行動措施。

關注用戶情感需求，給予用戶“溫暖”的回應?！肮适滦浴痹O計更具吸引力，往往能激發用戶好奇心。加載如同反饋，用戶與界面的每一次互動都是一次交流溝通的過程，設想現實中人與人之間的對話，長篇大論換來一片沉默，演講者定會在瞬間體會到挫敗感和失落感。情感是互通的，在人機交互上也是如此，交互設計是一種特殊的互動，注重人文關懷而不是僅停留在形式設計上，通過設計拉近人機距離[6]，設計的表達方式要更加人性化和情感化。

2.2 馬斯洛需求層次理論中的情感化體現

馬斯洛需求層次理論[7]將人類需求像階梯一樣排列出8 種需求系統：生理的需要、安全需要、歸屬和愛的需求、尊重的需要、認知需求、審美需求、自我實現的需要、超越需要，見圖3。位于高層次的“生長需求”包括“認知需求”“審美需求”“自我實現需求”等，它們不同于基礎生理需求可以通過直觀方式獲得滿足，是由社會條件、經濟條件以及政治條件等多元條件下的需求共同構建起來的。需要更多情感化元素融入的交互設計，形成結合情感化設計的用戶體驗模式，是當下設計迫切所需的[8]。

圖3 馬斯洛需求層次理論金字塔。

（1） 功能性原則。就像是人對于食物、水、空氣等方面的生理需求，用戶對產品的基本需求體現在對產品本身的功能性上，這是用戶在選擇符合自身情感需求之前的最基本的前提，高級需要的出現前提是必須先滿足部分低級需要，不能因為注重情感需求而忽視產品最基本的功能性要求，否則將忽視交互設計產品本身的完整性，產品的基本功能設置永遠是產品成立的第一步，只有在用戶研究的基礎上確立核心功能和基礎功能，才有研究如何進一步提升產品用戶體驗設計的基礎。

（2） 同感性原則。在滿足最基本的功能性原則之后，則要進一步考慮用戶需求以制造更多產品優勢，不同產品可以滿足用戶一種或者多種的需求層次，結合“生長需求層次”進行審美、價值、認知等不同情感元素的融入，更有目的性和針對性地滿足用戶需求。比如一張紙，用戶對于它的功能需求就是能夠在紙上記錄文字或者圖畫等內容，但因為紙的材質不同會有不同程度的問題。例如：有的紙很薄，寫起來容易破損或者滲透；有的紙色澤不好，長時間用眼會使眼睛疲憊。為了改善這些問題和迎合人們對于舒適健康環保的情感因素，于是市面上產生了各種各樣的紙，甚至針對特殊的紙張還搭配特定的筆，這些都是在人們的需求之下而衍生出來的產品，也正是因為情感化元素的融入，設計才能更好地為用戶服務。

（3） 趣味性原則?！吧L需求層次”是馬斯洛需求層次中較高級需求，這一部分不僅要滿足用戶對于“尊重需求”“歸屬與愛的需求”“安全需求”“生理需求”，更要進一步滿足用戶對于審美、價值、認知的追求。人們對產品的需求在于產品本身所賦予的情感價值理念，擺脫了對于產品功能本身的單一需求。趣味性設計可以直接帶給用戶樂趣和愉悅。例如，以擊鼓動效助力進度條加速，可以調動用戶參與熱情、提高互動率。趣味情節與內容的呈現方式中融入個性化、趣味性元素或故事性元素，可以觸發用戶的回憶，從而建立情感連接和意義共鳴影響用戶情緒，故事性、趣味性、游戲化的動效設計會喚醒興奮情緒，激發用戶好奇心與興趣，增強用戶的參與感和互動性，提升用戶的滿意度和愉悅感。

總結馬斯洛在《Religions, Values, and Peak-Experiences》中的分析，單一滿足用戶對于使用功能的需求已經不足以滿足用戶對于更高層次需求的現狀，認知、審美等高層次的需求也進一步推動設計發展。如果說基礎設計滿足用戶對于功能的需求，那么情感化設計便對應著更高層次的需求部分。人工智能下的人機交互，智能語音助手可以根據用戶提問內容，用玩笑或是笑話的形式回答用戶問題。它們逐漸融入情感化元素，可以通過模仿，用人的話語節奏和語氣，更為人性化和趣味性地與用戶互動。這無疑會提升用戶使用體驗甚至是產品的使用率，同時還滿足了用戶情感化需求，能夠讓用戶產生情感上的共鳴，總體上提升產品的交互體驗設計。而這些改善人工智能交互的策略是趣味性基于情感化設計理論的具體實施方法。

3 載入模式的情感化設計策略

以下為載入模式的情感化設計策略內容（圖4）：

圖4 載入模式的情感化設計策略。

3.1 趣味性與信息性融合

（1） 提供趣味化概念加載模型。通過設置概念模型，有效地引導用戶明確實現目標和期望，迅速、準確地供信息反饋，適當融入情趣性設計元素，具多感官、游戲化[9]、趣味性，調動用戶感知、認知與情感，創建積極的用戶體驗[10]。線下的餐飲行業會在顧客等待時贈以零食和飲品，確保顧客不會因為基本需求而導致愉悅感喪失。在以移動終端設備為媒介的APP 設計中，貼心的設計和有效的反饋也是好服務的一部分。設計要符合科學的精確和簡潔，同時更多是將人的情感和生活聯系在一起后的用心注入。打破固有加載模式展示更多的可能性，如將普通的線型進度條通過更為豐富的視覺表現形式呈現，可以將IP 形象融入線型進度條中奔跑，嘗試更多富有創意和智慧的動態效果，取消千篇一律隨處可見的加載符號或者單調的提示文字，形成包含情感和智慧的精致加載。趣味性事物可以吸引轉移用戶對于時間感知程度[11]，新鮮感的視覺設計能夠有效地避免在執行單一的加載過程時用戶消極情緒激增，促進用戶“流”狀態的發展和維持[12]。

（2） 等待合理化或超越期待。促進人機交互溝通合理有效，明確適當的等待是用戶不可避免的環節，載入模式的解釋和反饋作用需要讓用戶有效地理解正在運行的后臺行為，提高用戶可接受范圍內的容忍度。峰值理論指出，決定人們對某項體驗的記憶取決于高峰與結束時的感受，該理論意在指出，要想人們對于某項體驗的整體感受呈現愉悅，務必需重視用戶在高峰與結束時的感受。這也為頁面載入狀態用戶的等待提供了有意義的經驗，有助于化苦惱的等待為積極的情緒體驗，如圖5 所示。

圖5 趣味進度條載入。

3.2 創新互動方式

（1） 讓人們保持忙碌。Norman[13]在《設計心理學》中提到“排隊等待的6 個原則之一——讓人們保持忙碌”，該策略便是由此展開思考。嵌入游戲機制，如通過“助力按鍵”方式讓用戶的手指忙碌起來，用戶點擊會得到相應的反饋，將情感通過設計元素具象化，內容可以是觸發動態化效果，反饋信息可以是加速成功等，用游戲化應對焦慮情緒分散用戶時間感知。如此像是迂回戰術的設計，在博得用戶一笑的同時可減少用戶對于等待時間的心理感知，將被動的等待轉換成主動參與。助力按鍵賦予載入模式游戲化，設計讓用戶保持連貫一致的操作感，而不是將用戶置身事外[14]，有效地避免了“畫面動不了，用戶無事可做”的痛點，強化交互體驗，以爭取到更多的加載時間。

（2） 對體驗進行設計[15]。根據Nielsen 提出的對于“用戶容許計算機響應時間總結”可知，載入模式的連貫性是創造用戶愉悅感的關鍵。用戶情感賦予體驗色彩，情緒上的影響給予設計反思，以用戶體驗為設計出發點、人性化的設計、情感化的體現。設計注重人與機器之間的情感交流，實現人的自我價值認同，設計應更加具有實用性并能夠適應用戶多樣性需求?？梢酝ㄟ^調節或觸發的方式帶給用戶更良好的情緒體驗。考慮用戶在交互場景中已有的情緒感受，以此調節消除消極情緒或強化積極情緒。

3.3 多感官通道設計

（1） 情景化融入。加載是無可避免的時間，消費者的愉悅感是必要的感性需求。把注意力集中在用戶知覺上的多樣化樂趣等認知需求，讓用戶感受到品牌親和力，滿足用戶追求新穎刺激和多樣化的感受。通過情景化環境帶入，有目的性地將品牌形象滲透在內，促進品牌概念與形象的深層融合，用戶會更愿意將某些產品與產生愉悅情緒的品牌形象相聯系，激發用戶對品牌的認知好感，提升品牌整體印象價值，形成反思層設計且與用戶建立長期的情感維持，加強品牌認知度，開拓品牌產品附加值。

（2） 從視覺、聽覺入手的個性化元素。創意性讓互動方式更具體驗感。用戶對個性表達、思想表達的需求日漸提升，在個人物品、服裝、家居、軟件等生活的每一部分都應關注商品對個人特色的呈現與傳遞。馬克·紐森常常通過魚類尤其是深海魚尋找產品靈感，蘋果鼠標的創意實則源于一滴水。戰斗機的設計故事是設計師看到鳥在天空翱翔，就知道他要制造的新戰機不是將各組件連接在一起，而是全新構造的設計。設計背后的故事是隱藏在產品背后的個性化價值體現，體現設計師思想和情感的也是提升品牌形象的關鍵競爭力。

3.4 給予退出加載選項

人為差錯往往來源于糟糕的設計,在進行無法避免的正常加載過程中，基于用戶心理需求，應當給予用戶選擇退出的權利?！叭∠边x項便是尊重用戶選擇權的體現。設計明確最長加載時間，比如Nielsen 總結容許計算機響應時間中提到的致使注意力分散的峰值是10 s，規定10 s 為加載時長限度，超出既定時間則視為異常狀態，需及時給予用戶異常狀態反饋?？紤]到更為廣泛的用戶群體要面對不同性格的用戶，在面對仿佛癱瘓的加載界面時，用戶可以選擇繼續等待，也有權一鍵結束漫長的加載。

4 結論

用戶認知、審美等高層次的需求不斷推動設計發展，過渡自然順滑，目標明確、實用且美觀是多數用戶對于載入模式的基本期待。根據Nielsen 對于用戶容許計算機響應時間的總結，10 s 是用戶注意力集中在對話上的極限，載入模式作為承上啟下的部分，如果上下銜接不暢，用戶還得不到任何安慰性或者預期性反饋信息，毫無疑問會嚴重影響用戶體驗感。通過用戶對載入模式的情感化需求分析，總結移動終端設備APP 載入模式的具體案例和馬斯洛需求層次理論中的情感化體現，由此探討載入模式的情感化設計策略和可行性方案。趣味性與信息性融合，設計為用戶提供趣味化概念加載模型，輔助用戶了解加載狀況，有效反饋信息內容；等待合理化或超越期待，讓用戶感受等待是可以被容忍的，等待是值得被期待的，為用戶提供一個等待意義，有助于將枯燥的等待轉變為積極的體驗。創新互動的方式，嵌入游戲機制讓人們保持忙碌，人們對于時間和距離的心理感受由心理因素決定，等待賦予趣味，等待便不是一個沉悶的過程；對體驗進行設計，關注用戶需求，激發和確保用戶積極的體驗情緒。進行多感官通道設計，情景化融入和挖掘個性化元素，設計策略上從多感官入手給予用戶積極情緒體驗，在設計中給予用戶退出加載選項，保障用戶有自我選擇需要的同時，增強用戶的被尊重感。移動終端設備頁面的載入模式在設計實踐中，可以根據需要選擇模態加載和非模態加載，并將可行性策略融入載入模式以增強用戶體驗。