基于用戶體驗的差異化網頁布局應用研究

康琪 辛暉

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

[關鍵詞]用戶體驗;網頁布局;差異化

[中圖分類號]TN929.53 [文獻標識碼]A

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

1 用戶體驗式的網頁布局的含義

1.1 用戶體驗

用戶體驗（User Experience，簡稱：UE/UX）是一種在用戶使用一個產品（服務）的過程中建立起來的純主觀的心理感受。簡單地來說就是使得產品能夠滿足用戶的需求。

1.2 差異化

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

1.3 網頁布局在網頁建設中的作用

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

1.4 用戶體驗式的網頁布局的特征

1.4.1 留白藝術

“留白”即留出足夠的空白，指的是設計里的背景空白空間，圖片、文字、標題和Logo等構成設計里的前景部分。合理恰當的留白能夠給予網頁一定的空間感，使得原本純文字的頁面不再枯燥無味。

1.4.2 動態(tài)網頁

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

1.4.3 響應式效果

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

2 網頁布局的發(fā)展現(xiàn)狀

根據用戶體驗式的網頁布局對不同的網站內容進行對比與分析。

2.1 差異化發(fā)展的境外網頁布局

2.1.1 網頁布局風格簡約

以美國為代表，境外網頁布局風格簡潔大氣，重點在于細節(jié)，能夠符合境外用戶的視覺需求。

2.1.2 全屏全景式產品

國外用戶的眼睛所看之處的產品顯示量少，只有一兩個產品，而且產品主圖會占據整個屏幕，并有相關的圖片與之對應，既不破壞整體的美感，又能夠滿足用戶需求。

2.1.3 人性化服務

境外網頁界面會有對用戶進行分析，例如美國的champion，主頁有男女之分，這樣能夠快速地篩選用戶所需要的產品，同時符合外國人的瀏覽習慣，使得用戶能快速便捷地獲得所需要的信息。

2.2 同質化發(fā)展的國內網頁布局

2.2.1 頁面布局“多”

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

2.2.2 千篇一律的內容

電商版的網頁內容清一色都是關于商品，關于產品的詳情圖、產品的衍生頁、產品的主圖，主要針對商品進行推銷，而企業(yè)版主要是企業(yè)的經營領域，有的企業(yè)網站空白處還有廣告位，對于用戶的體驗感不利。

2.2.3 網頁版式統(tǒng)一

網頁版式采用分割式版式，分別為Logo、導航、banner圖以及內容信息板塊，導航在網頁的左上角，放在Logo旁邊，符合用戶的習慣;banner圖一般采用交互式輪播圖。底部是頁腳部分，版權信息相關。

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

3 差異化用戶體驗式的網頁布局的作用

3.1 網站的性價比高

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

3.2 用戶體驗的黏合度

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

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

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

4 小結

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

[參考文獻]

[1] 韓鵬飛，劉洋，呂瀅嫻.博物館票務網頁的用戶體驗地圖構建及其服務設計[J].工業(yè)設計，2019（07）.

[2] 胡萍，許睿.淺析用戶體驗式網頁布局及應用[J].福建電腦，2018（08）.

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