淺談用戶體驗在網站設計中的體現

劉為龍　陳旺　夏國棟

摘要：隨著移動互聯網時代的到來，信息通訊、網絡得到了空前的發展，用戶體驗設計在人們上網獲取信息的過程中顯得越來越重要。網絡行業的發展也迎來了新的契機，新技術的日新月異，網頁風格的層出不窮，使眾多網站不斷追求更貼近用戶的體驗設計。

關鍵詞：用戶體驗；網頁設計；UI設計

在HTML5與CSS3技術正在網絡環境下空前發展之時，它無疑給網站設計帶來了更新鮮的交互體驗。對于一個成功的網站而言，能夠吸引用戶，用戶可以更舒適的使用與消費是其最終目標。從某種層面上來說，技術帶來的新鮮功能比視覺吸引力更為重要，但是技術性并不能超越用戶體驗，任何一種偉大的技術都是為用戶的易用與體驗順暢而服務的。網頁中的UI設計作為用戶體驗的一部分，能夠使用戶在視覺上產生愉悅感起到了重要的作用。設計一款易用與賞心悅目的網頁，可以吸引用戶更喜歡瀏覽網站，參與網站活動并獲得網站的信息，例如參與社交活動、進行消費行為等。當網站設計中的易用性與視覺美感得到用戶滿足時，將大大提升網站的用戶體驗。

1關于網站的用戶體驗

網站中的用戶體驗強調網站的可用性與視覺感受，包括功能、內容、形式等因素，這些因素共同組成了用戶體驗，是相互聯系的統一體。在眾多的影響用戶體驗的因素中，產品的“可用性”是一個至關重要的因素。國際標準中認為可用性是涉及容易學習、容易使用、系統的有效性、用戶滿意，以及把這些因素與實際使用環境聯系在一起針對特定目標的評價。在網站設計中是即要從用戶的角度，架構和設計網站，還要看到用戶的需要，滿足用戶需求。網站設計是將用戶引入到設計當中，把獲取網站的信息、消費產品作為美好體驗的過程。

（1）網站體驗。根據網站設計的最終目標可以把網站分為三個方面：網站外觀、用戶行為、服務力度。用戶對一個產品的體驗是遞進的，首先是當用戶進入網站時視覺感受如何，有一個大概的基礎印象，如果網站中UI的設計第一感覺看上去不能迎合用戶的期望很可能會放棄繼續瀏覽網站。其次是行為，也就是網站的可用性與易用性，使用的感覺如何，如果在使用過程中遇到阻力在某種程度上會對交互行為產生很大的影響。最后是服務力度，當用戶使用一個網站尤其是電商網站，主要產生的就是消費行為，網站的售后服務在用戶體驗中顯得極為重要，售后服務的質量直接影響到用戶的心理感受。

（2）用戶行為。網站的類型不同，目標用戶也會有所不同，如男性、女性、青少年、兒童等。根據自身網站的定位去確定用戶群，比如汽車網站的用戶主要以男性為主。從用戶心理的角度看，首先網站的設計在于能夠把用戶的注意力集中在網站推廣的產品、信息上，可以按照自身的主觀意愿進行操作，不需要有過多的思考過程，不需要理解網站結構，圖標含義，以及導航在哪。其次用戶不必花費太多的學習成本，操作與理解出錯較少，簡單的操作動作與操作習慣是好的體驗的基本。對于一個網站的體驗而言最好的方法就是按照用戶所想的那樣去設計。

（3）設計師因素。對于按照網站工作內容的來劃分可以有視覺設計師、交互設計師和程序工程設計師。視覺設計師需要考慮的是網頁設計與創意是否符合用戶的審美需求，網站從外觀看起來直接對用戶產生的感受。交互設計師負責的是網站與用戶之間的交互行為，在此過程中用戶能否順利的完成整個體驗過程。程序工程師決定網站的功能與技術支持，是否能夠保證網站正常運行，不影響用戶的使用。

2UI設計與體驗的關系

UI即用戶界面，是系統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。對于工業設計領域中的人機交互設計就是指人和機器之間發生交互的時候能夠高效率、舒適的對機器進行操控，在操作者需要對機器的操作做出決定的同時也能夠幫助機器快速的給用戶以反饋。

（1）網頁中的UI設計。網站中的UI設計體現在用戶與網站之間的交互與網頁設計。從用戶界面的角度來看，網頁的UI設計與網頁的視覺效果、風格等密切相關，不僅具有審美價值，也體現著人文關懷，無論從人的閱讀習慣還是操作行為都具有以人為本的理念。當然對于一個網站而言，用戶所體驗的并不僅僅是審美與功能的設計。通常是包含功能與形式得到最協調的平衡，為整個網站的目標而服務，這樣會拉近用戶與網站之間的距離，賞心悅目的外觀與強大的功能是否配合得當，成為用戶體驗的一個檢驗標準，用戶使用網站月輕松，其滿意度就越高，交互過程就越順暢。

1）頁面布局。合理的網頁布局有助于用戶瀏覽、理解網頁信息，尤其是對于像搜狐、新浪等門戶網站而言是至關重要的，怎樣能夠使用戶在眾多的信息中發現需要的那一個。在進行網頁設計時，要以內容為主，將信息按照區塊合理分布，做好重點強調和細部的處理。

2）風格和主題。網頁視覺信息風格的確立是信息過渡到形式的關鍵，視覺設計師依據網站的內容而產生的，通過顏色、圖像、文字等視覺元素來表達。例如電子商務網站更加追求信息化和數字感，好看的設計可能不如實際的數據更有吸引力。這種網站的功能比較繁多，例如當當網、淘寶，產品的分類清晰的體現了潛在的用戶群，可以更有效的產生互動實現消費。

3）網頁視覺元素。網站的外觀主要體現在網頁上的視覺元素，網頁的色彩、圖形、文字之間的構成關系會對用戶產生一定的心理影響，這種影響既體現在各元素位置、大小的變化，又體現在空間虛實關系上。色彩作為人類表達情感的元素之一，往往能在用戶瀏覽網站時留下第一印象。圖形在用戶獲取信息過程中可以很好的實現傳達與引導的作用。文字作為網站主要傳達信息的手段，有著不可替的作用，無論從標題文字還是到頁面內容，都能做到準確詳細的傳遞。

（2）UI設計與用戶的關系。網頁設計的美感與體驗與用戶息息相關，UI設計既要在用戶的角度設計視覺效果，又要研究用戶的思維習慣，在網頁設計中直接體現在顏色、版面布局、圖形、文字當中，引導并影響用戶獲取信息。網頁設計不僅僅是將頁面做的華麗，還是為了讓人們能夠通過對界面的中的視覺元素引導和迎合用戶完成整個操作，而不是純粹追求創造視覺效果。從根本上來講，一個好的網頁設計應該擁有清晰的信息呈現，能夠很好的引導用戶去完成網站的任務。當我們設計一個用戶界面的時候一定要考慮到用戶界面的適用性，它需要考慮用戶的年齡、生活習慣，并且最終實現為用戶的使用而設計，這是一個理性的設計過程。所以UI設計要和用戶研究緊密結合，去主動考慮用戶的感受與需求。

3結論

綜上所述，在這個以用戶為中心的數字化時代，網站設計的用戶體驗將變得越發重要，無論從用戶的可用性還是網站的UI設計都將深深的影響著用戶的操作與體驗。網頁設計中的UI設計的審美價值是影響網頁可讀性的一個重要因素。合理的UI設計會使用戶在享受網頁視覺設計的同時愉快的體驗整個使用過程，必然增加網站的吸引力，促使用戶去閱讀，去消費。一個布局散亂、風格各異的界面會影響用戶去點擊和消費的欲望。以用戶為中心的UI設計時網站設計的核心，這也是未來各種平臺產品設計的趨勢。

參考文獻：

[1] 胡飛.聚焦用戶UCD觀念與實務[M].中國建筑工業出版社，2009.

[2] Ben Shneiderman，Catherine Plaisant（美）.張國印，李健利，等，譯.電子工業出版社，2009.

[3] Smashing Magazine（德）.陳宗斌，譯，人民郵電出版社，2012.

作者簡介：劉為龍（1985—），男，山東人，碩士，燕京理工學院藝術院助教，研究方向：新媒體藝術設計。