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

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