陳 上
(海南軟件職業(yè)技術(shù)學(xué)院,海南 瓊海 571400)
網(wǎng)站設(shè)計師在進行網(wǎng)頁設(shè)計時都會關(guān)注用戶體驗。提高用戶體驗也是設(shè)計行業(yè)發(fā)展的驅(qū)動力。網(wǎng)站是企業(yè)對外宣傳的主要門戶,網(wǎng)站設(shè)計的成敗直接影響到企業(yè)的發(fā)展與市場競爭力。所以,設(shè)計師在進行網(wǎng)頁設(shè)計時既要關(guān)注網(wǎng)站的內(nèi)容和功能,也要重視用戶體驗,通過良好的用戶體驗來提高用戶的忠誠度,提高企業(yè)核心競爭力。
用戶體驗是用戶在使用產(chǎn)品或者服務(wù)過程中的一種個人主觀心理感受?;ヂ?lián)網(wǎng)+技術(shù)的發(fā)展帶來了技術(shù)的創(chuàng)新與發(fā)展,以用戶為中心、以人為本的理念越來越被重視,用戶體驗也成為Web2.0創(chuàng)新的關(guān)鍵。
用戶在進行網(wǎng)站訪問時是一種自助的方式,不需要進行培訓(xùn),也不需要相關(guān)的指導(dǎo)說明。因此,在網(wǎng)站訪問過程中,遇到任何困難,都需要用戶自己去解決。所以,和其他產(chǎn)品相比,網(wǎng)站建設(shè)上的用戶體驗更加重要。對企業(yè)來說,良好的用戶體驗可以更好地吸引客戶,讓客戶有一個積極的態(tài)度,提高網(wǎng)站的訪問量和訪問時間,提升網(wǎng)頁訪問給企業(yè)帶來的經(jīng)濟效益。
從心理學(xué)角度來說,用戶體驗是用戶在交互過程中的一種心理反應(yīng)。交互設(shè)計中認知超載與工作記憶是兩個非常重要的概念。認知超載就是大腦超負荷運行。人大腦的信息處理能力是有限的,所以如果外界所傳遞的信息量高于大腦處理的極值時,人的大腦就將發(fā)生超載的問題,大腦處理信息的速度將會變慢。工作記憶則是不對當(dāng)前信息進行加工,而將其存儲起來的有限容量的記憶系統(tǒng),也是知覺、記憶與動作的鏈接點。或者說,工作記憶屬于長期記憶的前期階段。
好的用戶體驗可以使用戶在使用過程中把重心放在所要達成的目標(biāo)上,而不是頁面的布局上,在不知不覺的過程中完成操作的行為。相反的,復(fù)雜的網(wǎng)頁會讓用戶把重心放在一些無關(guān)緊要的問題上,比如頁面信息填寫、界面選擇等都會影響用戶的體驗,打斷用戶的情境體驗,造成Web設(shè)計認知超載。認知超載的類型較多,包括動作、過渡的刺激、過多的選擇、模棱兩可的頁面、內(nèi)部的不連貫性和不易找到的頁面。
多余的動作:每一個操作都會增加用戶的認知負荷,因此過多的操作會影響用戶體驗,打斷用戶思路,甚至?xí)層脩舢a(chǎn)生不滿、抵觸的情緒。用戶工作記憶的重心在特定目標(biāo)上,所以多余的動作會消耗用戶過多的精力,增加用戶的工作記憶負擔(dān)。簡單的步驟則可以減少用戶體驗過程中不必要的麻煩,讓用戶在流暢、自然、平滑的情境中完成目標(biāo)。
過度的刺激:用戶在完成目標(biāo)以前,大腦會把目標(biāo)之外的刺激進行歸類,但是用戶注意力的分散會導(dǎo)致一部分工作記憶被占用。如果用戶在頁面瀏覽時,上面有過多的照片、動畫、廣告等內(nèi)容,用戶的工作記憶會被過多占用,用戶難以將注意力放在自己關(guān)注的目標(biāo)上。這些過多的元素,尤其是視覺上容易吸引用戶注意力的元素的出現(xiàn)將會分散用戶過多的注意力。實際上,用戶在選擇時更傾向于選擇視覺簡單的網(wǎng)站。因此,在頁面設(shè)計時不必要的元素是可以去除的,這樣就可以有效減少頁面加載時間,給用戶帶來更好的交互體驗。
過多的選擇:??硕烧J為,如果用戶有多個選項可以選擇時,他們做決定所需要花費的時間就會越長。希克定律也被用于網(wǎng)頁界面、軟件菜單的設(shè)計中。從設(shè)計角度來看,在人機交互過程中,用戶可以選擇的選項越多,用戶做決策所需要的時間就越長。不過,另一方面,用戶又喜歡有更多的選擇。對客戶來說,具有購物功能的網(wǎng)站就相當(dāng)于購物街,有很多種產(chǎn)品,但是對用戶來說怎樣快速找到所需要的產(chǎn)品是主要任務(wù)。因此,把多個選項整理到一個集合中就是最好的處理方式,比如天貓國際。實際上這也是當(dāng)前購物網(wǎng)站應(yīng)用最多的一種組合方式,把不同的種類商品放置在隱藏菜單內(nèi)。在大菜單下用戶的選擇雖然很多,但是分類整合模式減少了用戶的選擇負擔(dān)。
模棱兩可的頁面:混亂的Web頁面也會讓用戶消耗大量的時間去研究頁面操作方式,因此模棱兩可的圖標(biāo)會降低用戶的點擊、瀏覽欲望。因此,在進行Web頁面設(shè)計時需要重視已經(jīng)被用戶接納和了解的視覺提示圖標(biāo)的使用。這樣,用戶在進行頁面操作時就可以根據(jù)自身所理解的圖標(biāo)進行操作。比如,確定、取消等標(biāo)準的標(biāo)簽就容易被識別。標(biāo)準化的標(biāo)簽可以提高用戶頁面瀏覽的舒適度,降低用戶的反應(yīng)時間。
內(nèi)部的不連貫性:網(wǎng)站上的元素和其他元素之間應(yīng)該具有內(nèi)在的連貫性。如果網(wǎng)頁上各元素之間的連貫性較差就會造成網(wǎng)站設(shè)計風(fēng)格的不統(tǒng)一。因此,在進行網(wǎng)頁設(shè)計時要注意風(fēng)格的統(tǒng)一,制定風(fēng)格指南。比如花瓣網(wǎng)在設(shè)計上就非常重視內(nèi)部的連貫性。
不易找到的頁面:對網(wǎng)頁來說,導(dǎo)航條是必不可少的元素之一。所以,在進行導(dǎo)航條設(shè)置時應(yīng)將其放在醒目的地方,這樣可以讓用戶隨意、快速地進行網(wǎng)頁瀏覽,而不用擔(dān)心找不到導(dǎo)航。
基于用戶體驗的Web設(shè)計的關(guān)鍵在于在設(shè)計的每一個步驟都將用戶體驗列為重點,始終堅持以用戶為中心,以為用戶提高良好的體驗為目的。不同類型網(wǎng)站的用戶體驗設(shè)計有所不同,不過其最終目的都是一樣的。在Web設(shè)計中良好用戶體驗應(yīng)關(guān)注以下幾點。
網(wǎng)頁建設(shè)的目的主要包括兩個方面:一是為企業(yè)獲得更多的客戶,提高企業(yè)的收益;二是降低企業(yè)的營銷、宣傳成本,控制企業(yè)經(jīng)營成本。要實現(xiàn)上述兩個目標(biāo)就要重視與網(wǎng)頁訪問者的關(guān)系,提高網(wǎng)頁的潛在客戶轉(zhuǎn)換率。所以,在進行Web設(shè)計時需要先對用戶進行調(diào)查,結(jié)合調(diào)查結(jié)果對用戶的需求進行分析和研究。用戶調(diào)查主要包括三個方面:一是對網(wǎng)頁瀏覽用戶進行定位,明確網(wǎng)頁瀏覽者是哪些人;二是對用戶的Web技術(shù)水平與適應(yīng)性要求、群體偏好等相關(guān)內(nèi)容進行了解;三是明確不同角色用戶的需求。同時,根據(jù)用戶需求優(yōu)先級對網(wǎng)頁相關(guān)內(nèi)容進行分類、設(shè)計和排序,為后期網(wǎng)頁的設(shè)計奠定基礎(chǔ)。
網(wǎng)站設(shè)計的主要目的就是通過簡單、有效、直接的方式將網(wǎng)站信息傳遞給用戶。所以,對設(shè)計者來說,只是將信息放在網(wǎng)頁上是遠遠不夠的,而需要通過用戶可以理解與接受的方式進行呈現(xiàn)。在進行網(wǎng)頁設(shè)計時需要通過設(shè)計排版將各種元素呈現(xiàn)給客戶。網(wǎng)頁組件主要分為文本、圖形、圖片、顏色等內(nèi)容。其中,文字又分為正文、導(dǎo)航、菜單以及各種標(biāo)志燈。要提高網(wǎng)頁的視覺效果,設(shè)計人員就需要結(jié)合人們的心理與生理特點來設(shè)計符合客戶視覺過程的網(wǎng)頁。同時,設(shè)計人員還要注意不同元素之間的關(guān)系,如大小、距離、位置等。
網(wǎng)頁布局類型主要包括T型、相同型、口型、匡型等。其中,T型的主要特點是網(wǎng)頁結(jié)構(gòu)清晰、主次分明,不過T型布局的規(guī)則比較嚴格,對客戶的吸引性不強;相同型布局的主要特點是可以更好地利用整個頁面,可以展示的信息量較大,但是過于單一和死板,容易讓用戶產(chǎn)生疲勞;口型布局的主要特點是結(jié)構(gòu)清晰,但是同樣不夠靈活;匡型布局的主要特點是布局整齊,而且容易給客戶帶來較大的視覺沖擊。
網(wǎng)頁是信息的載體,所以網(wǎng)頁的設(shè)計實際上就是信息的結(jié)構(gòu)設(shè)計與布局搭配。設(shè)計者在進行網(wǎng)頁設(shè)計時要關(guān)注關(guān)鍵頁面的布局,比如主頁、信息頁面等。其他的頁面也需要根據(jù)布局進行信息和內(nèi)容上的調(diào)整。設(shè)計者在進行信息布局時應(yīng)了解視覺流原理,采用預(yù)留空間原則,為客戶提供最方便的閱讀方式,同時也方便后期的網(wǎng)站維護。信息布局過程中應(yīng)把即時信息與關(guān)鍵信息放在視覺中心,同時考慮固定信息與變化信息之間的平衡性。
在進行網(wǎng)頁設(shè)計時還需要考慮圖片多媒體頁面的大小與應(yīng)用。頁面的大小和顯示器的大小、分辨率有直接關(guān)系。因此,考慮到電子終端尺寸問題,設(shè)計者在進行網(wǎng)頁設(shè)計時需要考慮網(wǎng)頁顯示時針和終端、瀏覽器等之間的兼容性。網(wǎng)頁設(shè)計完成之后應(yīng)在不同終端設(shè)備與瀏覽器上進行調(diào)試,使不同媒體頁面顯示效果盡量一致。
綜合上述可以看出,網(wǎng)頁布局中用戶體驗觀念的體現(xiàn)主要是信息排版。因此,設(shè)計者要想讓頁面吸引人,給用戶留下深刻的印象就要把握好主次關(guān)系,使用戶能夠快速地找到所需要的信息。不過,網(wǎng)站本身還具有一定的獨特性,所以設(shè)計者還要關(guān)注網(wǎng)頁的打開速度。研究發(fā)現(xiàn),網(wǎng)頁打開速度超過20秒就沒有用戶愿意使用。
用戶打開網(wǎng)頁之后,其第一印象就是網(wǎng)頁的色彩搭配。所以,不管網(wǎng)站的設(shè)計多獨特、多個性化,功能使用多便捷,倘若網(wǎng)頁的色彩搭配不合理,使人產(chǎn)生不舒適的感覺,那么用戶都不會在同一個界面停留過多的時間。有研究發(fā)現(xiàn),彩色頁面和黑白色頁面相比,使用者對彩色頁面的記憶效果更好,這說明彩色頁面比黑白色頁面更容易吸引人。在常用的非顏色匹配上,灰色是一種主要顏色,能夠和其他顏色進行匹配,實現(xiàn)兩種不同顏色的和諧過渡。
網(wǎng)頁設(shè)計過程中都會使用一種顏色作為主色調(diào),主色調(diào)在整個頁面中要占有絕對的比例。提高網(wǎng)站的辨識度,增加用戶的親切感。生活中常見的,在顏色使用上如春節(jié)各大購物網(wǎng)站就會以紅色為主要色調(diào)。通常,網(wǎng)站的標(biāo)準顏色要控制在三個以內(nèi)。對網(wǎng)站設(shè)計者來說,首先要確定網(wǎng)站的主色調(diào)。主色調(diào)的選擇需要結(jié)合網(wǎng)站的服務(wù)對象、網(wǎng)站自身功能、傳達信息內(nèi)容等來進行。
輔助色在網(wǎng)頁設(shè)計中的占比很小,但是輔助色同樣非常重要,可以豐富頁面,給用戶帶來更好的視覺體驗。輔助色使用時要注意整個頁面的整體性,不能讓輔助色蓋過主色調(diào)。網(wǎng)頁的顏色匹配方法主要包括色差法、色調(diào)調(diào)整法和對比色匹配法。色差法就是主色與輔助色都在一個色相上,整個頁面給人一種一體化的整體感;色調(diào)調(diào)合則使用同一色調(diào)構(gòu)成的配合,整個頁面既給人一種整體性的視覺感,同也體現(xiàn)了不同顏色上的搭配;對比配色設(shè)計法使用范圍最廣,是一種通過色相、純度、明度的對比給用戶帶來視覺上的沖擊,更容易吸引用戶的注意。在對比配色設(shè)計時,只要合理配置不同顏色的比例頁面也會給人一種整體性的感覺。同時,要注意背景與不同信息內(nèi)容之間的顏色對比要大一些,這樣可以凸顯出文本信息。
由前文分析可知,用戶在進行信息處理、規(guī)劃與記憶細節(jié)等處理時其能力是有限的。在功能規(guī)劃時期,這些因素還會進一步對用戶的判斷產(chǎn)生干擾。因此,在進行頁面設(shè)計時,設(shè)計者往往會想,如果用戶需要某某功能。所以,很多設(shè)計者認為,網(wǎng)頁的功能越多,能力就越強。實際上,有超過60%的軟件功能沒有或者很少被使用。對沒有使用過的人來說,可能一些新奇的功能吸引力很強,但是很多客戶在使用產(chǎn)品之后,他們的重心就開始由功能轉(zhuǎn)向可用性。對用戶來說,他們的需求應(yīng)該是功能質(zhì)量上的改進,而不是功能數(shù)量上的增加。所以,可以刪除一些不必須的功能,簡化網(wǎng)頁功能項目。
網(wǎng)站設(shè)計者在進行功能刪除之后需要把可以滿足用戶需求的功能按照操作的難易程度進行排序。對于一些很少有用戶看的文字、口號等進行刪除;去除重合、相近的分項欄,讓用戶更好地區(qū)分主次信息;去除一些重復(fù)的鏈接,簡化頁面點擊項;簡化按鈕樣式,使用戶可以快速地分辨不同按鈕的功能與意義;減少不必要的廣告數(shù)量,避免廣告過多讓用戶產(chǎn)生厭倦與不耐煩;闡述容易讓用戶分散注意力的元素,例如一些可有可無的分割線等。簡化后的頁面更容易被用戶接納和喜愛。
以購物網(wǎng)站為例,在進行購物網(wǎng)站頁面瀏覽時,我們會發(fā)現(xiàn)網(wǎng)頁的頂部與底部通常都會有一些導(dǎo)航鏈接,這些導(dǎo)航鏈接的存在實際上會分散用戶的注意力。對于一些已經(jīng)打算購買或者搖擺不定的客戶來說,這些鏈接的存在意味著他們可以有更多的選擇,此時客戶就會猶豫或者轉(zhuǎn)而瀏覽導(dǎo)航鏈接,延長了客戶的購買決策時間,增加了購買決策的變動性。不過,在進行頁面刪除時,也不能刪除過多,否則同樣會影響客戶的使用體驗。對客戶來說,他們也希望自己有更多的掌握權(quán),單一的選擇容易讓客戶產(chǎn)生被支配的感覺,同樣不利于用戶體驗的提升。很多心理學(xué)家認為,人的瞬時存儲空間只有4個左右的項,因此在進行頁面設(shè)計時要注意分塊的控制。網(wǎng)頁界面細節(jié)過多也會影響用戶的閱讀體驗,分散用戶閱讀注意力。
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,Web技術(shù)也從靜態(tài)發(fā)展到動態(tài),發(fā)展到現(xiàn)在的Web3.0時代。Web3.0通過每位用戶探索求知的力量將知識有機的組織聯(lián)系起來,實現(xiàn)知識深化,激發(fā)新的思維和靈感,以用戶為中心,強調(diào)網(wǎng)絡(luò)的對等性,具有更好的交互性。設(shè)計師在進行網(wǎng)站設(shè)計時要重視Web3.0技術(shù)的優(yōu)越性,重視用戶體驗,通過良好的用戶體驗來提高用戶的粘度,促進企業(yè)健康、可持續(xù)發(fā)展。