情感化設計在網頁應用界面中的應用

何映虹

（廣東培正學院）

據我國互聯網信息中心（CNNIC）發布的2014 年互聯網報告顯示，我國網民規模已達6.94 億人，人均周上網時間為26.10 小時，超越美國，成為擁有網民最多的國家。同時網民對瀏覽網頁界面的要求也越來越高，對網頁的需求不再僅僅是功能和便捷性，審美標準也相應地提高，傳統的設計模式已經逐漸不能滿足廣大網民的需求。人們更多的是將目光轉移到網頁人性化的設計，而網頁界面的情感化設計能否為網民帶來愉悅感、舒服感，逐漸成為網站設計水平的標準之一。

一、網頁應用界面概述

網頁應用是指用網頁語言編寫的程序通過瀏覽器來運行的軟件，它可以廣泛應用于企業網站或互聯網。由于網頁語言程序可以直接應用于各個PC 終端和手機移動終端，不需要像其他應用軟件進行升級或運行前安裝復雜的程序，深受用戶的青睞，例如，較常見的有基于計算機終端的網絡論壇、網絡游戲、網絡超市等，也有基于手機移動終端的APP、網頁瀏覽等應用。

雖然我國網絡化快速發展，但是，網頁界面的情感化設計起步較晚，最早的網頁界面概念是由國外發達國家提出來的，在國外已經有了相對成熟的設計理論和實踐經驗，如歐美、日本等國家一方面提出了網頁界面設計的理論基礎，如依據藝術設計理論和社會心理、人機交互理論等理論進行情感化設計；另一方面，還要遵循簡約化、一致性、統一性、均衡性等原則。目前我國對這方面的發展主要是針對網站的文字、色彩等視覺方面進行了一定程度的設計，但總體上缺乏對情感化設計的深入探究。

二、網頁應用界面的情感化設計分析

“情感”是人們對自身周圍的事物以及對自身的態度的體驗，它是人對客觀事物的主體反映。根據唐納德教授在《情感化設計》一書中的論述，情感化設計分為本能、行為以及反思三個層次。本能層次是用戶通過外界的刺激而做出的第一反應，具有先天性，因此，在對網頁界面進行設計時需要充分考慮本能層次的物理特性，將本能層次的特征融入設計的界面當中。行為層次主要是指利用簡單有趣的設計為用戶提供最方便網頁瀏覽布局和清晰明確的操作導向，使用戶在運用中在情感上得到體驗。反思層次是意識反作用于客觀事物的一種表現形式，是人們最高的情感水平。網絡用戶通過瀏覽網頁界面后產生的更深層次的感知和情感，往往受到不同主體認識的不同而有不同的情感變化。通常反思層次有助于提高用戶的忠誠度，建立起用戶與產品的長期聯系。情感設計的三個層次相互影響，在本能層次得到滿足后，產生行為層次，然后體驗后，產生對網絡界面的反思層次，在對網絡應用界面設計中應當注意三個層次的相互作用，將情感化設計貫穿于三個層次中，提高用戶的認知度，為用戶帶來情感愉悅和舒服的體驗。

三、我國網頁應用界面設計的現狀及存在的問題

由于我國情感化網頁設計起步相對較晚，缺乏理論依據，存在著眾多不足，其主要有以下幾個方面。

1.內容方面的問題

通常網站網頁是進行信息傳播的承載體，往往包含了眾多的內容，但在國內的一些網站網頁設計時內容相對混亂，分不清主次。還有一些網站為了向用戶傳達更多的信息，對網頁界面嵌入各種軟件以及各種各樣的內容，使用戶感覺雜亂無章，忽略了頁面設計的整體性和主次感。此外，還有一些網站為了商業利潤，在網頁界面中填充了大量的廣告，容易讓用戶在使用時產生抵觸情緒，降低了情感化的體驗效果，同時，網頁廣告界面往往自動彈出，強制用戶“消費”，缺乏對用戶的尊重。

2.網頁界面板式雷同化嚴重，缺乏創新

網頁應用界面在設計上大多都是遵照一種設計樣式，除一些網站在設計時根據自身的實際情況，對界面內容進行分欄分類，對色彩字體進行搭配，其他大多數設計的版本內容布局高度雷同化，缺乏創新，使用戶容易產生視覺疲勞，很難吸引用戶的注意力，降低了情感化的體驗。

3.網頁應用界面設計普遍缺乏情感

情感化的網頁設計能提高用戶在瀏覽網頁時的舒服程度，還能提高用戶的自我標識，但是在實際的網站網頁界面設計的過程中，往往只是滿足功能上的需求，追求界面的效果，忽略了在網頁中添加情感因素，在視覺色彩的應用上也相對混亂，造成用戶情感體驗的效果不明顯。

四、網頁應用界面的情感化設計

通常進行網頁界面的情感化設計需要明確進行網絡界面設計的目的，即構建一個使用戶在視覺上產業愉悅的網站，以提高用戶對該網站的忠誠度。一般來講，網頁界面設計目的包括實現網站服務、良好的視覺效果以及可行性和易用性三方面。因此，網站的網頁界面的情感化設計需要圍繞著上述的三個目的展開。

1.色彩的設計

網頁的應用界面的色調通常包含了文字的顏色、主板的色彩、所含圖片的色調等幾個方面。首先，圖片的設計是將抽象化的物體轉化為直觀的視覺效果，圖片的色調可以直接進入用戶的視覺體驗，進而產生本能層次的情感，因此，圖片色調的選擇要符合主題內容，與整個網頁的風格相匹配。其次，文字色調的設計，文字是傳達網頁內容的主要方式，是網頁界面的主體，其字體的顏色需要與整個網頁界面的設計搭配，使用戶在閱讀時不產生疲勞感；最后，主色調的設計，主色調是整個網頁界面的背景，在對主色調設計時要遵照使用戶舒服的原則，防止色調太強，而影響文字主體閱讀的困難。

2.合理統一的布局

對網頁界面合理統一的布局是指在網頁界面有限的空間內，對文字、圖片、色彩等元素進行統一的設計編排，使整個界面顯得和諧統一，不至于出現內容混亂的局面。因此，在對網頁界面設計中，既要加入人的情感因素，同時又要進行合理的布局，這樣才能讓用戶在使用過程中產生情感上的依賴。

3.方便易用的操作功能

通常網頁界面設計要以方便易于操作的功能為前提，使用戶在使用過程中，能夠用最短的時間進行操作，并接受該功能的應用。

4.對網頁界面的情感化設計的創新

創新是設計的動力源泉，一方面，只有不斷創新才能滿足人們提出新的需求，另一發面，創新是人們勞動性的創造，將情感和抽象思維相融合，設計到網頁界面的布局中去，提高用戶網頁界面體驗的情感效率。

5.和諧統一的人機交互

人機交互是指用戶在瀏覽網頁界面的過程中，人們從網頁的內容得到了情感上的滿足。因此，交互作用是讓用戶在應用時產生愉悅心情的設計。在網頁界面人機交互設計中，設計師要靈活運用設計方法，使人機能夠充分進行信息交換，讓設計出來的網頁界面更能打動用戶的心靈。

總之，隨著我國網絡科技的進一步發展，情感化是網頁界面設計未來的發展趨勢，人們在得到低層次的滿足后，必然會提出更高層次的需求。因此，目前越來越多的網頁界面設計開始加入情感因素，使用戶在瀏覽網頁界面時得到情感上的滿足，得到視覺上、心情上的愉悅。

蔡敏.情感化設計理論在網絡界面設計中的應用研究［D］.武漢理工大學，2010.