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

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

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

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

現(xiàn)今的網(wǎng)絡(luò)已然成為我國(guó)網(wǎng)民生活、娛樂(lè)、信息獲取的重要標(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)融合所帶來(lái)的困擾與矛盾，努力創(chuàng)造以服務(wù)用戶(hù)為先決條件，提供人們?cè)絹?lái)越多元的個(gè)性化體驗(yàn)服務(wù)，在依托網(wǎng)頁(yè)交互發(fā)展的同時(shí)，重新構(gòu)建以“互聯(lián)網(wǎng)+”“智慧+”及“交互+”三維智能互聯(lián)體驗(yàn)新時(shí)代[1]。

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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