情感化設計中的APP視覺資源研究

許夢陽

〔摘 要〕隨著自閉癥兒童數量的不斷增長，運用情感化設計理論，設計符合自閉癥兒童教育特征的APP，將大大減輕自閉癥兒童家庭的經濟負擔與教育負擔。研究從滿足自閉癥兒童體驗的目的出發，從本能層次的感知設計到行為層次的交互動畫設計，以及最后對反思層次的自我形象設計三個層次展開，最終分析得出APP視覺資源所需的各種動畫類型、插圖與卡通造型的作用與意義。

〔關鍵詞〕情感化設計；APP；視覺資源

我國自閉癥輔助類APP目前存在開發不完善、定位不明晰、干預效果不明顯等情況，而自閉癥兒童的數量在不斷增長，不論是從設計師的倫理道德出發，還是從人文關懷的角度出發，這種情況都急需得到改善，設計符合自閉癥兒童教育特征的APP將大大減輕家長及監護人的經濟負擔與教育負擔。因此，本文對自閉癥兒童輔助類APP的設計策略展開分析，主要根據唐納德·諾曼的情感化設計理論，梳理、歸納APP的設計流程，從滿足自閉癥兒童體驗的目的出發，將本能層次、行為層次與反思層次的設計理論運用到此類APP的設計中。

一、自閉癥兒童輔助類APP設計策略建議

通過文獻梳理、專家訪談、問卷調查等方式的前期調研，筆者主要探究了交互藝術下自閉癥兒童輔助類APP的設計架構對于自閉癥兒童使用的合理性問題。專家提出并強調輔助類APP應從提高認知能力、輔助家長與孩子的互動著手?，F整理出對APP架構有價值的策略如下：

（1）APP應針對自閉癥兒童所面臨的問題進行設計。許多自閉癥兒童拒絕與他人進行溝通交談，在認知層面通常只進行機械記憶而無法獨立思考?，F如今自閉癥兒童所面臨的問題包括認知障礙、社交障礙等，而核心問題是持久性的社會交流交往障礙、興趣狹隘、異常重復刻板的行為方式。

（2）注重兒童與家長的交流互動，使之產生語言及眼神的交流。在自閉癥兒童干預療法中，眼神的交流極為重要，若經常有眼神交流及語言的交談，自閉癥兒童的溝通能力會有極大提高。

（3）APP中的內容設置應尋找自閉癥兒童的興趣點，在極大程度上激勵自閉癥兒童的興趣，吸引他們的注意力。自閉癥兒童在溝通過程中會出現眼神飄忽、走神的情況，所以針對此情況應做出一定的激勵措施。

（4）在實際設計中應遵循自閉癥干預療法。自閉癥治療中最常用的療法包括行為療法（ABA）、結構化教學、圖片交換溝通系統等，其核心是任務分解，即訓練者發出指令、觀察兒童的反應、對兒童反應的應答、停頓。

二、情感化設計理論

基于情感化設計理論是為了促進自閉癥兒童利用APP學習的有效性，賦予具有輔助治療功能的APP設計策略更廣泛的指導意義。用戶在使用產品時的體驗未滿足預期時，會產生苦惱、抗拒的情感；反之，當產品的功能性和易用性滿足之后，還滿足了更高層次的情緒需求，用戶自然會產生愉悅、喜愛的情感。早在2002年，美國知名心理學家唐納德·諾曼（DonaldNorman）就提出了這一概念，他將產品特質劃分為功能性、有用性、易用性和愉悅四個層面，由低到高，而情感化設計則位于頂端的位置。他還在認知心理學的基礎上提出了設計的三個層次，即：本能（visceral）、行為（behavior）、反思（reflective）的設計。本能層次是指源于人類天生的本性，所以關注點包括產品的外形、顏色、質感等。行為層次是指使用產品的行為，主要關注產品的功能和實現。反思層次是指產品的使用會激起用戶的思考、回憶、共鳴等情感。因此，一個人的自我反應與認同就在反思層，它與展示和使用產品時引起人們的滿足感有關，但每一個層次在設計作品中都不可能是獨立存在的，正如諾曼所指出的，產品必須是吸引人，它必須是快樂和有趣的，不過，它也必須是有效的、可以理解的和價格適當的。

三、本能層次的感知設計

在本能層次的設計中，關注的重點是用戶的生理要素和內心感受，應把注意力轉移到自閉癥兒童首先會注意到的地方：感知設計。在感知設計中，內容、功能和美學匯聚到一起產生一個最終的效果，完成其他層次的所有目標，同時也滿足自閉癥兒童的感官感受。因此，即使設計的自閉癥兒童輔助類APP界面得到大部分兒童的審美認可，還得考慮表現層是否與戰略層、結構層匹配；還要考慮產品的外觀是否破壞結構，結構中的各個模塊之間的區別是否清晰。視覺設計并不僅僅是一個美學的問題，還應該是戰略定位的問題。在以自閉癥兒童為對象的APP視覺設計中，根據自閉癥兒童的心理特征，大量使用插圖會激發起他們學習的興趣。也就是說，要運用插圖完成此類型APP的視覺感知設計。

一圖勝似千字文。自古以來，人們就知道一個復雜的思想可以通過單一靜止的圖像來表達。人類的大腦有很大一部分用于視覺處理，甚至有一些研究人員聲稱，人們處理的信息超過90%是可視化的。因而，插圖作為一種特定的視覺圖像，與界面設計的其他元素類似，插圖應該是自閉癥兒童輔助類APP界面的功能元素，具有特定的用途。

首先，插圖可以帶來更大的信息量。認知障礙是自閉癥兒童的一個顯著特征，因此，在目標群體是自閉癥兒童的時候，APP內的教育內容一旦涉及到概念的描述就會很難順利進行。而插圖所自帶的一種能解釋事物的力量就可以被利用起來，設計者完全可以利用這一屬性。

其次，插圖可以有效增強閱讀體驗，傳達重要文本的上下文。APP想要讓自閉癥兒童熟悉某樣功能時，可以使用文本顯示，但是沒有視覺效果的文本看起來很乏味。普通自閉癥兒童在使用數字產品時并不是在屏幕上仔細閱讀文本，而是快速瀏覽。所以，要避免屏幕上充斥著冗長乏味的文字。

最后，插圖可以取悅自閉癥兒童。有意義的藝術作品不僅可以更快地解釋產品，還可以讓自閉癥兒童輔助類APP界面更生動，給自閉癥兒童帶來美好的感受。“討人喜歡”是我們用來描述給自閉癥兒童帶來愉悅的互動效果的一個詞。自閉癥兒童每天都可以與許多產品進行交互，但他們總是記住那些感覺很棒的產品。發現這樣的產品時，他們很有可能會保持忠誠。

四、行為層次的交互動畫

行為層次的關注點應該是以人為本的功能和實現，產品美觀的界面以及產品操作是否簡易是情感化設計中的重點所在。比如在設計初期，應以產品的受眾調研數據作為設計依據。在數字媒體時代，APP產品的行為層次設計既要注意能否讓用戶有效完成操作任務，還要注意是否賦予用戶具有樂趣的操作體驗。而功能性動畫則可以補充視覺設計并支持有效的人機交互。

1.系統提示動畫

動畫是自閉癥兒童體驗的重要組成部分。當談到移動應用程序的動畫過渡時，有很多事情可以用動畫巧妙地交流。如發送消息、打開設置、選中復選框、導航到另一個頁面等，這些都是情感化設計的行為層次。利用動畫化的過渡來加強引導自閉癥兒童的操作是一種很有意義的方式。例如，當自閉癥兒童觸發某個動作時，APP系統為了繼續吸引注意力容易分散的自閉癥兒童持續學習，需要給他們看到一個可視的響應，即APP系統應該清楚地用動畫效果表明它收到了請求并正在處理它。尤其要注意以下三種情況：一，確認操作。自閉癥兒童獲得系統接收操作的確認，即視覺反饋，這可以防止他們再次點擊相關控件或者按鈕。二，使用下拉手勢刷新頁面上的內容。加載指示器格式的可視化反饋幫助自閉癥兒童了解系統正在處理他們的請求。三，等待內容加載。幾乎任何應用程序在加載內容時都會利用一個微妙的動畫來防止操作者離開，可通過加載動畫讓自閉癥兒童忙于視覺反饋。但是考慮到自閉癥兒童的注意力問題，加載動畫需要精心設計以證明等待并不無聊，讓自閉癥兒童感知到更短的等待時間。

2.多步驟操作的引導動畫

有時自閉癥兒童需要通過一系列步驟來完成一個操作。由于自閉癥兒童的認知障礙，這些步驟相互關聯的關系會給他們帶來認知負荷。而此時，引導動畫可以幫助他們連接每一步，創造一個完整的操作過程。最重要的就是利用動畫幫助自閉癥兒童建立更好的空間信息心智模型。由于手機屏幕的有限性以及自閉癥兒童注意力持續時間短等原因，很容易導致他們在迷宮般的屏幕中迷失方向。因此，引導動畫不僅可以用來引導自閉癥兒童的操作，還有助于解釋信息是如何從一種狀態連接到另一種狀態的。動畫通過向自閉癥兒童提供其正在經歷的事情的信息，來防止他們迷失方向。除此以外，動畫還可以幫助APP創建漸進的進程，通過減少一次顯示的信息量或者逐步顯示信息使界面更容易學習。

3.輔助理解動畫

認知負荷是使用一個產品所需要的腦力勞動。認知負荷會直接影響自閉癥兒童與應用程序交互的難易程度。一般來說，使用一個產品需要付出的努力越多，它就越不受歡迎。對于有認知障礙的自閉癥兒童來說，我們的目標應該是創建一個易于使用的界面。當APP系統在頁面上引入一個新的對象時，一定要注意將自閉癥兒童的注意力集中在對象上，并向他們解釋“為什么要看到這個新對象？”這時，就可以導入簡短的闡述動畫，幫助他們定義對象的重要性以及層次結構。當元素在交互之后更改其功能時，就會發生功能更改。例如，當兒童點擊按鈕時，按鈕將意味著會執行一個新的命令，但是命令具體指向哪里，自閉癥兒童并不清楚。因此，此時幫助自閉癥兒童找到“這個元素現在做什么？”的答案是非常有必要的。同樣，當自閉癥兒童達到某個目標時，屏幕上出現的動畫或插圖會讓他們產生一種感覺，即他們靠自己實現了某個重要目標。如果使用得當，動畫可以減少兒童完成學習任務所需的工作量。比如，幾乎所有的APP都需要填寫一些表單，許多表單都有文本占位符作為字段的標簽。當自閉癥兒童點擊這樣的字段時，標簽就消失了。因此，自閉癥兒童很難弄清楚這個字段代表什么。如果此時使用浮動標簽來幫助他們保持上下文的連貫，就可以使他們獲得更舒適的體驗。

用戶真實穩定的情感感受，來自不斷的互動。因此，當APP想以復雜的結構呈現時，動畫的作用是非常巨大的。它解決了界面中的許多功能問題，并使自閉癥兒童感覺APP的活躍性，以及APP真正在響應他們的操作。

五、反思層次的自我形象設計

反思層次的設計是最高層次的設計，主要目的是表達產品的意義，建立產品的品牌與價值，并與用戶建立長久的關系。本研究主要與自閉癥兒童長期的感受有關，他們的文化背景、家庭背景、身份認同都較為復雜，變化也快。因此，在這一層次如何做好APP的自我形象塑造，完成自閉癥兒童對品牌的認知，讓產品成為他們情感的載體，可以通過以下幾種方式。

1.利用卡通形象

卡通形象在一定意義上可以決定品牌的身份。根據品牌視覺語言創作的卡通吉祥物能建立起強大的品牌回憶，當自閉癥兒童看到這樣的卡通造型時，他們會立即將它們與品牌聯系起來?？ㄍㄐ蜗蠹槲锿瑫r也是一個特定的插圖對象。一個精心設計的吉祥物可以在自閉癥兒童和產品之間建立情感聯系，引發人們認同產品或品牌。

2.利用啟動畫面

啟動畫面是自閉癥兒童在啟動應用程序時看到的第一個視覺設計。通常情況下，這個屏幕包含應用程序的名稱、徽標和一些背景圖像。并且，啟動畫面在創造良好的第一印象中的作用非常大，這是已知的事實。根據研究顯示，第一印象的形成94%與視覺設計效果相關。糟糕的設計會給人留下不好的印象。例如，讓自閉癥兒童在第一次體驗啟動APP時，會有短暫而必要的等待時間，如果APP的啟動時間不能縮短，那至少可以切入一個可靠的有趣的動畫，讓他們的等待更愉快。這就是啟動畫面可能會派上用場的地方。因此，使用具有強烈吸引力的啟動動畫可以為自閉癥兒童創造一個積極的干預。

結 語

情感是溝通人與外物的橋梁，情感化設計注重人與產品的關系。該策略主要利用APP豐富多彩的界面與交互藝術的多感官共同參與特點，將動畫、插圖與訓練內容相結合，吸引自閉癥兒童持續參與學習。運用情感化設計理論，從滿足自閉癥兒童體驗的目的出發，將本能層次、行為層次與反思層次的設計理論運用到此類APP的設計中。本文所研究的自閉癥兒童教育類APP的設計策略，主要也是考慮提升他們在使用中的各種體驗和感受，同時也是依靠情感與設計的力量幫助自閉癥家庭減輕教育的壓力。這既是一種止于至善的追求，同時也是設計師發自良知的人文關懷。 （責任編輯：尹雨）

參考文獻：

[1]唐納德·諾曼（美）.付秋芳，程進三（譯）.情感化設計[M].北京：電子工業出版社，2005：05-07.

[2]梁慧穎，莊一兵.基于情感化體驗的商品包裝設計[J].設計，2019，32（15）：93-95.

[3]何雨威，張朵朵，謝慧玲.基于觸點體驗的手工藝品電商設計[J].包裝工程，2019，40（14）：236-241.

[4]潘茗姝，周赳.紡織品的情感化設計研究[J].美術大觀，2018（10）：108-109.

【基金項目：江蘇省高校哲學社會科學研究項目（2019SJA0557）；江蘇省教育信息化研究重點資助課題（20172041）】