基于用戶體驗(yàn)的網(wǎng)頁交互設(shè)計(jì)初探

1、    基于用戶體驗(yàn)的網(wǎng)頁交互設(shè)計(jì)初探    馮志兵摘 要：隨著當(dāng)前互聯(lián)網(wǎng)迅速的發(fā)展，用戶逐漸成為網(wǎng)絡(luò)的主體，良好的用戶體驗(yàn)成為人們?cè)絹碓阶⒅氐姆矫?，積極的用戶體驗(yàn)可以使用戶增加親切感、舒適感，也可以使用戶更加輕松自如的使用并更高效率的完成任務(wù)，人類已經(jīng)邁入了“體驗(yàn)經(jīng)濟(jì)”時(shí)代。關(guān)鍵詞：用戶體驗(yàn)；網(wǎng)頁界面設(shè)計(jì)；交互設(shè)計(jì)：tp393.092 ：a ：1005-5312（2017）24-0284-01現(xiàn)如今的網(wǎng)絡(luò)已經(jīng)充斥了人們生活的方方面面。很多網(wǎng)站在功能方面做的很強(qiáng)大，但是網(wǎng)站用戶的忠誠度卻不是很高，很大的一部分原因是在于，現(xiàn)在的用戶越來越重視在使用過程中的

2、用戶體驗(yàn)，而很多網(wǎng)站在設(shè)計(jì)上存在很多不合理的交互設(shè)計(jì)，使得用戶在使用的過程中遇到很多的困擾，因此導(dǎo)致在使用過程中的不愉悅，網(wǎng)頁設(shè)計(jì)面臨著更高的要求。以用戶為中心的網(wǎng)頁交互設(shè)計(jì)，提升用戶的體驗(yàn)，已成為當(dāng)今網(wǎng)頁設(shè)計(jì)的發(fā)展趨勢(shì)之一。一、網(wǎng)頁用戶體驗(yàn)的概念網(wǎng)頁設(shè)計(jì)中的用戶體驗(yàn)是指用戶在訪問網(wǎng)頁界面和功能的過程中建立起來的心理感受。研究重點(diǎn)在于網(wǎng)頁所給用戶帶來的快樂和價(jià)值感，而不是網(wǎng)站的性能本身。這就要求網(wǎng)頁設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，需要從用戶的感受和需求出發(fā)，以用戶為中心來進(jìn)行網(wǎng)頁設(shè)計(jì)，而不是讓用戶去適應(yīng)網(wǎng)頁，這都需要設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁的時(shí)候充分考慮到用戶的使用習(xí)慣、還有良好的交互方式以及良好的視覺感受等

3、等。良好的用戶體驗(yàn)可以讓用戶在使用產(chǎn)品的過程中能夠感到有趣， 并能夠給用戶帶來成就感，增強(qiáng)用戶對(duì)網(wǎng)站和企業(yè)的信任度并增加閱讀意愿，從而樹立起良好的企業(yè)形象。隨著現(xiàn)在對(duì)用戶體驗(yàn)的關(guān)注度越來越高，說明設(shè)計(jì)的關(guān)注點(diǎn)逐步由技術(shù)轉(zhuǎn)向了用戶，這是網(wǎng)頁設(shè)計(jì)的最終目標(biāo)之一。二、交互設(shè)計(jì)交互設(shè)計(jì)，是由ideo的創(chuàng)始人比爾·莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出的，它是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。它涉及的內(nèi)容包括功能是否易用、簡約，使用過程中是否友好、界面是否美觀等方面。努力讓產(chǎn)品的界面具有可用性，這是對(duì)產(chǎn)品的一種

4、優(yōu)化。通過這種優(yōu)化，用戶能更方便地完成任務(wù)，獲得良好的感覺，這就是交互設(shè)計(jì)的目的。三、基于用戶體驗(yàn)的網(wǎng)頁交互設(shè)計(jì)優(yōu)秀的網(wǎng)頁設(shè)計(jì)，現(xiàn)在除了要把網(wǎng)頁設(shè)計(jì)的美觀以外，越來越重視良好的“用戶體驗(yàn)”和良好的交互設(shè)計(jì)，如何能夠讓用戶在使用的過程當(dāng)中，更加輕松便捷，減少思考，這就要求網(wǎng)頁設(shè)計(jì)師能夠做到以下幾點(diǎn)：（1）內(nèi)容的易讀性?？赡芎芏嗟木W(wǎng)頁設(shè)計(jì)師認(rèn)為用戶在瀏覽網(wǎng)頁的時(shí)候，會(huì)仔細(xì)閱讀頁面的文字內(nèi)容，然而事實(shí)并不是這樣，大部分的用戶在瀏覽網(wǎng)頁的時(shí)候，根本不會(huì)花費(fèi)太多時(shí)間去閱讀，他們更多的只是粗略的掃描，掃描他們所需的內(nèi)容。因此，要求我們網(wǎng)頁設(shè)計(jì)者要學(xué)會(huì)為“掃描”而設(shè)計(jì)。為用戶選擇舒適的字體、字號(hào)；文字色彩和

5、對(duì)齊方式，要注意文字與背景顏色的合理搭配，并且區(qū)分開來，而且網(wǎng)頁的配色不宜過多，要不然會(huì)給人一種花哨的感覺，讓人看起來很費(fèi)勁。（2）導(dǎo)航要清晰。當(dāng)我們?cè)谝粋€(gè)陌生的城市的時(shí)候，我們可以借助旅游地圖或者是城市的指示牌，幫助我們快速的找到我們的目的地或者是我們需要的各種服務(wù)信息，方便我們的生活。正如地圖和指示牌所起到的作用一樣 ，清晰的網(wǎng)站導(dǎo)航能夠幫助瀏覽網(wǎng)站的用戶方便快捷的找到所需要的信息，使得網(wǎng)站的主題更加鮮明，結(jié)構(gòu)更加清晰。導(dǎo)航欄是一個(gè)網(wǎng)站十分重要的組成部分。所以，導(dǎo)航欄的位置要醒目，能夠讓用戶容易找到和點(diǎn)擊。由于人們的閱讀習(xí)慣，一般是從左到右，從上到下，所以主要的導(dǎo)航欄應(yīng)放在頁面的上方或者是

6、左端，而對(duì)于頁面較長的網(wǎng)站來說，在頁面的最底部設(shè)置一個(gè)簡單的導(dǎo)航欄也是很必要的，這樣就節(jié)省了用戶的時(shí)間，也方便了用戶。（3）人性化的色彩搭配。色彩是網(wǎng)頁設(shè)計(jì)中必不可少的元素，也是最吸引眼球的網(wǎng)頁元素，良好的色彩搭配可以給網(wǎng)頁設(shè)計(jì)起到錦上添花的效果，反之則可能是畫蛇添足。網(wǎng)頁設(shè)計(jì)在色彩搭配上，并不是顏色越多越好，而是要符合美學(xué)的基本規(guī)則，同時(shí)要考慮到行業(yè)、民族文化差異等對(duì)顏色的特殊需求等等。比如，股票金融類的網(wǎng)站，就要盡量避免使用綠色，因?yàn)榫G色在這個(gè)行業(yè)代表“跌”，代表低迷，而綠色一般多應(yīng)用于環(huán)保型的網(wǎng)站。所以，我們?cè)谶M(jìn)行網(wǎng)頁配色的時(shí)候要多加注意，可以嘗試流行色的的搭配，也可以嘗試經(jīng)典搭配，并對(duì)于顏色搭配的忌諱要多加注意，充分運(yùn)用色彩的種種特性，可以使我們的頁面更加有藝術(shù)內(nèi)涵和設(shè)計(jì)品位。（4）錯(cuò)誤修正以及更新維護(hù)。對(duì)于網(wǎng)頁內(nèi)容的錯(cuò)誤，無論是網(wǎng)頁內(nèi)容上簡單的拼寫錯(cuò)誤，還是文件命名錯(cuò)誤，或者是配色、布局、排版的錯(cuò)誤、我們都要及時(shí)的進(jìn)行修正，因?yàn)榫W(wǎng)站畢竟代表著一個(gè)企業(yè)的形象，還有就是我們要對(duì)網(wǎng)站進(jìn)行定期的更新和維護(hù)，兼容性不佳和缺乏維護(hù)的網(wǎng)站，都容易使得潛在的客戶對(duì)企業(yè)專業(yè)水平產(chǎn)生質(zhì)疑，從而失去合作的機(jī)會(huì)，所以網(wǎng)站的定期更新和維護(hù)十分必要。四、結(jié)語通過論文的研究，希望能夠?qū)Ξ?dāng)前的網(wǎng)頁交互設(shè)計(jì)起到一些借鑒和引導(dǎo)的作用，引導(dǎo)當(dāng)前的網(wǎng)頁設(shè)計(jì)更加趨于人