康琪 辛?xí)?/p>

[摘 要]互聯(lián)網(wǎng)發(fā)展千變?nèi)f化，但網(wǎng)頁(yè)設(shè)計(jì)卻千篇一律。本文通過(guò)對(duì)用戶體驗(yàn)式的差異化網(wǎng)頁(yè)布局進(jìn)行研究，充分了解用戶體驗(yàn)以及差異化的內(nèi)涵以及網(wǎng)頁(yè)布局在網(wǎng)頁(yè)建設(shè)中的作用，對(duì)比國(guó)內(nèi)與境外網(wǎng)頁(yè)布局差異化，總述用戶體驗(yàn)式網(wǎng)頁(yè)布局的作用。

[關(guān)鍵詞]用戶體驗(yàn);網(wǎng)頁(yè)布局;差異化

[中圖分類號(hào)]TN929.53 [文獻(xiàn)標(biāo)識(shí)碼]A

如今，數(shù)字信息化時(shí)代，互聯(lián)網(wǎng)作為信息傳播的重要載體，憑借高效、快捷、便利、成本低等特點(diǎn)，對(duì)人們的生活產(chǎn)生了重大影響。網(wǎng)頁(yè)成為了人們獲取信息、了解信息、查詢信息、發(fā)布信息的重要工具。而隨著社會(huì)的不斷進(jìn)步以及互聯(lián)網(wǎng)的發(fā)展，人們的信息接受度和審美觀也發(fā)生了變化，傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)滿足不了人們的使用習(xí)慣和審美能力，而基于用戶體驗(yàn)式網(wǎng)頁(yè)設(shè)計(jì)則越來(lái)越得到人們的青睞。這種網(wǎng)頁(yè)布局使得信息產(chǎn)品和體驗(yàn)用戶之間架起一座橋梁，實(shí)現(xiàn)以“物”為中心到以“人”為中心的轉(zhuǎn)化，讓兩者之間的都可以融化貫通，從此網(wǎng)頁(yè)設(shè)計(jì)不再是單純的視覺(jué)享受，而是視覺(jué)享受與人的感受體驗(yàn)充分結(jié)合。本文正是基于這種背景，對(duì)網(wǎng)頁(yè)設(shè)計(jì)展開(kāi)探索，對(duì)差異化網(wǎng)頁(yè)布局的用戶體驗(yàn)式網(wǎng)頁(yè)進(jìn)行分析，對(duì)用戶體驗(yàn)式網(wǎng)頁(yè)設(shè)計(jì)這種新模式對(duì)企業(yè)網(wǎng)站建設(shè)的作用進(jìn)行總結(jié)。

1 用戶體驗(yàn)式的網(wǎng)頁(yè)布局的含義

1.1 用戶體驗(yàn)

用戶體驗(yàn)（User Experience，簡(jiǎn)稱：UE/UX）是一種在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的純主觀的心理感受。簡(jiǎn)單地來(lái)說(shuō)就是使得產(chǎn)品能夠滿足用戶的需求。

1.2 差異化

差異化（differentiation）是指企業(yè)在顧客廣泛重視的某些方面，力求在本產(chǎn)業(yè)中獨(dú)樹一幟。意思就是說(shuō)在千篇一律同質(zhì)化的產(chǎn)品中，有一個(gè)與眾不同的產(chǎn)品，在這一堆產(chǎn)品中獨(dú)樹一幟。

1.3 網(wǎng)頁(yè)布局在網(wǎng)頁(yè)建設(shè)中的作用

網(wǎng)站類似于文件夾，而網(wǎng)頁(yè)就是文件夾里面的小文件夾，網(wǎng)站由一個(gè)個(gè)小文件夾組成，而構(gòu)成網(wǎng)頁(yè)的基本要素有文本、圖像、動(dòng)畫、視頻、音樂(lè)、超鏈接、表格、表單等，吸引用戶瀏覽網(wǎng)頁(yè)的重要原因之一是網(wǎng)頁(yè)布局的整體風(fēng)格，一個(gè)采用夸張的風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)會(huì)讓用戶覺(jué)得視覺(jué)疲勞，而一個(gè)風(fēng)格統(tǒng)一、網(wǎng)頁(yè)內(nèi)容與網(wǎng)頁(yè)布局融合才會(huì)使得用戶看著舒適，得到用戶的青睞。對(duì)于一個(gè)設(shè)計(jì)者來(lái)說(shuō)，任何元素都可以和其他元素進(jìn)行合理的組合構(gòu)成。在堅(jiān)持形式服務(wù)于內(nèi)容原則的同時(shí)，對(duì)傳統(tǒng)畫面構(gòu)成的運(yùn)用，營(yíng)造良好的空間布局和視覺(jué)效果，能夠滿足用戶對(duì)網(wǎng)頁(yè)的視覺(jué)審美觀，網(wǎng)頁(yè)布局的重要性，如表1所示。

1.4 用戶體驗(yàn)式的網(wǎng)頁(yè)布局的特征

1.4.1 留白藝術(shù)

“留白”即留出足夠的空白，指的是設(shè)計(jì)里的背景空白空間，圖片、文字、標(biāo)題和Logo等構(gòu)成設(shè)計(jì)里的前景部分。合理恰當(dāng)?shù)牧舭啄軌蚪o予網(wǎng)頁(yè)一定的空間感，使得原本純文字的頁(yè)面不再枯燥無(wú)味。

1.4.2 動(dòng)態(tài)網(wǎng)頁(yè)

網(wǎng)頁(yè)分動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)，動(dòng)態(tài)網(wǎng)頁(yè)的功能比靜態(tài)網(wǎng)頁(yè)功能更全面、更人性化，內(nèi)容也是更為豐富，動(dòng)態(tài)網(wǎng)頁(yè)的交互性更強(qiáng)，更加滿足用戶需求，適合企業(yè)發(fā)展的需求。

1.4.3 響應(yīng)式效果

每個(gè)人的瀏覽信息不同，統(tǒng)一的網(wǎng)頁(yè)只能滿足部分人信息需求，而響應(yīng)式網(wǎng)站能夠在不同用戶不同時(shí)間訪問(wèn)同一個(gè)網(wǎng)址會(huì)出現(xiàn)不同的頁(yè)面，這樣用戶的滿意度也有了提高。

2 網(wǎng)頁(yè)布局的發(fā)展現(xiàn)狀

根據(jù)用戶體驗(yàn)式的網(wǎng)頁(yè)布局對(duì)不同的網(wǎng)站內(nèi)容進(jìn)行對(duì)比與分析。

2.1 差異化發(fā)展的境外網(wǎng)頁(yè)布局

2.1.1 網(wǎng)頁(yè)布局風(fēng)格簡(jiǎn)約

以美國(guó)為代表，境外網(wǎng)頁(yè)布局風(fēng)格簡(jiǎn)潔大氣，重點(diǎn)在于細(xì)節(jié)，能夠符合境外用戶的視覺(jué)需求。

2.1.2 全屏全景式產(chǎn)品

國(guó)外用戶的眼睛所看之處的產(chǎn)品顯示量少，只有一兩個(gè)產(chǎn)品，而且產(chǎn)品主圖會(huì)占據(jù)整個(gè)屏幕，并有相關(guān)的圖片與之對(duì)應(yīng)，既不破壞整體的美感，又能夠滿足用戶需求。

2.1.3 人性化服務(wù)

境外網(wǎng)頁(yè)界面會(huì)有對(duì)用戶進(jìn)行分析，例如美國(guó)的champion，主頁(yè)有男女之分，這樣能夠快速地篩選用戶所需要的產(chǎn)品，同時(shí)符合外國(guó)人的瀏覽習(xí)慣，使得用戶能快速便捷地獲得所需要的信息。

2.2 同質(zhì)化發(fā)展的國(guó)內(nèi)網(wǎng)頁(yè)布局

2.2.1 頁(yè)面布局“多”

國(guó)內(nèi)的電商網(wǎng)站主要分為企業(yè)版和電商版，電商版的主要是銷售產(chǎn)品，如圖1，這類網(wǎng)站主要是信息多，圖片多，而且頁(yè)面的處理界面也很多，如產(chǎn)品詳情頁(yè)、產(chǎn)品衍生頁(yè)等，除了banner和導(dǎo)航，其余的都是千篇一律的產(chǎn)品展示圖和重復(fù)的網(wǎng)頁(yè)頁(yè)面。而企業(yè)版則是企業(yè)經(jīng)營(yíng)領(lǐng)域、企業(yè)文化以及企業(yè)發(fā)展，基本上和國(guó)內(nèi)標(biāo)準(zhǔn)化的網(wǎng)頁(yè)沒(méi)有差別。如圖2。

2.2.2 千篇一律的內(nèi)容

電商版的網(wǎng)頁(yè)內(nèi)容清一色都是關(guān)于商品，關(guān)于產(chǎn)品的詳情圖、產(chǎn)品的衍生頁(yè)、產(chǎn)品的主圖，主要針對(duì)商品進(jìn)行推銷，而企業(yè)版主要是企業(yè)的經(jīng)營(yíng)領(lǐng)域，有的企業(yè)網(wǎng)站空白處還有廣告位，對(duì)于用戶的體驗(yàn)感不利。

2.2.3 網(wǎng)頁(yè)版式統(tǒng)一

網(wǎng)頁(yè)版式采用分割式版式，分別為L(zhǎng)ogo、導(dǎo)航、banner圖以及內(nèi)容信息板塊，導(dǎo)航在網(wǎng)頁(yè)的左上角，放在Logo旁邊，符合用戶的習(xí)慣;banner圖一般采用交互式輪播圖。底部是頁(yè)腳部分，版權(quán)信息相關(guān)。

無(wú)論國(guó)內(nèi)外的網(wǎng)站，要想提高用戶的滿意度，提高企業(yè)的黏合度，就必須從以“物”為主要網(wǎng)頁(yè)布局轉(zhuǎn)化到以“人”為中心的體驗(yàn)式網(wǎng)頁(yè)布局，以用戶的滿意度為主，充分考慮用戶，在千篇一律的網(wǎng)頁(yè)中，以差異化用戶體驗(yàn)式網(wǎng)頁(yè)博取用戶的信賴

3 差異化用戶體驗(yàn)式的網(wǎng)頁(yè)布局的作用

3.1 網(wǎng)站的性價(jià)比高

差異化用戶體驗(yàn)式的網(wǎng)站能夠滿足傳統(tǒng)網(wǎng)站所不能滿足的功能，在用戶瀏覽網(wǎng)頁(yè)之后，第二次打開(kāi)網(wǎng)頁(yè)，用戶能夠查詢到之前的瀏覽頁(yè)面，而里面的內(nèi)容也能夠在不同設(shè)備同時(shí)的看到更新。

3.2 用戶體驗(yàn)的黏合度

用戶體驗(yàn)式網(wǎng)站根據(jù)設(shè)備的分辨率和屏幕大小，自動(dòng)調(diào)整為用戶舒適的瀏覽界面，能夠讓設(shè)備完全地展示在每個(gè)設(shè)備上。差異化用戶體驗(yàn)式的網(wǎng)頁(yè)布局能夠很好地滿足用戶的需求，提高良好的用戶體驗(yàn)，有利于提高企業(yè)地黏合度。

3.3 有利于企業(yè)形象

企業(yè)形象是企業(yè)精神文化之一，是企業(yè)無(wú)形的資產(chǎn)，所以企業(yè)形象對(duì)于企業(yè)至關(guān)重要。而一個(gè)好的網(wǎng)站能夠吸引更多人瀏覽，能夠更好展示企業(yè)的文化，突出企業(yè)的價(jià)值，從而提升企業(yè)的形象。

4 小結(jié)

互聯(lián)網(wǎng)世界千變?nèi)f化，網(wǎng)頁(yè)布局也隨之變化。在同質(zhì)化的網(wǎng)頁(yè)布局中，提高網(wǎng)站的黏合度的措施是實(shí)行差異化用戶體驗(yàn)式的網(wǎng)頁(yè)布局，這種新模式能夠使得信息產(chǎn)品和體驗(yàn)用戶之間架起一座橋梁，實(shí)現(xiàn)以“物”為中心到以“人”為中心的轉(zhuǎn)化，用戶體驗(yàn)度提高，更能夠符合企業(yè)的網(wǎng)站需求。

[參考文獻(xiàn)]

[1] 韓鵬飛，劉洋，呂瀅嫻.博物館票務(wù)網(wǎng)頁(yè)的用戶體驗(yàn)地圖構(gòu)建及其服務(wù)設(shè)計(jì)[J].工業(yè)設(shè)計(jì)，2019（07）.

[2] 胡萍，許睿.淺析用戶體驗(yàn)式網(wǎng)頁(yè)布局及應(yīng)用[J].福建電腦，2018（08）.

[3] 高曉瑾.網(wǎng)頁(yè)設(shè)計(jì)中的用戶體驗(yàn)要素分析與研究[J].中外企業(yè)家，2018（05）.