摘 要 網(wǎng)頁設(shè)計的原則是要將信息完整和直觀的傳達給用戶。隨著信息技術(shù)飛速發(fā)展，網(wǎng)絡(luò)開始面對各種類型的人群，僅僅傳達信息已遠遠不能滿足用戶的需求，所以越來越多的設(shè)計師們開始關(guān)于如何使網(wǎng)頁界面適合各類人群并與之產(chǎn)生互動。因此現(xiàn)今網(wǎng)頁設(shè)計已漸漸同交互設(shè)計相結(jié)合，并產(chǎn)生了新的目標，就是要在兼顧傳遞信息和視覺體驗的同時讓信息和用戶完美地進行交流。網(wǎng)頁交互設(shè)計能夠使網(wǎng)頁瀏覽者在傳遞信息時更加直觀地獲得互動感受，實現(xiàn)人性化的用戶體驗。
　　關(guān)鍵詞 網(wǎng)頁設(shè)計；交互設(shè)計；用戶體驗；界面設(shè)計
　　
　　1.何謂網(wǎng)頁交互設(shè)計
　　首先交互設(shè)計的本質(zhì)是要通過設(shè)計出的產(chǎn)品和服務(wù)來促進人機之間的溝通，而最終結(jié)果是要促進人與人之間的溝通。交互設(shè)計與其它多數(shù)設(shè)計最大不同在于，它關(guān)注的是從人與物到人與人之間的交流行為，能夠讓用戶與產(chǎn)品進行交流溝通甚至進行某種創(chuàng)造。一個有效和優(yōu)秀的交互設(shè)計要求能夠預見整個互動過程，它可以將界面美化，甚至藝術(shù)化，但不能夠破壞其產(chǎn)品和服務(wù)的交互行為。在融合了交互設(shè)計的網(wǎng)頁設(shè)計中，作為設(shè)計師的職責是要將用戶體驗的概念引入設(shè)計中來，考慮如何根據(jù)網(wǎng)站內(nèi)容完成以用戶體驗為中心的交互設(shè)計，而不僅僅是為了簡單的傳達信息和美化頁面，而這種融合了交互概念的網(wǎng)頁設(shè)計形式，我們稱它為網(wǎng)頁交互設(shè)計。
　　2.用戶體驗目標
　　在《交互設(shè)計――超越人機設(shè)計》一書中，作者提出了用戶體驗目標這一概念。所謂用戶體驗目標是需要使產(chǎn)品能夠滿足用戶的情感指標，譬如滿意度、娛樂和有趣、有用性、有啟發(fā)性、有美感、創(chuàng)意性、成就感。讓頁面有趣，富有美感，令人愉快是一種關(guān)注用戶感受的設(shè)計行為。用戶體驗關(guān)心的是用戶如何體驗產(chǎn)品，而不是考慮操作和內(nèi)容的有效性，強調(diào)的是一種主觀感受。它是人們在操作過程中獲得的視覺聽覺和觸覺等感官體驗，需要考慮到其反饋是要符合用戶的生活經(jīng)驗、常識和習慣，否則會使用戶產(chǎn)生挫敗和沮喪感。布蘭達•瑞爾（人機交互專家）曾提到交互設(shè)計“并不是關(guān)于信息，而是關(guān)于體驗”，從而強調(diào)了用戶體驗目標在整個設(shè)計過程中的必要性。用戶在獲取信息的同時，沉浸在令人興奮和愉悅的互動式體驗中是更為重要的。
　　3.以用戶體驗為中心的網(wǎng)頁設(shè)計方法
　�。�1）定義網(wǎng)站類型。首先設(shè)計師要對自己的產(chǎn)品有一個清晰的定位，是商務(wù)網(wǎng)站？個人網(wǎng)站？藝術(shù)網(wǎng)站？門戶網(wǎng)站？游戲網(wǎng)站？等等，網(wǎng)站具有多種類型和定位，先對網(wǎng)站有了明確的定位，才能夠根據(jù)需要設(shè)計頁面。
　�。�2）研究用戶及需求分析。我們明白擁有良好設(shè)計的網(wǎng)頁界面應(yīng)是支持用戶而非阻礙用戶的。要做到這一點，首先我們需找出我們的用戶是誰，并且研究他們的認知和行為特征，在人機交互中，用戶的滿意度決定著一項設(shè)計產(chǎn)品的成敗。我們要關(guān)心的是用戶的社會和文化背景，年齡層等。在掌握了用戶信息后，還要明確目標用戶對產(chǎn)品的期望，進行需求分析，這樣才能夠使設(shè)計產(chǎn)品有的放矢。
　　例如PBSKIDS兒童網(wǎng)站的頁面設(shè)計（如圖1）。兒童的世界觀與成年人有著極大不同，他們所感興趣的對象也完全不同，通常他們的認知能力較差，比較厭煩純粹的文字信息體驗，喜歡直觀的圖形色彩和聲音表現(xiàn)，同時兒童多具有好奇心，有創(chuàng)意的視聽體驗或者小游戲等更容易使他們感興趣，所以網(wǎng)頁設(shè)計中要盡量規(guī)避讓兒童識別大量的文字內(nèi)容或者填寫信息，減少表單的應(yīng)用，增加頁面瀏覽過程的樂趣。圖中整體頁面設(shè)計采用動畫造型元素，色彩鮮艷亮麗。導航被設(shè)計成卡通動物圖標，頁面上的所有按鈕在鼠標滑過時會出現(xiàn)簡短的聲音提示，取代了文字信息。并且在首頁設(shè)置動畫視頻，通動動畫短片的形式介紹網(wǎng)站內(nèi)容，頁面正中的滾動輪盤通過點擊上面的圖標將會引導用戶進入相應(yīng)的頁面，而進入二級頁面則通常是以小游戲的形式來介紹知識內(nèi)容等，更加符合童趣，充分為兒童提供了充滿樂趣的交互式瀏覽體驗。
　�。�3）信息架構(gòu)。信息架構(gòu)就是把網(wǎng)站設(shè)計目標和戰(zhàn)略轉(zhuǎn)化為能夠滿足用戶需求的可行性體驗方案，是對網(wǎng)站信息的整體規(guī)劃，是用戶體驗的“骨骼”。如果信息架構(gòu)得體，將會對后期的產(chǎn)品設(shè)計工作產(chǎn)生事半功倍的效果。信息架構(gòu)的好壞，還將會直接影響用戶的體驗感，甚至影響用戶對產(chǎn)品的信任程度。
　　（4）設(shè)計和用戶測試。在完成信息架構(gòu)后，還需不斷吸收各渠道的信息，獲得反饋，以進一步修訂設(shè)計方案。通常在一個網(wǎng)站設(shè)計項目后期，設(shè)計人員會將項目的半成品交付互聯(lián)網(wǎng)服務(wù)器，進行網(wǎng)站測試，以換位的角度站在用戶的立場進行網(wǎng)頁瀏覽操作，從而發(fā)現(xiàn)問題并進行迭代設(shè)計，即重復“設(shè)計-測試-評估-再設(shè)計”的過程。
　　4.小結(jié)
　　赫伯特•A•西蒙提到：設(shè)計是人工物的內(nèi)部環(huán)境（人工物自身的物質(zhì)和組織）和外部環(huán)境（人工物的工作或使用環(huán)境）的接合�！叭恕笔墙缑嬖O(shè)計的認知主體，是服務(wù)對象的核心。既然用戶是工作的核心，那么我們行進設(shè)計時也就理所應(yīng)當?shù)匾獙⑷说囊蛩厝谌氲轿覀兊墓ぷ鬟^程中來。艾倫•庫珀說：“計算機工作，用戶思考。”網(wǎng)頁交互設(shè)計是以功能和環(huán)境為基礎(chǔ)，以情感為重心的。最終目的是為了使設(shè)計更好地服務(wù)于人，使人機環(huán)境系統(tǒng)更為和諧。
　　
　　參考文獻
　　[1]（美）Jennifer Preece Yvonne Rogers、Helen Sharp著，劉曉暉，張景，等譯.《交互設(shè)計-超越人機交互》. 北京：電子工業(yè)出版社，2003.
　　[2]（美）Alan Cooper著，Chris Ding，等譯.《交互設(shè)計之路》. 電子工業(yè)出版社，2006.
　　[3]（美）董建明，傅利民，饒培倫，等著. 《人機交互：以用戶為中心的設(shè)計和評估》.清華大學出版社，2010.
　　[4]（美）唐納德.A.諾曼.《情感化設(shè)計》. 北京：電子工業(yè)出版社，2005.
　　[5] 劉懷亮主編，定宜英，許親霞，劉濤編著.《 人機界面設(shè)計》. 北京：冶金工業(yè)出版社，2007.
　　

相關(guān)熱詞搜索：交互 探索 理論 以用戶體驗為中心的網(wǎng)頁交互設(shè)計理論探索 以用戶為中心的設(shè)計 互聯(lián)網(wǎng)交互設(shè)計是什么