網頁交互界面設計的信息可視化和情感化

徐慧

摘要：交互設計是了解目標用戶對產品的期望，分析用戶對產品的使用行為，通過一種有效的方式使用戶和產品之間產生愉悅的溝通，這樣的交互行為會使用戶對產品產生信任和依賴，文章主要研究的是如何通過網頁界面的可視化和情感化表現，讓信息以一種有趣、人性化和情感化的方式展現出來，避免了網頁界面中交互設計建設在傳播當中的隔閡與晦澀，使網頁信息的傳播更加容易接受和表達清楚。

關鍵詞：交互設計；網頁界面；行為；可視化；情感化

如今互聯網已經成為現代人們獲取信息與交流的平臺，也是企業宣傳產品形象的重要途徑。大量的信息通過互聯網傳播著，如何使信息更加明確化，集中化，有條理化，傳播的更加快捷方便，儼然成為人們關注的主題。而網頁設計已擺脫了傳統的平面設計理念。“界面”常被設計師認為是交互設計的主要設計對象，而引起了設計界的廣泛重視。交互設計的出現，帶來了設計界對于什么是設計、如何設計等問題的深入思考。

一、網頁交互界面信息可視化表現

（1）界面可視化的模塊。位置、外形、方向、色彩、紋理、灰度等級、尺寸、色相、亮度和飽和度，眾多的模塊組成不同的表現形式。但可視化模塊的種類的選取是很重要的，我們針對不同的信息形式與信息源都會選取不同的模塊形式以表現信息，使信息的傳達更精確，也更完美。

（2）圖案符號化。網頁信息可視化傳輸的過程是通過各種不同的圖案符號來傳達的。圖形符號是直觀傳達表象的方式，他在用戶心智模型中主要通過隱喻或者符號化的方式作用于人的心理，比如隱喻方式，用戶對網頁界面中的前期心理建設使得用戶可以很快的對界面布局特征做相關的定位。而符號化的方式則是通過對符號的理解而產生，這樣的方式就為設計師提供了契機，設計師可以保持或者稍加修改讓用戶產生熟悉感。

（3）界面交互潛意識與認知。據有關研究，人類認識世界的方式中有60%是通過眼睛來完成的。不同的符號、圖形、色彩等都是通過視覺來完成的，而且不同的群體的認識水平都不一樣。在這一方面還需要研究，這樣才能更好地將這些符號、圖形、色彩結合在一起，使信息的表達更有效。

二、網頁交互界面信息情感化

由于用戶的文化背景、審美能力、生活習慣等的不同，所以對網頁界面的設計要求也不盡相同，所以設定網站的目標人群，從了解用戶的文化背景、心理需求著手，以便設計出的網頁界面能夠真正融入到用戶的生活和使用環境中。

《情感化設計》一書中唐納德·A·諾曼教授的論述，將情感化設計劃分為本能層次、行為層次、反思層次三個層次。本能層次是用戶對外界刺激通過自身的第一直覺做出判斷得出的反應，來自于人的本能水平。行為層次重點在于：在互聯網時代眾多紛繁復雜的操作程序中，如何運用簡單有趣的設計構思和語言為用戶設計出最方便易用的合理的結構布局和清晰明了的操作導向，使用戶在操作過程中得到情感上的體驗。反思層次是意識、思考、情感和認知的最高水平。反思層次是用戶在接觸事物后由內心產生的更深層次的感知、情感、文化背景、個人見解等種種交織在一起的造成的影響。

三、網頁交互界面設計中的情感化設計方式

（1）別出心裁的創意。創意是設計的靈魂?！霸O計的基本概念是‘人為了實現意圖的創造性活動，它有兩個基本要素：一是人的目的性，二是活動的創造性?！比藗冏畛踉O計出一些東西，往往只是為了方便自己的生活，注重實用性，但是日子一長，人們往往會覺得這些用品變得枯燥乏味，于是開始探尋一條新的設計之路，將感性的情感和抽象的創意思維融入設計中去，于是便有了與眾不同的設計理念。

（2）打動人心的色彩。網頁界面中色彩要素的設計主要包含網頁的主色調、文字的顏色、圖片的色調等。用戶瀏覽網頁的時候，留下的第一印象就是網頁的色彩設計。好的設計能讓人眼前一亮，例如豆瓣社區的主色調是薄荷綠，logo上的“douban”是由肉粉、綠色和藍色構成的，之后只要見到這種色彩搭配就能自然而然地聯想到豆瓣這個網站，這些顏色的搭配也很容易讓人聯想到初夏般小清新的感覺，與豆瓣社區的小清新風格產生了共鳴，這也是網頁應用界面中色彩的情感化設計反思層面的成功之處。字體顏色的設計一定要和網頁的風格相吻合，而不是相互分離，甚至相互沖突。圖片可以聲情并茂的向用戶傳遞信息，加入圖片的網頁內容會變得更加豐富。一般來說，圖片的色調應和整個界面的風格相和諧，在圖片的選擇和編排的同時，應避免太過復雜花哨，產生喧賓奪主的作用。

（3）合理統一的布局。網頁界面的布局是指在一個有限的網頁應用界面上，將圖形、文字、色彩等多種元素進行有機地組合、合理的編排，構成整個畫面的和諧統一，均衡調和。以人為本的情感化設計也正是網頁界面布局中應重視的內容，合理的布局，以易操作性為主導思想，使用戶在使用過程中覺得便捷、高效，并能產生情感依賴。

（4）方便易用的功能。設計的最初目的是使生產生活工具變得簡便易用，所以在網頁應用界面的設計中，設計師應以易操作性為設計的前提，方便易用的功能能幫助用戶更快地接受這個應用，更好地進行操作。

（5）和諧統一的交互。如何讓網頁易用、有效、并且可以讓人產生愉悅心情、完成用戶的需求和情感表達，是檢驗網頁交互界面設計是否成功的一項重要環節。

綜上，網頁交互界面設計是一個綜合性的設計，在滿足基本的功能性的同時也逐漸向情感化設計層面轉型。網頁的交互功能能夠提高用戶傳播信息的積極性。通過網頁信息的可視化布局和情感化設計，網站獲得了點擊率和口碑，用戶獲得了更多的資訊和樂趣，這將是雙方受益的虛擬大家庭。

（作者單位：內江職業技術學院）