高建男 司崢鳴 趙妍妍

關(guān)鍵詞：大學(xué)校慶交流產(chǎn)品 情感化設(shè)計 交互產(chǎn)品設(shè)計 交互設(shè)計 界面設(shè)計

引言

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

一、大學(xué)校慶交流平臺現(xiàn)狀分析

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

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

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

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

二、情感化設(shè)計理論概述

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

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

三、情感化設(shè)計在交互產(chǎn)品設(shè)計中的應(yīng)用

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

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

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

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

四、基于情感化設(shè)計的大學(xué)校慶交流產(chǎn)品設(shè)計實踐

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.用戶體驗?zāi)繕耍航换ピO(shè)計的用戶體驗?zāi)繕梭w現(xiàn)了反思層的設(shè)計。

用戶體驗?zāi)繕耸歉悠蛑饔^性和情感性的。在心理學(xué)的概念范疇里，“體驗”是用戶對外界的評價，用戶的體驗流程如圖3所示。在用戶實現(xiàn)目標時，對用戶的感知解釋過程融入情感設(shè)計，用戶將在使用產(chǎn)品過程中將其轉(zhuǎn)化為一種積極的情感體驗，從而增加對產(chǎn)品的好感與依賴。

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

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

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

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

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

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

結(jié)語

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