用戶體驗(yàn)下的網(wǎng)頁交互性設(shè)計(jì)策略

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了用戶體驗(yàn)下的網(wǎng)頁交互性設(shè)計(jì)策略范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

摘要：隨著現(xiàn)代網(wǎng)絡(luò)產(chǎn)業(yè)的高速發(fā)展，新媒體的發(fā)展給人們帶來了更多的機(jī)遇和挑戰(zhàn)。用戶體驗(yàn)設(shè)計(jì)在突破萌芽階段后越來越受社會(huì)各界人士的重視。擬通過了解用戶體驗(yàn)和網(wǎng)頁交互的創(chuàng)新設(shè)計(jì)，嘗試網(wǎng)頁交互設(shè)計(jì)的策略和用戶體驗(yàn)相融合的可行性，提出以用戶體驗(yàn)為導(dǎo)向的網(wǎng)頁交互設(shè)計(jì)的相關(guān)研究細(xì)則及設(shè)計(jì)指南，并構(gòu)建用戶體驗(yàn)設(shè)計(jì)思維模型；提出基于用戶體驗(yàn)的網(wǎng)頁交互設(shè)計(jì)要點(diǎn)與創(chuàng)新點(diǎn)。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；用戶體驗(yàn)；交互設(shè)計(jì)；體驗(yàn)設(shè)計(jì)

現(xiàn)今的網(wǎng)絡(luò)已然成為我國網(wǎng)民生活、娛樂、信息獲取的重要標(biāo)志物之一。伴隨5G網(wǎng)絡(luò)的出現(xiàn)，21世紀(jì)的互聯(lián)網(wǎng)時(shí)代，勢(shì)必突破傳統(tǒng)網(wǎng)絡(luò)構(gòu)架，解決現(xiàn)有互聯(lián)網(wǎng)中交互與體驗(yàn)融合所帶來的困擾與矛盾，努力創(chuàng)造以服務(wù)用戶為先決條件，提供人們?cè)絹碓蕉嘣膫€(gè)性化體驗(yàn)服務(wù)，在依托網(wǎng)頁交互發(fā)展的同時(shí)，重新構(gòu)建以“互聯(lián)網(wǎng)+”“智慧+”及“交互+”三維智能互聯(lián)體驗(yàn)新時(shí)代[1]。

一、用戶體驗(yàn)研究與網(wǎng)頁交互

用戶體驗(yàn)是以用戶為軸心，以影響用戶主觀意念和交互行為特征元素為基礎(chǔ)的純主觀感受，其目的在于同步用戶和體驗(yàn)?zāi)繕?biāo)，增強(qiáng)用戶與產(chǎn)品之間的主動(dòng)性，改變目標(biāo)使用環(huán)境，探索目標(biāo)系統(tǒng)中未知的關(guān)鍵點(diǎn)。強(qiáng)調(diào)用戶體驗(yàn)的網(wǎng)頁交互設(shè)計(jì)，從字面層級(jí)上可以簡(jiǎn)單認(rèn)為網(wǎng)頁在構(gòu)建過程中為用戶創(chuàng)建了全新的交互體驗(yàn)方式，以解決用戶與網(wǎng)頁目標(biāo)存在的矛盾點(diǎn)，以實(shí)現(xiàn)網(wǎng)頁交互與用戶體驗(yàn)的互聯(lián)互動(dòng)。那么，在網(wǎng)頁交互建設(shè)過程中，用戶體驗(yàn)研究已成為網(wǎng)頁交互設(shè)計(jì)和開發(fā)的前提及必要手段，也是保證網(wǎng)頁設(shè)計(jì)有效性的必要過程。與其他設(shè)計(jì)方向不同，網(wǎng)頁中的交互設(shè)計(jì)不僅關(guān)注網(wǎng)頁的內(nèi)容和形式，而且關(guān)注用戶的行為，強(qiáng)調(diào)用戶在使用計(jì)算機(jī)時(shí)的一系列指令動(dòng)作設(shè)計(jì)，在使用計(jì)算機(jī)的過程中更注重用戶的體驗(yàn)和第一感受。交互設(shè)計(jì)受傳統(tǒng)設(shè)計(jì)和目前新工科的影響，要求設(shè)計(jì)始終從用戶的角度來理解用戶的認(rèn)知和心理?；谟脩舻钠谕托袨榱?xí)慣，通過對(duì)用戶需求的精確控制，呈現(xiàn)簡(jiǎn)潔優(yōu)化的操作界面，合理易用的互動(dòng)方式，讓用戶得到友好的交互體驗(yàn)。

二、用戶體驗(yàn)研究的重要性

用戶是網(wǎng)頁構(gòu)建的基礎(chǔ)性數(shù)據(jù)，積極的用戶體驗(yàn)，能夠滿足用戶在網(wǎng)頁交互過程中所體驗(yàn)的親密感與舒適感，還可以使用戶在使用過程中更高效便捷地完成任務(wù)。然而，就目前的網(wǎng)頁設(shè)計(jì)而言，仍與用戶間存在較多矛盾點(diǎn)，其主要在于人性化設(shè)計(jì)不足、交互設(shè)計(jì)體驗(yàn)感不足、網(wǎng)絡(luò)污染嚴(yán)重等問題。這些問題點(diǎn)正大力助推網(wǎng)頁設(shè)計(jì)朝交互性、智能化、數(shù)字化等多方向發(fā)展。而交互式網(wǎng)頁設(shè)計(jì)作為一種新的Web開發(fā)形式，應(yīng)該建立在用戶體驗(yàn)的高層次需求之上。從用戶體驗(yàn)角度出發(fā)，對(duì)網(wǎng)頁的交互設(shè)計(jì)進(jìn)行深層次研究與分析，使用戶更容易、更自由地體驗(yàn)網(wǎng)頁設(shè)計(jì)中的交互性。對(duì)此，通過將網(wǎng)頁中的交互性結(jié)構(gòu)點(diǎn)、交互流程、交互細(xì)節(jié)點(diǎn)，以及交互界面等多維度進(jìn)行提煉整合，結(jié)合計(jì)算機(jī)制圖軟件與編程軟件，進(jìn)行符合用戶需求的網(wǎng)頁設(shè)計(jì)和制作，以更好地促進(jìn)交互式網(wǎng)頁設(shè)計(jì)的發(fā)展，使其更加方便用戶使用[2]。

三、網(wǎng)頁設(shè)計(jì)中體驗(yàn)設(shè)計(jì)的創(chuàng)新

網(wǎng)頁設(shè)計(jì)的成功與否，很大程度上取決于用戶在瀏覽網(wǎng)頁時(shí)所產(chǎn)生的交互行為的多與少，而如何把控用戶的體驗(yàn)感，成為網(wǎng)頁設(shè)計(jì)成功的關(guān)鍵要素。就目前的用戶體驗(yàn)設(shè)計(jì)來講，國內(nèi)學(xué)者們普遍認(rèn)為，體驗(yàn)主要以感官體驗(yàn)、互動(dòng)體驗(yàn)、情感體驗(yàn)、瀏覽體驗(yàn)及信任體驗(yàn)五種形式呈現(xiàn)。這五種體驗(yàn)形式又分別體現(xiàn)在網(wǎng)頁的舒適性、可用性、友好性、瀏覽性及可靠性，設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁時(shí)，力求保證用戶基于視聽體驗(yàn)的同時(shí)仍享有安全的心理體驗(yàn)。而此次基于用戶體驗(yàn)為導(dǎo)向，在滿足五類體驗(yàn)形式的基礎(chǔ)上，網(wǎng)頁交互設(shè)計(jì)仍需做出更大創(chuàng)新，才能滿足用戶日益增長的體驗(yàn)需求。遂筆者嘗試提出網(wǎng)頁交互設(shè)計(jì)的關(guān)鍵性設(shè)計(jì)要點(diǎn)：整體與關(guān)聯(lián)、功能與創(chuàng)新及速度與清晰[3]。1.圍繞感官體驗(yàn)的整體與關(guān)聯(lián)設(shè)計(jì)感官體驗(yàn)強(qiáng)調(diào)的是以人類感受為主導(dǎo)，圍繞用戶本身進(jìn)行的系統(tǒng)性設(shè)計(jì)。某種層面上，設(shè)計(jì)是無法直接提供觸感，而需通過圖形、元素、標(biāo)識(shí)、文本、動(dòng)態(tài)及音樂等多方協(xié)作，達(dá)到用戶與網(wǎng)頁之間的視聽盛宴。在用戶與網(wǎng)頁設(shè)計(jì)產(chǎn)生交互行為時(shí)，網(wǎng)頁需要迅速捕捉用戶的重要目標(biāo)點(diǎn)，提出需求分析，明確信息，脫穎而出，保證在滿足功能完整的同時(shí)，提出與需求高度關(guān)聯(lián)的輔助性要點(diǎn)。以設(shè)計(jì)風(fēng)格為出發(fā)點(diǎn)，網(wǎng)頁的設(shè)計(jì)風(fēng)格是用戶對(duì)網(wǎng)頁的第一印象，因此，在設(shè)計(jì)網(wǎng)頁前設(shè)計(jì)師要了解和調(diào)查目標(biāo)客戶或目標(biāo)客戶群的審美習(xí)慣，使網(wǎng)頁的整體性設(shè)計(jì)符合其審美習(xí)慣，重要的交互元素確保其友好性，在保證其風(fēng)格統(tǒng)一時(shí)又能確定網(wǎng)頁的基調(diào)。網(wǎng)頁的設(shè)計(jì)囊括了一些經(jīng)常使用且重要的元素，比如，網(wǎng)頁的商標(biāo)、按鈕、鏈接、導(dǎo)航、頁面布局、頁面顏色及表單等因素，這些因素也應(yīng)根據(jù)整體設(shè)計(jì)風(fēng)格鏈接起來，同時(shí)做出主次區(qū)分，對(duì)于每一幅圖片或文本都應(yīng)具有正確的定位，以確保整體效果的網(wǎng)頁。因此，應(yīng)該確保網(wǎng)頁清晰易懂，這樣用戶在使用過程中就不會(huì)遇到麻煩。這些直接關(guān)系到用戶的感官體驗(yàn)，除了一些聽覺感官問題外，主要關(guān)聯(lián)到網(wǎng)頁背景音樂的內(nèi)容，音樂與信息的統(tǒng)一是用戶在感官體驗(yàn)中最直接有效的互動(dòng)方式，也能為后續(xù)交互體驗(yàn)做鋪墊。2.激發(fā)交互體驗(yàn)的情感與創(chuàng)新設(shè)計(jì)情感是在用戶交互體驗(yàn)過程中所產(chǎn)生的心理效應(yīng)，而通過創(chuàng)新設(shè)計(jì)拉近目標(biāo)用戶與網(wǎng)頁間的情感交互距離，讓網(wǎng)頁具有一定的親和力，讓用戶在使用過程中對(duì)網(wǎng)頁產(chǎn)生依賴性。一個(gè)網(wǎng)頁的友好提示也可以讓用戶感到舒適，并依賴用戶心理，增加用戶的親和力，這樣用戶就可以經(jīng)常記住網(wǎng)頁，增加用戶和網(wǎng)頁的感受。例如，購物網(wǎng)頁中存在會(huì)員機(jī)制，網(wǎng)頁會(huì)定期為用戶發(fā)送問候及需求分析后給予產(chǎn)品推介，定期的情感交流能有效增進(jìn)目標(biāo)用戶群與網(wǎng)頁之間的情感，從而使用戶更加信任網(wǎng)頁。而創(chuàng)新設(shè)計(jì)，可以保證用戶在網(wǎng)頁交互時(shí)能更合理、便捷的操作。網(wǎng)頁設(shè)計(jì)師創(chuàng)新時(shí)首要任務(wù)是保證信息的內(nèi)容量大，具有足夠的吸引力。在視覺層次的構(gòu)建則必須使網(wǎng)頁內(nèi)容更清晰、更實(shí)用。3.建立瀏覽體驗(yàn)的速度與清晰設(shè)計(jì)瀏覽，是一種視覺上的享受過程，其體驗(yàn)需依托良好的感官體驗(yàn)，瀏覽體驗(yàn)是讓用戶在瀏覽過程中更符合閱讀或理解信息的角度，注重細(xì)節(jié)的突出，注重方式的運(yùn)用，讓用戶在獲得想要的信息的同時(shí)獲得更舒適、更清晰的瀏覽體驗(yàn)。一次良好的瀏覽體驗(yàn)應(yīng)邏輯清晰，瀏覽方式簡(jiǎn)單、易操作，信息傳達(dá)直接、準(zhǔn)確，且層次不應(yīng)過多，以實(shí)現(xiàn)清晰的瀏覽，同時(shí)為了吸引用戶長時(shí)間瀏覽，網(wǎng)頁設(shè)計(jì)應(yīng)避免過時(shí)的內(nèi)容或圖像，保證信息更新頻率高，網(wǎng)頁的信息更新頻率對(duì)于一個(gè)擁有良好瀏覽體驗(yàn)的網(wǎng)頁來說至關(guān)重要的，另外，網(wǎng)頁的使用、頁面的加載速度、網(wǎng)頁中設(shè)計(jì)的動(dòng)畫視頻效果及所涉及的圖標(biāo)和文本導(dǎo)航等，都是影響用戶對(duì)網(wǎng)頁瀏覽體驗(yàn)的重要因素。用戶辨別網(wǎng)頁是否有瀏覽價(jià)值僅僅需要半秒鐘，網(wǎng)頁設(shè)計(jì)時(shí)，需要使網(wǎng)頁的互動(dòng)和引導(dǎo)清晰可見，不要讓用戶很難找到按鈕，盡可能在首頁取消大量鏈接與廣告信息，通過視覺導(dǎo)向系統(tǒng)設(shè)計(jì)，引導(dǎo)用戶正確找到按鈕。對(duì)于頁面加載速率的設(shè)置，需嚴(yán)格控制時(shí)間，漫長的等待會(huì)使用戶喪失對(duì)網(wǎng)頁繼續(xù)瀏覽的興趣。曾有研究顯示，網(wǎng)頁的加載時(shí)長如若超過4秒，則用戶的人群則會(huì)流失近25%，在眾多體驗(yàn)元素中，速度性顯得尤為重要了。影響用戶瀏覽體驗(yàn)的除了速度性，還有網(wǎng)頁的清晰化設(shè)計(jì)，用戶的瀏覽體驗(yàn)需要有較強(qiáng)的引導(dǎo)模式，具有清晰的瀏覽導(dǎo)向、統(tǒng)一的色彩搭配、交互和圖形，可以讓用戶對(duì)后續(xù)操作有更清晰的期望，減少用戶在后續(xù)操作過程中的探索。例如，內(nèi)容的推薦、信息的直觀性及圖標(biāo)信息等。每一個(gè)環(huán)節(jié)的鎖扣都是為用戶的下一步瀏覽做鋪墊，大多數(shù)人對(duì)于網(wǎng)頁的瀏覽都屬于快速重要信息瀏覽式，信息的呈現(xiàn)必須直觀、清晰。借助信息圖表和視覺效果，信息和數(shù)據(jù)可以更快地傳遞，需要使內(nèi)容對(duì)用戶更有吸引力，大多數(shù)用戶才會(huì)停下來，接觸這些信息和內(nèi)容，當(dāng)他們想了解更多信息時(shí)，會(huì)點(diǎn)擊并了解更多信息。

四、結(jié)語

在用戶體驗(yàn)的引導(dǎo)下，網(wǎng)頁設(shè)計(jì)將融入更多元化的交互設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)的目標(biāo)不僅能使產(chǎn)品更好，而且在情感上與用戶建立聯(lián)系。這對(duì)網(wǎng)頁設(shè)計(jì)的發(fā)展起較大的助推作用，完善了網(wǎng)頁設(shè)計(jì)中用戶體驗(yàn)與交互的耦合效應(yīng)，對(duì)于網(wǎng)頁設(shè)計(jì)師來說，這將是新的機(jī)遇，同時(shí)也是未來智慧互聯(lián)時(shí)代倡導(dǎo)的潮流設(shè)計(jì)趨勢(shì)?？陀^上來看，這種趨勢(shì)將突破傳統(tǒng)概念，對(duì)當(dāng)下流行的技術(shù)與話題進(jìn)行融合，利用新技術(shù)、新設(shè)備、新手段等多方因素來構(gòu)架全新的網(wǎng)頁交互體驗(yàn)，以此滿足用戶群體對(duì)科技進(jìn)步所帶來的全新體驗(yàn)。從當(dāng)前國內(nèi)網(wǎng)頁設(shè)計(jì)來看，如何將用戶體驗(yàn)與網(wǎng)頁交互設(shè)計(jì)有機(jī)融合，仍是一項(xiàng)有待開發(fā)的系統(tǒng)性科學(xué)，以智慧城市崛起為契機(jī)，帶動(dòng)智慧互聯(lián)時(shí)代全新發(fā)展，從而更好地促進(jìn)網(wǎng)頁交互設(shè)計(jì)的革新。

參考文獻(xiàn)：

[1]李雪蘭.服裝網(wǎng)上銷售的感官體驗(yàn)營銷研究[D].蘇州:蘇州大學(xué)碩士論文,2017.

[2]付家華.趣味性情感化設(shè)計(jì)在網(wǎng)頁交互設(shè)計(jì)中的應(yīng)用研究[D].武漢:中南民族大學(xué)碩士論文,2016.

[3]ZhyldyzMukaeva.東西方文化的視覺差異下中國網(wǎng)頁設(shè)計(jì)的感知度研究[D].重慶:重慶大學(xué)碩士論文,2016.

作者：江靜 單位：新華學(xué)院