基于用戶體驗的網(wǎng)頁設(shè)計交互設(shè)計原則探究

張繼明

摘 要：在互聯(lián)網(wǎng)時代網(wǎng)頁海量，如何設(shè)計出如何用戶需求且具備交互功能的網(wǎng)頁是所有設(shè)計師思考的重點，而網(wǎng)頁之所以存在，是因為它能夠通過互聯(lián)網(wǎng)輕松快捷地滿足用戶的需求，而在海量的網(wǎng)頁中唯有符合用戶體驗的網(wǎng)頁才能與用戶之間建立忠誠度。該文結(jié)合現(xiàn)有研究以及自身實踐經(jīng)驗，闡述了用戶體驗設(shè)計的重要性，并從3個方面分析了以滿足用戶體驗為落腳點的頁面設(shè)計原則。

關(guān)鍵詞：用戶體驗 交互設(shè)計 設(shè)計原則

中圖分類號：TP39 文獻標識碼：A 文章編號：1674-098X（2017）03（c）-0154-02

交互設(shè)計作為一門關(guān)注交互體驗的新學(xué)科在20世紀80年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾莫格里奇在1894年一次設(shè)計會議上提出，而隨著互聯(lián)網(wǎng)的快速發(fā)展，交互設(shè)計已經(jīng)成為了網(wǎng)頁設(shè)計乃至軟件設(shè)計的重要因素，甚至在一定程度上決定了網(wǎng)頁的成敗。因此，以用戶為中心強化交互設(shè)計的研究以第一時間給予用戶最佳的體驗以達到留住用戶，進而與用戶之間建立忠誠度的目的。

1 用戶體驗概述

1.1 定義

用戶體驗顧名思義即用戶對于某個產(chǎn)品從外觀、性能、使用過程等各個方面的感受，大多數(shù)產(chǎn)品投入市場均會受到用戶從視覺、聽覺、觸覺等方面的認知，同時更會升華到情感上的認可度。用戶體驗雖然具有一定的主觀性，但卻在一定程度上反映出了一個產(chǎn)品是否符合用戶需求、是否能夠幫助用戶解決問題、是否能夠為大多數(shù)用戶所用等。就此而言，用戶體驗是從主觀到客觀層面上的升華，是一個不斷發(fā)展的過程。

1.2 用戶體驗在網(wǎng)頁界面交互設(shè)計中的重要性

網(wǎng)頁之所以存在，是因為它能夠通過互聯(lián)網(wǎng)輕松快捷地滿足用戶的需求。因此，網(wǎng)頁設(shè)計首先要滿足用戶的某個目標，讓用戶能夠快速尋找到所需要的內(nèi)容且無障礙地完成所需的操作任務(wù)。在此過程中用戶與網(wǎng)頁之間就形成了交互關(guān)系，同時交互使用的流暢與否直接影響到了用戶的使用體驗感。對于用戶而言，簡潔流暢的交互功能是其最終的需求，不僅能夠起到愉悅心情的目的而且更是提升使用效率的關(guān)鍵所在。設(shè)計師在設(shè)計過程中，應(yīng)從用戶角度出發(fā)去探索其需求并設(shè)計出相應(yīng)的框架，將之融入頁面設(shè)計之中。對于設(shè)計師而言，為確保網(wǎng)頁設(shè)計朝著正確的方向邁進，應(yīng)充分認識到用戶體驗的重要性，重視用戶的需求，即從用戶的角度出發(fā)，深入發(fā)掘用戶對于網(wǎng)頁的“痛點”所在，以達到愉悅的目標；其次，對于具備設(shè)計團隊的設(shè)計師而言，可充分發(fā)揮出每個人員作用，為其安排相應(yīng)的角色，使之為網(wǎng)頁設(shè)計收集意見，進而保持正確的設(shè)計方向。

1.3 用戶體驗與界面交互設(shè)計的關(guān)系

用戶體驗與界面交互涉及用戶體驗、界面設(shè)計、交互設(shè)計3個方面的相互關(guān)系，不論是界面設(shè)計還是交互設(shè)計均是為了提升用戶體驗而設(shè)置的，通過此兩個環(huán)節(jié)的優(yōu)化提升用戶體驗度，實現(xiàn)網(wǎng)頁設(shè)計的目的。因此，在網(wǎng)頁設(shè)計過程中，首先要做的就是明確目標用戶所在。此外，調(diào)查用戶對于網(wǎng)頁的需求以及心理訴求，進而設(shè)計出相應(yīng)交互功能或方式，以起到調(diào)動用戶使用的興趣。同時，再對頁面進行美化處理，形成獨具特色且符合大眾審美的頁面方可避免用戶的流失。

2 基于用戶體驗的網(wǎng)頁界面交互設(shè)計原則

2.1 以用戶為中心的原則

其一，目標導(dǎo)向原則。交互設(shè)計之父Alan Cooper其著作《About Face3：交互設(shè)計精髓》中首先強調(diào)了目標導(dǎo)向設(shè)計的方法。即從用戶的目標出發(fā)進行設(shè)計，滿足了用戶的目標，用戶就會感到滿意、有效率，并且將產(chǎn)品推薦給其他人。目標導(dǎo)向原則最重要的是了解用戶的目標、需求和動機是什么。因此，對于設(shè)計師而言，首先需要思考的不是采用何種軟件或技術(shù)去策劃漂亮的頁面而且先思考用戶需要什么、用戶通過這個頁面能夠得到什么、設(shè)計的產(chǎn)品是否能夠達到用戶的需求以及能夠為用戶的生活、學(xué)習、工作等提供哪些價值；其二，尊重用戶的習慣。用戶的習慣是用戶積久養(yǎng)成的生活方式，在互聯(lián)網(wǎng)領(lǐng)域可以表現(xiàn)為用戶心理模型。著名認知心理學(xué)家諾曼博士這樣解釋心理模型：心理模型是存在于用戶頭腦中的關(guān)于一個產(chǎn)品應(yīng)該具有的概念和行為的知識。用戶習慣來源于用戶以前使用類似產(chǎn)品的經(jīng)驗，或是用戶根據(jù)使用該產(chǎn)品要達到的目標而對產(chǎn)品的概念和行為的一種期望。任何用戶在進行某項活動之中均會形成一定的使用習慣，在網(wǎng)頁瀏覽過程中同樣如此。網(wǎng)頁設(shè)計師在設(shè)計網(wǎng)頁環(huán)節(jié)時，應(yīng)當充分考慮到目標用戶的使用習慣，將之作為網(wǎng)頁設(shè)計的重點和基礎(chǔ)。根據(jù)用戶的使用習慣以及對網(wǎng)頁的期待進行設(shè)計，同時在網(wǎng)頁上線之后再進行數(shù)據(jù)分析，檢測是否有不符合用戶使用習慣之處以再行修改。日本設(shè)計大師深澤之人在產(chǎn)品設(shè)計中提出的“無意識設(shè)計”，同樣適用于網(wǎng)頁界面的交互設(shè)計，以讓用戶在無需思考的狀態(tài)下即可輕松自如地瀏覽網(wǎng)頁，體會到網(wǎng)頁的價值所在。同時，無意識設(shè)計能夠減少用戶在網(wǎng)頁瀏覽過程中的負擔，使之在輕松自如的狀態(tài)下達成自己預(yù)訂的目的。

2.2 簡易性原則

當今社會節(jié)奏越來越快，生活日益繁雜，人們更加傾向于簡潔的事務(wù)。對于網(wǎng)頁設(shè)計而言，簡潔的網(wǎng)頁能夠減少用戶思考時間，減少不必要的頁面元素影響到用戶瀏覽，使之在最短的時間內(nèi)捕捉到所需的內(nèi)容。反之，如果頁面繁瑣，用戶在網(wǎng)頁瀏覽中抓不住重點，反感情緒油然而生，導(dǎo)致直接關(guān)閉網(wǎng)頁。用戶對于頁面的需求簡潔勝過于復(fù)雜，將最具價值的信息通過簡潔化的形式呈現(xiàn)給用戶，最大程度上減少其他因素干擾。通過運用合理的結(jié)構(gòu)、簡潔的布局，呈現(xiàn)出結(jié)構(gòu)層次分明，內(nèi)容清晰可見，用戶第一時間即可發(fā)現(xiàn)符合自己需求的內(nèi)容。此外，網(wǎng)頁功能要簡單實用且易用。設(shè)計網(wǎng)頁的目的在于為用戶提供服務(wù)，網(wǎng)頁存在的價值就在于被用戶所用，能夠滿足用戶的需求。在頁面功能的設(shè)計之上，要充分考慮到不同年齡層次以及文化層次用戶的具體情況，將網(wǎng)頁功能盡可能簡化。

2.3 統(tǒng)一性原則

其一，視覺風格統(tǒng)一。網(wǎng)頁界面的視覺風格整體統(tǒng)一非常重要，混亂跳躍的界面容易分散用戶的注意力，讓用戶不知所措，影響用戶的使用效率。根據(jù)格式塔心理學(xué)理論，在認知的過程中事物首先是一個整體，在認知整體后才是部分的認知。對于頁面設(shè)計同樣適用，當用戶打開網(wǎng)頁首先是視覺感受，頁面整體風格是否和諧且有新意。一個具備和諧的頁面，能夠增進用戶的好感，不會引起用戶的反感，使之樂于瀏覽該頁面；反之，用戶則會立即關(guān)閉網(wǎng)頁。同時，單純追求和諧統(tǒng)一的頁面設(shè)計容易形成死板呆滯的負面效應(yīng)，隨著時間的累積用戶勢必會產(chǎn)生視覺疲勞，久而久之逐漸失去使用的興趣。為此，一個頁面的設(shè)計既要達到和諧統(tǒng)一的狀態(tài)又要不失活潑，具備動感，給予用戶相對長久的“新鮮感”。其二，交互方式流暢統(tǒng)一。

3 結(jié)語

當今互聯(lián)網(wǎng)時代，海量的網(wǎng)頁給予了用戶極大的便利，但是也正是因此導(dǎo)致用戶對于頁面的要求越來越高，用戶花費在頁面瀏覽上的時間越來越少，如何在第一時間內(nèi)吸引和留住用戶是頁面設(shè)計的關(guān)鍵所在。因此，在頁面設(shè)計之初應(yīng)重點策劃吸引用戶的元素或功能，在最短的時間內(nèi)將用戶需求的內(nèi)容呈現(xiàn)出來，尤其是當用戶在瀏覽過程中遇到問題能夠及時提醒以解決問題。

參考文獻

[1] 周雙.基于用戶體驗的專題學(xué)習網(wǎng)站設(shè)計研究[D].長江大學(xué)，2015.

[2] 危麗麗，過宏雷.從用戶體驗角度談網(wǎng)頁設(shè)計中的色彩元素[J].大眾文藝，2014，2（6）：112-113.

[3] 張小玲，余嵐.網(wǎng)頁設(shè)計中的用戶體驗[J].文藝生活·文海藝苑，2013（2）：287.