隨著(zhù)信息化的深入,網(wǎng)頁(yè)成為人們?yōu)g覽信息、獲取信息、放眼世界的主要窗口之一。在傳統網(wǎng)頁(yè)的界面設計中,人們認為網(wǎng)頁(yè)界面設計就是美工,而美工就是單純對網(wǎng)頁(yè)進(jìn)行裝飾。隨著(zhù)網(wǎng)絡(luò )技術(shù)的發(fā)展與普及,網(wǎng)頁(yè)界面設計的技術(shù)在不斷的進(jìn)步,設計的理念也在不斷的更新,網(wǎng)頁(yè)界面設計不再是單純的視覺(jué)設計,而是將視覺(jué)設計與人的行為習慣、生活方式、心理體驗等結合在一起的設計,基于用戶(hù)體驗的網(wǎng)頁(yè)UI設計是當前研究的熱點(diǎn)。
一、網(wǎng)頁(yè)UI設計及用戶(hù)體驗
UI即User Interface(用戶(hù)界面)的簡(jiǎn)稱(chēng),指對軟件的人機交互、操作邏輯、界面美觀(guān)的整體設計。網(wǎng)頁(yè)UI設計用戶(hù)體驗(UserExperience,簡(jiǎn)稱(chēng)UE)則是一種純主觀(guān)在用戶(hù)使用產(chǎn)品過(guò)程中建立起來(lái)的感受。由于生活習慣、文化背景、行為方式及心理體驗等不同,用戶(hù)體驗產(chǎn)品時(shí)會(huì )有不同的感受,一個(gè)好的UI設計要能充分滿(mǎn)足大眾的需求,使用戶(hù)在體驗過(guò)程中都能心情愉悅、操作流暢、交互高效。
就網(wǎng)頁(yè)UI設計而言,用戶(hù)瀏覽網(wǎng)頁(yè)的需求是什么?抽象出來(lái)可以歸納為兩點(diǎn):一瀏覽信息,二操作數據。這里的數據是指在數據庫中躺著(zhù)的數據,用戶(hù)在單純?yōu)g覽信息時(shí),不會(huì )對頁(yè)面背后的“數據”造成任何操作,但用戶(hù)進(jìn)行點(diǎn)擊鏈接、跳轉頁(yè)面和處理信息時(shí),就要和頁(yè)面背后的數據進(jìn)行交互。所以,在做網(wǎng)頁(yè)UI設計時(shí)候主要滿(mǎn)足于用戶(hù)的這兩方面的需求,第一是用戶(hù)在瀏覽信息時(shí)候,要有一個(gè)賞心悅目的界面,即網(wǎng)頁(yè)界面的視覺(jué)設計要美觀(guān)。第二是用戶(hù)在操作數據時(shí)候要高效,即網(wǎng)頁(yè)界面的交互設計靈活。
二、網(wǎng)頁(yè)界面視覺(jué)設計
愛(ài)美之心人皆有之,漂亮的網(wǎng)頁(yè)界面能吸引瀏覽者的眼球、提高網(wǎng)頁(yè)的瀏覽量。傳統網(wǎng)頁(yè)美工設計,更注重網(wǎng)頁(yè)的布局以及網(wǎng)頁(yè)的顏色搭配,換言之,就是重在設計網(wǎng)頁(yè)平面效果圖和以及對網(wǎng)頁(yè)進(jìn)行裝飾。隨著(zhù)人們生活節奏的加快,快餐文化日漸豐富,僅靠傳統網(wǎng)頁(yè)美工已不能適應當今網(wǎng)頁(yè)發(fā)展的需要。那么,如何讓你的網(wǎng)站跟上時(shí)代的步伐,滿(mǎn)足當今用戶(hù)的需求呢?
從用戶(hù)體驗出發(fā):什么東西能讓我們從電腦屏幕上看到接近于現實(shí)世界的東西?是視覺(jué)吸引,視覺(jué)吸引是非常有效的提示工具,通常在用戶(hù)第一次打開(kāi)某個(gè)應用,或進(jìn)入某個(gè)新的界面時(shí)出現。簡(jiǎn)單的視覺(jué)吸引能扭轉乾坤,把令人沮喪萬(wàn)分的第一次使用經(jīng)歷變成滿(mǎn)意的產(chǎn)品使用體驗。^[1]常見(jiàn)的網(wǎng)頁(yè)視覺(jué)吸引的模式:
1.對話(huà)框
這是最常見(jiàn)的視覺(jué)吸引模式,它是網(wǎng)頁(yè)中一種次要窗口,包含按鈕和各種選項,通過(guò)它可以完成特定命令或任務(wù)。
2.提示
提示指給予相應的提醒、明示和解釋,它可以出現在網(wǎng)頁(yè)中的任何位置,比對話(huà)框更能融入到網(wǎng)頁(yè)的應用情景。
3.使用導航
導航是網(wǎng)頁(yè)布局中最重要的元素之一,是網(wǎng)頁(yè)主要內容的提煉,是網(wǎng)站的框架更是網(wǎng)站信息的分類(lèi),直觀(guān)漂亮的導航能吸引用戶(hù)的操作。
4.視頻演示
將視頻嵌入到網(wǎng)頁(yè)當中,通過(guò)視頻形象直觀(guān)的畫(huà)面來(lái)吸引瀏覽者。在進(jìn)行視頻嵌入設計時(shí),為了便于用戶(hù)的操作,一般要提供常見(jiàn)的視頻控制選項(停止、暫停、音量控制等)。
5.首次使用引導
用戶(hù)首次使用網(wǎng)頁(yè)或是網(wǎng)頁(yè)界面中的某些操作時(shí)候,提供適當的引導,幫助用戶(hù)進(jìn)入操作界面,比如說(shuō)利用圖像或是其他視覺(jué)線(xiàn)索來(lái)引導用戶(hù)使用。
6.持續視覺(jué)吸引
持續視覺(jué)吸引設計,主要是將一些網(wǎng)頁(yè)元素進(jìn)行有別于其他網(wǎng)頁(yè)元素的設計(比如說(shuō),通過(guò)字體的大小、顏色區別開(kāi)來(lái)),并將這些元素一直保持在網(wǎng)頁(yè)中,通過(guò)持續的視覺(jué)刺激來(lái)吸引用戶(hù)。
7.可發(fā)現的視覺(jué)吸引
可發(fā)現的視覺(jué)吸引是一種在保持頁(yè)面簡(jiǎn)潔的前提下,用戶(hù)通過(guò)執行特定交互操作的方法(如點(diǎn)擊和滑動(dòng)等),就能看到頁(yè)面中某些隱藏的元素。如比較常見(jiàn)的視覺(jué)吸引模式是鼓勵用戶(hù)刷新數據的提示。
三、網(wǎng)頁(yè)界面交互設計
“交互”是人與機器之間的相互作用。良好的交互能保持或是激發(fā)用戶(hù)使用網(wǎng)站的興趣,傳統的網(wǎng)頁(yè)交互設計重在技術(shù)上關(guān)注人機之間的交互,忽視了人機之間“情感”交互。發(fā)揮設計中人的情感體驗作用,使設計更具有人性化的自由,滿(mǎn)足審美的追求,這不僅需要交互技術(shù),更需要交互藝術(shù)。所以,從用戶(hù)體驗出發(fā),來(lái)進(jìn)行網(wǎng)頁(yè)界面的交互設計。
1.交互技術(shù)
人機之間信息交互的有效性主要取決于交互技術(shù)。好的交互主要包括兩方面:
(1)時(shí)效性
如今生活節奏的加快,人們更注重時(shí)效性,在人機交互過(guò)程中,如果交互不及時(shí),瀏覽者就會(huì )厭煩甚至放棄瀏覽該信息,有網(wǎng)絡(luò )調查研究表明,用戶(hù)打開(kāi)網(wǎng)頁(yè)等待的時(shí)間最長(cháng)為五秒,如果五秒之后沒(méi)有任何的反饋信息,用戶(hù)一般會(huì )放棄該網(wǎng)頁(yè)的操作。所以,在進(jìn)行網(wǎng)頁(yè)界面設計時(shí),要考慮到受眾的心理,在提高交互速度的同時(shí),也要為用戶(hù)在等待交互過(guò)程中提供相關(guān)的信息,減少用戶(hù)的疑惑以及焦慮。比如在用戶(hù)等待操作時(shí)的,提供操作成功與否的信息或是提供操作成功的數據量和剩余所需等待的時(shí)間等。
(2)直觀(guān)性
簡(jiǎn)單直觀(guān)的交互能幫助用戶(hù)快速完成任務(wù),繁瑣的交互會(huì )增加用戶(hù)操作和思考的時(shí)間,也會(huì )引起用戶(hù)心理上的厭倦。在進(jìn)行交互設計時(shí),反饋回來(lái)的信息要直接明了,因為在操作過(guò)程中用戶(hù)都喜歡被告訴怎么做,而不喜歡去思考如何做。同時(shí),交互設計要減少干擾,讓用戶(hù)的操作能更順暢。
2.交互藝術(shù)
交互發(fā)生取決于交互技術(shù),交互持續取決于交互藝術(shù)。交互藝術(shù),是指運用一定的創(chuàng )意,使用戶(hù)在體驗交互的過(guò)程中,能沉浸其中,并保持愉悅的心情。在交互設計中,運用藝術(shù)表現形式,改變傳統媒體的線(xiàn)性秩序敘事方式,強調觀(guān)眾的積極性和能動(dòng)性,引導用戶(hù)更好地進(jìn)行交互操作,達到人機交互的自然、和諧。