孫雅賢 (南京師范大學美術學院 江蘇南京 210000)

基于加載頁面中的情感化設計

孫雅賢 (南京師范大學美術學院 江蘇南京 210000)

隨著科技時代的到來，通訊工具的產生，以及信息多樣化傳達方式的發(fā)展，人們已經步入信息爆炸時代，高科技的使用雖在人們的生活中體現(xiàn)了方便和高效，但面對冷漠的電子屏幕，人與人、人與物之間的關系變得越來越疏遠，人們之間的情感交流沒有因為科技發(fā)展而得到更進一步的滿足。因此，科技和情感的平衡成為我們開始追求的目標，在網絡空間中，人們越來越重視情感的視覺體驗。本文從“加載頁面”著手，探究了在其設計中情感化設計的體現(xiàn)，以期對加載頁面設計提供情感化設計的方法。

加載頁面；情感化設計

伴隨網絡時代的發(fā)展，網頁已成為日前新型媒介中的主流。網絡時代發(fā)展初期，由于網絡技術發(fā)展的限制，當時的網頁僅由純文字組成，只具有信息傳達的功能性。隨著網絡技術的成熟，簡單的靜態(tài)文本網頁已不能滿足人們的審美需求，更多的視覺要素呈現(xiàn)在網頁中，色彩、圖片、聲音、動畫、視頻等要素使網頁內容豐富起來，從而為藝術設計提供了新的載體。反之，藝術設計也為網頁設計帶來了全新的視覺效果，隨著交互式網頁的發(fā)展，互動性成為新型網頁的特征之一，從而對網頁設計中的視覺體驗提出了新的要求。

網頁作為一個信息傳達的載體，其主要對象是人，因此，在技術因素成熟的情況下，對網頁設計的視覺要求必須從人的角度出發(fā)，以“情感化設計”為出發(fā)點?！扒楦谢O計(Emotional Design)”一詞是由國際著名的心理學家唐納?諾曼（Donald Norman）提出的。來自美國的新生代Web專家亞倫?瓦爾特（Aarron Walter）創(chuàng)新地將情感化設計與馬斯洛的人類需求層次理論聯(lián)系在了一起。正如馬斯洛分析的人類的生理需求(physiological needs)、安全需求(security needs)、歸屬與愛的需要(love and belonging needs)、自尊需要(respect & esteem needs)和自我實現(xiàn)需要(self-actualization needs)這五個層次的需求，產品特質也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個的層面，情感化設計則處于其中最上層的“愉悅性”層面當中。

在網頁設計中，加載頁面代表需要用戶消耗一定的時間去等待頁面響應。根據有關調查顯示，如網頁加載時間超過三秒鐘，會有40%的人離開網頁。但從技術性角度而言，網頁速度是由電腦配置、服務器和帶寬等因素決定的，不可隨意更改，因此更需要從網頁的視覺效果上來滿足人的情感，根據人的心理特征從圖形、色彩、文字等方面調整加載頁面，讓用戶在等待的時間具有輕松的心情。本文以此為目標，探究加載頁面中應該體現(xiàn)的幾個方面。

一、過程的可視化

等待的時間過長，難免會產生焦躁的情緒。在網絡生活里，點擊網上的鏈接或是繼續(xù)瀏覽下一頁更多的內容時，因技術原因會產生加載頁面，等待過程中，用戶會產生焦躁甚至憤怒的情緒變化，但讓用戶產生情緒變化的原因不僅是因為等待加載時間的長短，更重要的原因是由于用戶對等待時間和結果的未知性。因此，從用戶心理出發(fā)，對于如何安撫用戶會產生的消極情緒，直接的方法就是讓用戶了解需要等待的時間以及當前剩余時間。在圖形設計角度使用設計技巧體現(xiàn)這種時間性，就可以改善這種等待體驗。目前網絡應用中常見的設計包括直接的時間提示、進度條，以及百分比等。

比較下邊兩幅圖形，圖1就是簡單的載入頁面，沒有任何的時間、進度提醒，在對進度結果充滿未知的情況下，這種情況比較會讓人的心里產生焦躁情緒，但圖2的加載頁面，標注了百分比以及進度條的色彩變化，有加載時間信息的反饋，讓用戶對加載時間具有期待性。

圖1

圖2

二、圖形的趣味化

加載頁面的主要功能就是提示用戶需要要等待，因為長時間枯燥等待，往往不會有愉悅心情，因此簡單的加載圖形逐漸不能滿足用戶的情感要求，逐漸有設計師意識到這一點，開始嘗試用趣味性圖形來代替簡單的幾何圖形，以一種讓人心情愉悅的方式表達加載頁面。具有樂趣的設計可以產生快樂的感覺，也正是人們渴望的生活屬性。圖3中，加載進度條在圖形中的巧妙應用，會讓用戶在這種趣味性體驗中，逐漸忽略掉加載頁面的時間性，減少對響應時間的感知，因此，有趣的圖形設計可以達到舒緩用戶因等待而產生的焦躁情緒。

三、色彩的情緒化

色彩是設計學的組成部分，不同的情感可以用不同的色彩來表達，它可以渲染特定的氛圍來傳達特定的信息 。不同波長的顏色作用于人的視覺器管，通過視覺神經傳入大腦中樞后，經過思維加工，自然聯(lián)想到以前的經驗和感覺體驗，從而形成一系列的色彩心理反應。經心理學家的一系列實驗，發(fā)現(xiàn)在紅色的渲染中，人的脈搏會加快，血壓升高，情緒容易沖動和興奮；而處在藍色的環(huán)境中，人的脈搏會緩和，情緒也相對冷靜。在科學領域，研究者發(fā)現(xiàn)色彩能影響腦電波，例如，對于紅色的環(huán)境，腦電波反應是警惕，而對于藍色的反應是放松。這些領域的研究經驗明確的向我們證實了色彩對人心理的影響。

在網頁設計中，不同的網頁用色會使人產生不同的感覺，這就要求設計師根據網頁的內容和特點，通過對色彩心理的把握，在設計時選擇合適的色彩方案，使頁面達到理想的視覺效果。從而來調動瀏覽者的情緒，引起用戶的心理效應，達到信息傳遞和情感交流的目的。

色彩的冷暖性具有重要的參考意義，冷暖色除了會給我們帶來溫度上的不同感受外，還具有一定的空間感，暖色具有前進感，冷色具有后退感，而且正如上文提到的，紅色作為暖色在可見光中波長最長，容易讓人產生熱情、興奮等色彩心理，而藍色則具有冷靜、堅定等色彩心理，對于加載頁面冷色調的藍色更適合，能起到緩和用戶焦躁心情的作用。

四、創(chuàng)意文案

文案就是以文字的形式來表達已經制定的創(chuàng)意策略，對于網頁設計中，出色的文案具有至關重要的作用。人類具有一定的適應性行為，對于熟悉的事物往往不能引起興趣。網頁中，新穎的、出乎意料的文案容易吸引用戶的注意。在加載頁面中最多使用的文案是“加載中”，枯燥乏味的直觀表達往往會使用戶失去興趣，為了能使用戶與信息內容產生共鳴，從而影響他的行為方式，把這種一般的文案轉變成更具有創(chuàng)意的文案，比起簡單的告知提示來說更能讓用戶接受。例如“正在努力奔跑中，請稍等”、“眼睛閉上休息一下，馬上回來”等等，從而有目的性引導用戶等待。這種從體諒用戶等待的心情而創(chuàng)作的文案，以表露情感為基礎，具有表達時間的典型特征，往往更能吸引用戶并且花一定的時間去閱讀，在這過程中，已經消耗了頁面加載時的等待時間。所以，加載頁面中的文案，更需要設計師精心策劃。

總之，在以“快、高效”為特征的現(xiàn)代生活中，情感化設計是個值得深究的課題，如何做到科技和情感的相對平衡，是設計師當下的任務之一力求在設計中依照用戶情感需求，合理運用可視化方式，優(yōu)化用戶的視覺體驗，為人們創(chuàng)造具有情感化的網絡環(huán)境。

[1][美] 瓦爾特（Walter,A．）著．李清譯．《Web標準和SEO應用實踐》[M]，機械工業(yè)出版社，2008．

[2]Be For Web,為產品賦予人格——情感化設計的組成要素及實踐案例[OL],http：//beforweb．com/node/103．

[3][美]唐納德?A?諾曼著，何笑梅/歐秋杏譯，《設計心理學3：情感設計》[M] ．中信出版社，2012．

[4]王令中．《視覺藝術心理》[M]．人民美術出版社，2005．

孫雅賢，學校：南京師范大學美術學院，專業(yè)：設計藝術學視覺傳達設計方向。