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