用戶(hù)體驗是主觀(guān)存在的, 它是用戶(hù)在使用產(chǎn)品的過(guò)程中的感受。目的就是通過(guò)用戶(hù)能夠接受并且喜愛(ài)的互動(dòng)方式與之進(jìn)行互動(dòng)。用戶(hù)體驗這一概念是在二十世紀九十年代中期廣泛被認知的。這其中, 以上手的難易程度、產(chǎn)品的可用度、產(chǎn)品自身的吸引力和友好度等幾個(gè)方面為研究對象的方法被多數學(xué)者所采用。
廣泛的客戶(hù)群眾存在個(gè)體的差異性, 為了滿(mǎn)足客戶(hù)大眾的多樣化需求, 就要在網(wǎng)站的服務(wù)設計上下足功夫。舉例來(lái)說(shuō), 瀏覽和使用網(wǎng)購類(lèi)網(wǎng)站的客戶(hù)多半會(huì )選擇自主查找其中意的商品, 而在查找遇到問(wèn)題或者為了節省時(shí)間時(shí), 客戶(hù)會(huì )考慮聯(lián)系客服進(jìn)行付款。因此, 針對這類(lèi)客戶(hù), 要在網(wǎng)站設計時(shí)設計完整的查找和支付程序, 為客戶(hù)提供更為便捷的服務(wù)。這僅僅需要網(wǎng)站具有鮮明的層次、強大的數據庫、擁有即時(shí)通訊和線(xiàn)上服務(wù)就可以滿(mǎn)足。
一、網(wǎng)頁(yè)界面設計
隨著(zhù)網(wǎng)絡(luò )的逐漸普及, 網(wǎng)絡(luò )界面設計應運而生, 其中包括了語(yǔ)言學(xué)、視覺(jué)設計美學(xué)、消費心理學(xué)等諸多學(xué)科的知識。網(wǎng)頁(yè)界面設計在心理學(xué)方面可以分為情感和感覺(jué)兩個(gè)層次;在技術(shù)上具有多媒體、視覺(jué)化和數字化的特征;在傳播方面它擁有互換性、廣泛性、多元化和個(gè)性化等特征。由于網(wǎng)頁(yè)設計的媒介具有一定的特殊性, 因此它不僅具有平面設計的一般特征, 而且其自身也有著(zhù)別具一格的設計特性。對于網(wǎng)頁(yè)界面設計來(lái)說(shuō), 它是一項系統性的工作, 需要結合各方面的需求來(lái)進(jìn)行設計, 因此考慮的因素也是多方面的, 同時(shí)也考驗設計師的綜合素養, 其設計要求復雜而多樣。能做好讓不同群里都滿(mǎn)意的界面效果, 是一件很不容易的事情。
二、網(wǎng)頁(yè)中的視覺(jué)傳達
1. 把握網(wǎng)頁(yè)視覺(jué)運動(dòng)規律
因為客戶(hù)閱讀習慣的不同, 在進(jìn)行網(wǎng)頁(yè)設計時(shí)要著(zhù)重考慮, 有的用戶(hù)習慣于從左往右閱讀, 而有的用戶(hù)習慣由上到下的順序來(lái)進(jìn)行閱讀, 或者是由明到暗、由動(dòng)到靜的順序。這些閱讀習慣與用戶(hù)的認知過(guò)程的心里順序、邏輯思維習慣和數學(xué)生理特征有很大的關(guān)系。通過(guò)對特定用戶(hù)群體的視覺(jué)運動(dòng)規律進(jìn)行研究, 可以幫助我們設計更好地規劃瀏覽頁(yè)面的軌跡, 以便于形成帶動(dòng)性的視覺(jué)導向。
2. 尋找視覺(jué)的興奮點(diǎn)
瀏覽網(wǎng)頁(yè)的興奮點(diǎn)就是能夠讓客戶(hù)長(cháng)時(shí)間停留并足以引起興趣、情感的心理共鳴的內容。通常情況下這些興奮點(diǎn)都具有形式獨特、顏色明快的特點(diǎn), 和周?chē)脑啬軌蛐纬珊艽蟮姆床? 能給用戶(hù)起到暗示的作用。
3. 體會(huì )網(wǎng)頁(yè)空間布局的視覺(jué)變化
一般來(lái)說(shuō), 網(wǎng)頁(yè)頁(yè)面視覺(jué)是否平衡與頁(yè)面的區域顏色、興奮點(diǎn), 線(xiàn)條差異和圖案虛實(shí)有著(zhù)直接聯(lián)系, 給用戶(hù)帶來(lái)或重或輕的視覺(jué)感受。研究發(fā)現同一平面中上側和左側給人的感覺(jué)比左側和下側要好很多, 因此最佳的視覺(jué)區域就處于網(wǎng)頁(yè)的中心和上側的位置, 通常情況下網(wǎng)頁(yè)中的重要信息和視覺(jué)的興奮點(diǎn)都會(huì )位于這個(gè)區域。
4. 揣摩網(wǎng)頁(yè)色彩應用的心理感受
通常情況下任何一種色彩都會(huì )通過(guò)聯(lián)想的作用使用戶(hù)產(chǎn)生情感和心理上的變化, 因為生活中實(shí)踐活動(dòng)的視覺(jué)影像的積累, 人們往往會(huì )將所認知的事物與之前腦海中的視覺(jué)影像進(jìn)行對比, 產(chǎn)生聯(lián)想性的效果, 使得抽象的事物轉為更為生動(dòng)的形象。
三、將視覺(jué)傳達應用于網(wǎng)頁(yè)界面設計中
1. 布局網(wǎng)頁(yè)界面的策略
(1) 布局的基礎元素
細數來(lái)看, 網(wǎng)頁(yè)設計作為平面設計的分支之一, 其構成元素同樣包含平面設計的點(diǎn)、線(xiàn)、面這三個(gè)方面。而為了方便布局網(wǎng)頁(yè)頁(yè)面, 就要處理好這三方面的關(guān)系, 保證其能夠通過(guò)合理的組合表達出一定的美感。
(2) 界面空白
在網(wǎng)頁(yè)界面設計中網(wǎng)頁(yè)界面的空白也是其中非常重要的一部分, 它通常會(huì )對用戶(hù)的視覺(jué)軌跡進(jìn)行引導, 使其能夠根據設計者預期的視覺(jué)移動(dòng)流程來(lái)進(jìn)行移動(dòng)。而且充分運用空白還能夠使用戶(hù)的視線(xiàn)在兩個(gè)要素之間轉換時(shí)的界面更具有節奏感和韻律感, 使用戶(hù)的閱讀環(huán)境變得更加輕松, 防止出現視覺(jué)疲勞情況, 與此同時(shí)也大大提高了網(wǎng)頁(yè)的品質(zhì)。
同時(shí), 空白的設計又顯得十分奢侈, 但是過(guò)于追求簡(jiǎn)約形象而應用空白的話(huà)就會(huì )大大降低空白的表現力, 這不僅無(wú)法達到預期的效果, 而且還會(huì )造成網(wǎng)頁(yè)版面得浪費。例如Apple的頁(yè)面雖然看起來(lái)十分簡(jiǎn)約, 但是其留白凸顯了產(chǎn)品的奢華。
(3) 界面內容
如果我們在版面中加入太多文字的話(huà)就會(huì )讓人覺(jué)得十分枯燥。但是如果我們把內容通過(guò)細致的分類(lèi)輔之以圖片和視頻加以突出, 就會(huì )給用戶(hù)帶來(lái)一種圖文并茂形象生動(dòng)的感覺(jué)。所以, 設計網(wǎng)頁(yè)界面的過(guò)程中, 既要利用清晰明亮的圖片來(lái)點(diǎn)綴, 也要確保文字的內容可以讓用戶(hù)直接理解。
(4) 界面版式設計
對于界面的版式設計來(lái)說(shuō), 可以較多參考傳統的讀物設計, 因為二者存在較多的共同點(diǎn), 版式都是呈現信息的核心部分, 處于關(guān)鍵地位。不同于此, 印刷品的設計有著(zhù)統一的規格和尺寸, 而網(wǎng)頁(yè)設計不必拘泥于此, 并且其組織結構方面也與印刷品有著(zhù)很大的不同, 網(wǎng)頁(yè)設計以流通窗口的形式, 在結合文字、圖片、廣告這三要素的基礎之上進(jìn)行設計環(huán)節。在此設計環(huán)節中, 需要遵循以下幾個(gè)原則:
妝點(diǎn)性:采用比喻、夸張和形象的方法, 把點(diǎn)、線(xiàn)、面重新排列整合, 利用其多樣性變化妝點(diǎn)文字、色彩和圖形, 進(jìn)而體現出網(wǎng)頁(yè)設計的美感。
統一性:這是為了降低信息編碼使用的符號的復雜性而需要注意的一點(diǎn)。因為符號解讀的難度會(huì )占用客戶(hù)較多的時(shí)間, 所以單純簡(jiǎn)約的網(wǎng)頁(yè)版式時(shí)用戶(hù)所需要的, 在信息排版之前可以先將其濃縮提煉。
趣味性:要想使頁(yè)面變得更加誘惑力我們就需要使其具有趣味性, 不僅可以使得網(wǎng)頁(yè)給用戶(hù)帶來(lái)更為人性化的體驗, 也能夠體現網(wǎng)頁(yè)令人印象深刻的部分。
2. 合理搭配界面的色彩
色彩對用戶(hù)的視覺(jué)沖擊是網(wǎng)頁(yè)界面中最關(guān)鍵的部分。通常來(lái)說(shuō), 用戶(hù)在瀏覽網(wǎng)頁(yè)時(shí)關(guān)注的重點(diǎn)并非版式的設計, 而是網(wǎng)頁(yè)對色彩的搭配, 因為只有搭配合理, 色彩獨特的網(wǎng)頁(yè)才會(huì )給用戶(hù)留下深刻的印象。但是目前來(lái)看, 網(wǎng)頁(yè)色彩的搭配成為困擾網(wǎng)頁(yè)設計人員最重要的難題, 這是因為布局巧妙的網(wǎng)頁(yè)離不開(kāi)色彩的點(diǎn)綴, 而色彩如何合理運用是體現網(wǎng)頁(yè)觀(guān)賞性、有效性和舒適性的重要方面。
(1) 細數色彩搭配的原則
完整性;網(wǎng)站設計的完整性是合理完成頁(yè)面布局的關(guān)鍵, 統一的色彩會(huì )使得頁(yè)面更具層次感和整體感, 讓頁(yè)面帶給用戶(hù)和諧的瀏覽體驗。
獨特性:我們在進(jìn)行配色時(shí)不要只局限于那些傳統的網(wǎng)頁(yè)配色, 而應更多考慮時(shí)下最為流行的色彩, 并且大膽嘗試使用獨特的配色, 為用戶(hù)留下深刻的印象。
(2) 巧用色彩搭配的策略
主色調的突出:因為主色調有著(zhù)最為顯著(zhù)的表現, 這在網(wǎng)頁(yè)上表現為主色調占據最多的頁(yè)面面積, 而關(guān)于主色調的選擇, 最好是只選擇一種加以突出, 防止因為選擇多個(gè)主色調而使得頁(yè)面主次不清和無(wú)視覺(jué)重點(diǎn)情況的發(fā)生。
輔助色的點(diǎn)綴:我們所說(shuō)的輔助色就是與主色顏色相似將其用在主色之外頁(yè)面的顏色, 它不僅可以起到強調和緩沖的作用, 還可以讓界面變得更加和諧。