基于情感化設計的大學校慶交流產品設計研究

高建男 司崢鳴 趙妍妍

關鍵詞：大學校慶交流產品 情感化設計 交互產品設計 交互設計 界面設計

引言

1998年北京大學和2011年清華大學舉辦百年校慶活動，在社會上引起了極大反響。自此之后，全國各高校以十年、五十年、百年為期舉辦校慶活動，使校慶成為一種風氣與潮流。[1]大學校慶是學校發展歷史的見證，同時也是廣大校友與母校重建聯系和彼此交流的重要契機。隨著當代社交網絡的發展，校慶交流活動逐漸由線下校友會向校友群、微博、公眾號和論壇等線上交流平臺轉移。然而以往的校慶交流活動往往借助現有的社交平臺，由于其覆蓋范圍、時間及平臺等因素的限制，導致部分校友在交流活動上的積極性、參與感和情感滿足上有所欠缺。校友的互動范圍也受到限制，陌生校友之間的互動機會較低。鑒于此，本文通過分析現有校慶交流依托平臺的局限性和用戶對其需求變化，以情感化設計理論為基礎，設計可用性強同時滿足用戶情感需求的大學校慶交流產品。

一、大學校慶交流平臺現狀分析

大學校慶是現代大學的伴生物，也是教育發展、社會進步、文明演進的產物。大學校慶活動作為一種具有科學與文明特征的文化記憶，是隆重的慶典、盛大的節日、教育成就的展示、思想的凝聚和精神的喚起。[2]大學校慶活動越來越受到廣泛的關注，學校通過在線交流平臺將在校師生和校友通過再次聯系起來，筆者將現有的校慶交流活動大致分為兩類：

第一類是由學校組織策劃發起內容征集活動，向廣大師生校友征集主題文稿、照片和視頻等，征集結束后由相關負責人進行審核篩選，選擇相對優質的內容發布。此類活動能夠更好地調動校友的參與積極性，但通常有投稿時間的限制;同時往往會征集到大量內容，對于工作人員的整合篩選工作是一個很大挑戰。校友的前期參與感很強，最終只有少部分內容能夠被整合發布，大部分人在活動最終的情感滿足上有所欠缺。

第二類是由學校的官方賬號（例如：微博、公眾號、論壇賬號等）在對應平臺上單獨發帖，校友在帖子下進行評論。這種方式彌補了上述方式的時間限制，同時所有人的評論內容都會在評論區展示，滿足了個人的情感表達。但此類活動也有其局限性，首先評論回復限制了校友們的表達限于文字和圖片這兩種媒介;其次由于評論顯示機制的限制，校友只能被動接受評論機制排序的內容而不能根據自己的興趣主動選擇查看內容。

基于現有大學校慶交流平臺現狀的分析，本文將引入情感化設計理論，并將其融入交互產品設計中，完成大學校慶交流產品的設計實踐，解決現有大學校慶交流平臺現狀存在的問題。

二、情感化設計理論概述

情感化設計，就是給予和滿足人們對一款產品的情感需求，通過充分考慮人性需求把原本沒有生機的產品加以情感化實現產品的精神功能。[3]在《情感化設計》這本書中作者以本能、行為和反思這三個設計的不同維度為基礎，闡述了情感在設計中所處的重要地位與作用，深入地分析了如何將情感效果融入產品的設計中。[4]本能水平先于意識和思維，注視、感受和聲音等生理特征起主導作用;它是外觀要素和第一印象形成的基礎，著重產品的外觀、觸感等。行為水平和使用有關，關注功能的實現而非外觀，優秀的行為層次設計有四個要素，即功能、易理解性、易用性和感受。反思水平與信息、文化以及產品的含義和用途息息相關，它能喚起自我形象、個人的滿足和記憶等更深層次的情感體驗或者思考，在這個層次體驗思想和感情完全融合。

本能水平最具有共通性，人本性思考的過程是一樣的，與本能層次相符的認知更能被大多數人理解。反思水平最具有多樣性，反思水平往往會因個體的文化教育背景和社會生活經驗的不同而產生差異。在實際的設計應用中，這三個層次并不是孤立存在而是相互影響的，本能層次反應很快，它對好壞、安全或危險迅速做出判斷，這是情感處理的起點，大多數人類行為屬于行為層次，這類活動可通過反思層次增強或抑制。

三、情感化設計在交互產品設計中的應用

將情感化設計應用到交互產品設計領域，三個層級對應的設計原則如圖1所示：用戶通過視覺的感官體驗生成對產品的初始印象（本能層級），然后通過使用產品的功能及體驗交互過程生成對產品的使用感受（行為層級），最后通過感受產品的語義信息、內涵和個性化設置建立情感連接（反思層級）。具體來說：

（一）本能層級：在本能層級上，產品設計主要在其外觀設計的最初體現，與用戶的視覺體驗息息相關。[5]視覺上的情感調動主要包含：顏色、文字、圖形及動態效果展示。用戶對于顏色的視覺刺激感受與個人的文化背景及生活經驗有關。色彩能夠引起開心、激動和平靜等情緒，同時色彩的色調也能夠喚起不同的情感反應。[6]文字是當代文明社會的最有效溝通手段之一，文字的字體、字號、字間距和行間距等屬性會影響用戶在識別文字信息時的注意力機制，因此產品的文字編輯設計過程中應滿足用戶“選擇性注意”的心理需求。圖形作為一種可視化的信息表達方式，可以通過紋理、顏色和造型等屬性輔助文字信息的傳達，生動活潑且帶有隱喻的圖形圖標可以幫助用戶在產品使用中更容易理解功能，提升產品的用戶體驗。相對于文字和圖形，動態的效果展示可以在短時間內傳達更豐富的信息，幫助用戶更好地理解界面內容及功能，減少用戶對界面及功能認知的負擔，此外，有趣的互動動態效果能夠提升用戶的交互體驗。

（二）行為層級：在行為層級上，產品設計主要在其功能實現和交互操作的體現，產品的吸引力影響到用戶能動行為的主動性。產品功能設計的基礎在于用戶對產品的需求。在進行需求分析時，需要設計者精準定位目標用戶，洞悉用戶痛點并將其轉化為需求。功能設計也要避免“功能主義”，除非絕對必要，否則不要增加新的功能。如果加入新的功能，就在所難免需要增加界面及數量、操作的步驟和說明指導，給用戶帶來不必要的疑問和困擾。[7]產品交互設計的基礎在于滿足易用性原則，產品的易用性設計主要包含四個設計原則：（1）高效性：指產品需要讓用戶以最簡單快捷的方式完成他們想要的操作;（2）易學性：用戶在初次接觸產品時是否能快速了解操作方法;（3）易記性：用戶在一定時間后再次接觸產品時能夠快速想起甚至不用回想對應的指令和操作;（4）容錯性：保護用戶免受操作失誤的影響，并且設計安全措施可以幫助用戶從錯誤中輕松恢復。[8]

（三）反思層級：在反思層級上，產品設計主要在其自我形象的構建和個性化需求的滿足，反思層級的設計與用戶的情感連接更為緊密。[9]在對產品的生成視覺印象和使用體驗之后，用戶產生的反思體驗行為是對產品認知的更深層次的感受。用戶在使用某些產品時，會依據其個人的文化教育背景及社會生活經歷等因素，生成特有的印象和情緒感受，不同的人使用同一產品也會生成不同的內心感受，這就導致部分用戶無法產生情感上的共鳴。因此反思層級的產品設計需要設計者針對特定的用戶群體，建立起產品與用戶之間的情感連接，提升用戶對產品的認知。個性化需求設置幫助用戶使用產品時基于不同的需求獲得特有的情感體驗，越是能生成不同于其他同類產品的情感體驗，越能增加用戶對產品的喜愛程度和依賴性。

四、基于情感化設計的大學校慶交流產品設計實踐

在實際的設計應用中，情感化設計的三個層級并不是孤立存在而是相互影響的，[4]貫穿于整個交互產品的設計過程中，下文將依據情感化設計原則完成大學校慶交流產品的設計實踐。

（一）需求分析：東京理工大學狩野紀昭教授發明了一種對用戶需求分類和優先排序的KANO模型。[10]在產品設計中，將需求以類型按以下層級排序：基本型需求>期望型需求>興奮型需求。在當代的社交網絡環境中，大學校慶交流平臺在滿足溝通和交流等基本需求的情況下，還應追求實現溝通和交流過程的簡單有效，完成自我表達和情感反饋的高級需求。

1.基本型需求：當代互聯網服務的重心開始向移動終端上轉移，廣大師生和校友需要一個整合校慶相關內容發布和瀏覽等基本功能的APP客戶端。2.期望型需求：多媒體的發展為情感表達提供了更加有效的工具，師生和校友們在表達自己對學校的祝福和情感時不能只拘泥于文字或圖片單一的表達形式，需要將多種模態的表達方式結合實現情感表達的需求。3.興奮型需求：師生和校友需要的是一款簡單且有情感溫度的產品，增加特色功能可以提升用戶對產品的好感;個性化設置和隱私設置給予用戶自我選擇的權力，在反思層級上獲得自我滿足的情感體驗，創建偏好設置可以滿足不同用戶的個性化需求;隱私設置給予用戶安全感。

（二）功能設計：對應需求層級的分類，滿足產品的基本型需求體現了行為層的設計，滿足產品的期望型需求和興奮型需求體現了反思層的設計。將用戶需求轉化為功能并按照層級排序，其核心功能包含：內容發布、內容瀏覽、校友間互動和個人設置。

1.內容發布：用戶借助扔紙飛機的互動形式完成有關意見、祝福和追憶等內容的發布，過程包含文字、圖片和音樂的添加。添加不同模態內容時為用戶提供多種選擇方式，幫助沒有確定目標的用戶快速獲得預期選項，不需要太多思考便能簡單完成操作。上傳個人照片和個人演唱作為音頻等選項幫助用戶實現更深層次的情感表達需求。

（1）添加文字：自定義標簽添加/系統推薦標簽添加/不添加標簽。

添加標簽后編輯文本內容。標簽可以將同類的內容進行匯總，方便內容的分類和查詢。（2）添加圖片：拍攝照片/從手機相冊中選擇圖片添加/使用系統推薦照片/不添加圖片。（3）添加音樂：搜索確定曲目/系統分類推薦確定曲目。確定音樂之后，可以使用原聲音頻添加/個人演唱作為音頻添加/不添加音樂。

完成上述操作用戶可以將生成內容以扔紙飛機的形式發送。根據不同用戶對隱私的要求，用戶可指定內容的發送范圍：發給特定用戶或廣場;在發送時可選擇實名發送或匿名發送。

2.瀏覽其他用戶生成內容：用戶在表達自己的情感的同時也期待看到其他用戶生成內容，尋求情感上的共鳴與歸屬。用戶可根據自己的需求選擇不同的瀏覽方式：（1）無目的性瀏覽：從廣場上飛翔的紙飛機中隨機點擊拾起，探索未知的操作使整個過程變得有趣，出乎意料的產品屬性使用戶產生驚喜。（2）模糊目的性瀏覽：按照系統分類瀏覽自己喜歡的內容;借助推薦算法計算用戶喜好進行針對性推薦，幫助用戶快速獲取感興趣的內容。

（3）針對性瀏覽：內容發布時添加了話題和文字信息，使用搜索精準定位感興趣的內容。

3.互動：（1）點贊、評論：對他人發布的內容進行點贊、評論，互動交流能夠帶給雙方情感上的歸屬和共情體驗。（2）收藏：將喜歡的內容收藏方便隨時查看，良性互動對內容創作者來說是一種有效激勵。（3）私信：校友之間進行進一步的溝通。

4.個人設置：（1）個人資料設置：為保障產品擁有健康的交流環境，產品要求實名注冊，用戶個人ID是確定的。用戶可以自定義昵稱和頭像，在發布內容的時候輔助顯示;用戶可以設置個人地區，幫助用戶通過地區信息聯絡結識同地區校友。（2）通知設置：選擇是否接收其他用戶的點贊、評論、收藏等互動通知提醒;選擇是否接收系統信息通知提醒。

（三）交互設計1.易用性目標：交互設計的易用性目標體現了行為層的設計。產品交互設計的基礎在于滿足易用性目標，易用性目標是指用戶在學習和使用產品的過程中，能夠輕松高效地了解產品的操作，獲得愉悅的使用體驗。

（1）高效性：大學校慶交流產品主要包含三個模塊：個人中心、發布內容和廣場，清晰直觀的功能框架幫助用戶輕松完成任務。將最重要、最常用的三個功能模塊放在最明顯最容易接觸的位置，較次級的功能整理到子頁面當中，實現簡潔良好的交互指引。

（2）易學性：使用包含隱喻的圖標設計如圖2所示進行引導，借助凝練圖形增強圖標隱喻來明確提示圖標含義及功能，將功能和視覺提示聯系起來，幫助用戶更容易理解和學習操作。設計圖形時遵循統一的秩序，使視覺上的感受更加平衡。

3）易記性：習慣就是一種“熟知記憶”，保證產品設計過程中的大部分交互操作與日常使用APP中的操作方式相同。例如發布內容的前期操作與發送朋友圈類似，熟悉的交互操作可以減少用戶記憶負擔，提升任務成功率。

（4）容錯性：注冊時設置密碼后需對密碼再一次確認，確保用戶了解正確的密碼;評論和發布動態都設置確認發布操作以防止用戶誤觸，幫助提升用戶掌控感;完成任務成功后彈出成功提示，給用戶的交互操作可視化的反饋，保證用戶了解當前狀態。

2.用戶體驗目標：交互設計的用戶體驗目標體現了反思層的設計。

用戶體驗目標是更加偏向主觀性和情感性的。在心理學的概念范疇里，“體驗”是用戶對外界的評價，用戶的體驗流程如圖3所示。在用戶實現目標時，對用戶的感知解釋過程融入情感設計，用戶將在使用產品過程中將其轉化為一種積極的情感體驗，從而增加對產品的好感與依賴。

紙飛機代表年少時無憂無慮的那段時光，可以勾起人們對于青春的回憶。本產品使用扔紙飛機的隱喻交互操作表示發布內容，在確認發送生成內容時有扔出紙飛機的動畫互動，動畫設計在靜態圖形的基礎上增加了生命力，更能吸引用戶的注意。借模擬真實世界中扔出紙飛機的過程，將數字虛擬世界中的抽象操作與現實世界的動作連通，幫助用戶快速接受并獲得到真實的情感體驗。本產品使用拾起紙飛機的隱喻交互操作表示瀏覽他人發布的內容，拾起紙飛機的交互動作增加了產品的互動性的同時融入了情懷設計。此外，拾取紙飛機內容是隨機的，增加了用戶的期待和驚喜，未知的獲取方式激勵用戶去探索，給用戶帶來了更新奇的體驗。

（四）界面設計：產品界面設計體現了本能層的設計，通過視覺上顏色、文字、圖形及動態效果展示觸發用戶的本能情感體驗。界面設計在保證功能合理性的同時，需要在有限的二維空間中調整圖形、文字、按鍵、符號等元素的位置關系和比例大小，增加對界面內容表達的準確性和界面操控的靈活性。大學校慶交流產品在情感上希望展現青春的活力，整體使用淺藍色系的配色，搭配白云、白色紙飛機等UI設計。

1.個人中心界面及下級界面（圖4）：個人中心界面包含個人信息、我的消息、我的紙飛機、我的好友和設置下級界面。將頁面中的文本框和按鈕通過矢量軟件進行繪制，適應性更好并且能有效緩解擬物化設計中陰影、凹凸和復雜形狀組合帶來的視覺沖擊力與審美疲勞。

2.發布內容界面及下級界面（圖5）：發布內容界面包含包括內容添加和發布的下級頁面。頁面設計使用簡潔的扁平化風格，利用符號化、簡約化、抽象化的設計元素實現簡潔的呈現方式，條理更清晰。

3.廣場界面及下級界面（圖6）：廣場界面包含三種瀏覽他人發布內容的方式，該頁面可對其他用戶發布的內容進行點贊評論和收藏等互動操作。借助清晰的布局和文字指引增加界面操控的舒適感，使得界面更方便用戶認知和識別。

（1）隨機瀏覽：界面上半部分背景為紙飛機飛翔動畫，點擊紙飛機圖案隨機獲取其他用戶發布的紙飛機內容;（2）根據內容分類瀏覽：界面下半部分為主題按分類的內容展示;（3）精確搜索：根據與用戶搜索的關鍵字的相關度進行排序展示供用戶瀏覽。

結語

校慶是廣大校友與母校重建聯系和彼此交流的重要契機，大學校慶交流平臺應滿足當代社交網絡環境下用戶的需求變化。本文以情感化設計在交互產品設計中的應用為基礎，將情感化設計的三個層級融合貫穿于整個產品的功能設計、交互設計和界面設計過程中，完成大學校慶交流產品的設計實踐。大學校慶交流產品滿足了用戶溝通和交流的基本需求，實現溝通和交流過程的簡單有效，借助扔出紙飛機和拾起紙飛機交互操作完成內容發布和內容瀏覽，增加產品互動性的同時將操作融入情感，提升用戶的審美體驗和情感體驗，為情感化設計在交互產品設計中的應用提供了參考。