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

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