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