- 相關(guān)推薦
網(wǎng)站UI設(shè)計(jì)和用戶(hù)體驗(yàn)的關(guān)系
在網(wǎng)站設(shè)計(jì)中是即要從用戶(hù)的角度，架構(gòu)和設(shè)計(jì)網(wǎng)站滿(mǎn)足用戶(hù)需求，下面是小編搜集整理的一篇關(guān)于網(wǎng)站UI設(shè)計(jì)和用戶(hù)體驗(yàn)的關(guān)系探討的論文范文，歡迎閱讀借鑒。
在 HTML5與 CSS3技術(shù)正在網(wǎng)絡(luò)環(huán)境下空前發(fā)展之時(shí),它無(wú)疑給網(wǎng)站設(shè)計(jì)帶來(lái)了更新鮮的交互體驗(yàn)。對(duì)于一個(gè)成功的網(wǎng)站而言,能夠吸引用戶(hù),用戶(hù)可以更舒適的使用與消費(fèi)是其最終目標(biāo)。從某種層面上來(lái)說(shuō),技術(shù)帶來(lái)的新鮮功能比視覺(jué)吸引力更為重要,但是技術(shù)性并不能超越用戶(hù)體驗(yàn),任何一種偉大的技術(shù)都是為用戶(hù)的易用與體驗(yàn)順暢而服務(wù)的。網(wǎng)頁(yè)中的 UI設(shè)計(jì)作為用戶(hù)體驗(yàn)的一部分,能夠使用戶(hù)在視覺(jué)上產(chǎn)生愉悅感起到了重要的作用。設(shè)計(jì)一款易用與賞心悅目的網(wǎng)頁(yè),可以吸引用戶(hù)更喜歡瀏覽網(wǎng)站,參與網(wǎng)站活動(dòng)并獲得網(wǎng)站的信息,例如參與社交活動(dòng)、進(jìn)行消費(fèi)行為等。當(dāng)網(wǎng)站設(shè)計(jì)中的易用性與視覺(jué)美感得到用戶(hù)滿(mǎn)足時(shí),將大大提升網(wǎng)站的用戶(hù)體驗(yàn)。
1、關(guān)于網(wǎng)站的用戶(hù)體驗(yàn)
網(wǎng)站中的用戶(hù)體驗(yàn)強(qiáng)調(diào)網(wǎng)站的可用性與視覺(jué)感受,包括功能、內(nèi)容、形式等因素,這些因素共同組成了用戶(hù)體驗(yàn),是相互聯(lián)系的統(tǒng)一體。在眾多的影響用戶(hù)體驗(yàn)的因素中,產(chǎn)品的“可用性”是一個(gè)至關(guān)重要的因素。國(guó)際標(biāo)準(zhǔn)中認(rèn)為可用性是涉及容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶(hù)滿(mǎn)意,以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對(duì)特定目標(biāo)的評(píng)價(jià)。在網(wǎng)站設(shè)計(jì)中是即要從用戶(hù)的角度,架構(gòu)和設(shè)計(jì)網(wǎng)站,還要看到用戶(hù)的需要,滿(mǎn)足用戶(hù)需求。網(wǎng)站設(shè)計(jì)是將用戶(hù)引入到設(shè)計(jì)當(dāng)中,把獲取網(wǎng)站的信息、消費(fèi)產(chǎn)品作為美好體驗(yàn)的過(guò)程。
(1)網(wǎng)站體驗(yàn)。根據(jù)網(wǎng)站設(shè)計(jì)的最終目標(biāo)可以把網(wǎng)站分為三個(gè)方面:網(wǎng)站外觀、用戶(hù)行為、服務(wù)力度。用戶(hù)對(duì)一個(gè)產(chǎn)品的體驗(yàn)是遞進(jìn)的,首先是當(dāng)用戶(hù)進(jìn)入網(wǎng)站時(shí)視覺(jué)感受如何,有一個(gè)大概的基礎(chǔ)印象,如果網(wǎng)站中 UI的設(shè)計(jì)第一感覺(jué)看上去不能迎合用戶(hù)的期望很可能會(huì)放棄繼續(xù)瀏覽網(wǎng)站。其次是行為,也就是網(wǎng)站的可用性與易用性,使用的感覺(jué)如何,如果在使用過(guò)程中遇到阻力在某種程度上會(huì)對(duì)交互行為產(chǎn)生很大的影響。最后是服務(wù)力度,當(dāng)用戶(hù)使用一個(gè)網(wǎng)站尤其是電商網(wǎng)站,主要產(chǎn)生的就是消費(fèi)行為,網(wǎng)站的售后服務(wù)在用戶(hù)體驗(yàn)中顯得極為重要,售后服務(wù)的質(zhì)量直接影響到用戶(hù)的心理感受。
(2)用戶(hù)行為。網(wǎng)站的類(lèi)型不同,目標(biāo)用戶(hù)也會(huì)有所不同,如男性、女性、青少年、兒童等。根據(jù)自身網(wǎng)站的定位去確定用戶(hù)群,比如汽車(chē)網(wǎng)站的用戶(hù)主要以男性為主。從用戶(hù)心理的角度看,首先網(wǎng)站的設(shè)計(jì)在于能夠把用戶(hù)的注意力集中在網(wǎng)站推廣的產(chǎn)品、信息上,可以按照自身的主觀意愿進(jìn)行操作,不需要有過(guò)多的思考過(guò)程,不需要理解網(wǎng)站結(jié)構(gòu),圖標(biāo)含義,以及導(dǎo)航在哪。其次用戶(hù)不必花費(fèi)太多的學(xué)習(xí)成本,操作與理解出錯(cuò)較少,簡(jiǎn)單的操作動(dòng)作與操作習(xí)慣是好的體驗(yàn)的基本。對(duì)于一個(gè)網(wǎng)站的體驗(yàn)而言最好的方法就是按照用戶(hù)所想的那樣去設(shè)計(jì)。
(3)設(shè)計(jì)師因素。對(duì)于按照網(wǎng)站工作內(nèi)容的來(lái)劃分可以有視覺(jué)設(shè)計(jì)師、交互設(shè)計(jì)師和程序工程設(shè)計(jì)師。視覺(jué)設(shè)計(jì)師需要考慮的是網(wǎng)頁(yè)設(shè)計(jì)與創(chuàng)意是否符合用戶(hù)的審美需求,網(wǎng)站從外觀看起來(lái)直接對(duì)用戶(hù)產(chǎn)生的感受。交互設(shè)計(jì)師負(fù)責(zé)的是網(wǎng)站與用戶(hù)之間的交互行為,在此過(guò)程中用戶(hù)能否順利的完成整個(gè)體驗(yàn)過(guò)程。程序工程師決定網(wǎng)站的功能與技術(shù)支持,是否能夠保證網(wǎng)站正常運(yùn)行,不影響用戶(hù)的使用。
2、UI設(shè)計(jì)與體驗(yàn)的關(guān)系
UI即用戶(hù)界面,是系統(tǒng)和用戶(hù)之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類(lèi)可以接受形式之間的轉(zhuǎn)換。對(duì)于工業(yè)設(shè)計(jì)領(lǐng)域中的人機(jī)交互設(shè)計(jì)就是指人和機(jī)器之間發(fā)生交互的時(shí)候能夠高效率、舒適的對(duì)機(jī)器進(jìn)行操控,在操作者需要對(duì)機(jī)器的操作做出決定的同時(shí)也能夠幫助機(jī)器快速的給用戶(hù)以反饋。
(1)網(wǎng)頁(yè)中的 UI設(shè)計(jì)。網(wǎng)站中的 UI設(shè)計(jì)體現(xiàn)在用戶(hù)與網(wǎng)站之間的交互與網(wǎng)頁(yè)設(shè)計(jì)。從用戶(hù)界面的角度來(lái)看,網(wǎng)頁(yè)的 UI設(shè)計(jì)與網(wǎng)頁(yè)的視覺(jué)效果、風(fēng)格等密切相關(guān),不僅具有審美價(jià)值,也體現(xiàn)著人文關(guān)懷,無(wú)論從人的閱讀習(xí)慣還是操作行為都具有以人為本的理念。當(dāng)然對(duì)于一個(gè)網(wǎng)站而言,用戶(hù)所體驗(yàn)的并不僅僅是審美與功能的設(shè)計(jì)。通常是包含功能與形式得到最協(xié)調(diào)的平衡,為整個(gè)網(wǎng)站的目標(biāo)而服務(wù),這樣會(huì)拉近用戶(hù)與網(wǎng)站之間的距離,賞心悅目的外觀與強(qiáng)大的功能是否配合得當(dāng),成為用戶(hù)體驗(yàn)的一個(gè)檢驗(yàn)標(biāo)準(zhǔn),用戶(hù)使用網(wǎng)站月輕松,其滿(mǎn)意度就越高,交互過(guò)程就越順暢。
1)頁(yè)面布局。合理的網(wǎng)頁(yè)布局有助于用戶(hù)瀏覽、理解網(wǎng)頁(yè)信息,尤其是對(duì)于像搜狐、新浪等門(mén)戶(hù)網(wǎng)站而言是至關(guān)重要的,怎樣能夠使用戶(hù)在眾多的信息中發(fā)現(xiàn)需要的那一個(gè)。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí),要以?xún)?nèi)容為主,將信息按照區(qū)塊合理分布,做好重點(diǎn)強(qiáng)調(diào)和細(xì)部的處理。
2)風(fēng)格和主題。網(wǎng)頁(yè)視覺(jué)信息風(fēng)格的確立是信息過(guò)渡到形式的關(guān)鍵,視覺(jué)設(shè)計(jì)師依據(jù)網(wǎng)站的內(nèi)容而產(chǎn)生的,通過(guò)顏色、圖像、文字等視覺(jué)元素來(lái)表達(dá)。例如電子商務(wù)網(wǎng)站更加追求信息化和數(shù)字感,好看的設(shè)計(jì)可能不如實(shí)際的數(shù)據(jù)更有吸引力。這種網(wǎng)站的功能比較繁多,例如當(dāng)當(dāng)網(wǎng)、淘寶,產(chǎn)品的分類(lèi)清晰的體現(xiàn)了潛在的用戶(hù)群,可以更有效的產(chǎn)生互動(dòng)實(shí)現(xiàn)消費(fèi)。
3)網(wǎng)頁(yè)視覺(jué)元素。網(wǎng)站的外觀主要體現(xiàn)在網(wǎng)頁(yè)上的視覺(jué)元素,網(wǎng)頁(yè)的色彩、圖形、文字之間的構(gòu)成關(guān)系會(huì)對(duì)用戶(hù)產(chǎn)生一定的心理影響,這種影響既體現(xiàn)在各元素位置、大小的變化,又體現(xiàn)在空間虛實(shí)關(guān)系上。色彩作為人類(lèi)表達(dá)情感的元素之一,往往能在用戶(hù)瀏覽網(wǎng)站時(shí)留下第一印象。圖形在用戶(hù)獲取信息過(guò)程中可以很好的實(shí)現(xiàn)傳達(dá)與引導(dǎo)的作用。文字作為網(wǎng)站主要傳達(dá)信息的手段,有著不可替的作用,無(wú)論從標(biāo)題文字還是到頁(yè)面內(nèi)容,都能做到準(zhǔn)確詳細(xì)的傳遞。
(2)UI設(shè)計(jì)與用戶(hù)的關(guān)系。網(wǎng)頁(yè)設(shè)計(jì)的美感與體驗(yàn)與用戶(hù)息息相關(guān),UI設(shè)計(jì)既要在用戶(hù)的角度設(shè)計(jì)視覺(jué)效果,又要研究用戶(hù)的思維習(xí)慣,在網(wǎng)頁(yè)設(shè)計(jì)中直接體現(xiàn)在顏色、版面布局、圖形、文字當(dāng)中,引導(dǎo)并影響用戶(hù)獲取信息。網(wǎng)頁(yè)設(shè)計(jì)不僅僅是將頁(yè)面做的華麗,還是為了讓人們能夠通過(guò)對(duì)界面的中的視覺(jué)元素引導(dǎo)和迎合用戶(hù)完成整個(gè)操作,而不是純粹追求創(chuàng)造視覺(jué)效果。從根本上來(lái)講,一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該擁有清晰的信息呈現(xiàn),能夠很好的引導(dǎo)用戶(hù)去完成網(wǎng)站的任務(wù)。當(dāng)我們?cè)O(shè)計(jì)一個(gè)用戶(hù)界面的時(shí)候一定要考慮到用戶(hù)界面的適用性,它需要考慮用戶(hù)的年齡、生活習(xí)慣,并且最終實(shí)現(xiàn)為用戶(hù)的使用而設(shè)計(jì),這是一個(gè)理性的設(shè)計(jì)過(guò)程。所以 UI設(shè)計(jì)要和用戶(hù)研究緊密結(jié)合,去主動(dòng)考慮用戶(hù)的感受與需求。
結(jié)論
綜上所述,在這個(gè)以用戶(hù)為中心的數(shù)字化時(shí)代,網(wǎng)站設(shè)計(jì)的用戶(hù)體驗(yàn)將變得越發(fā)重要,無(wú)論從用戶(hù)的可用性還是網(wǎng)站的 UI設(shè)計(jì)都將深深的影響著用戶(hù)的操作與體驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)中的 UI設(shè)計(jì)的審美價(jià)值是影響網(wǎng)頁(yè)可讀性的一個(gè)重要因素。合理的UI設(shè)計(jì)會(huì)使用戶(hù)在享受網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的同時(shí)愉快的體驗(yàn)整個(gè)使用過(guò)程,必然增加網(wǎng)站的吸引力,促使用戶(hù)去閱讀,去消費(fèi)。一個(gè)布局散亂、風(fēng)格各異的界面會(huì)影響用戶(hù)去點(diǎn)擊和消費(fèi)的欲望。以用戶(hù)為中心的 UI設(shè)計(jì)時(shí)網(wǎng)站設(shè)計(jì)的核心,這也是未來(lái)各種平臺(tái)產(chǎn)品設(shè)計(jì)的趨勢(shì)。
參考文獻(xiàn)
[1]胡飛.聚焦用戶(hù) UCD觀念與實(shí)務(wù)[M].中國(guó)建筑工業(yè)出版社,2009.
[2]Ben Shneiderman,Catherine Plaisant(美).張國(guó)印,李健利,等,譯.電子工業(yè)出版社,2009.
[3]Smashing Magazine(德).陳宗斌,譯,人民郵電出版社,2012.。
【網(wǎng)站UI設(shè)計(jì)和用戶(hù)體驗(yàn)的關(guān)系】相關(guān)文章：
電子商務(wù)網(wǎng)站用戶(hù)體驗(yàn)設(shè)計(jì)思考06-01
網(wǎng)站界面的功能介紹及UI設(shè)計(jì)06-04
移動(dòng)互聯(lián)網(wǎng)產(chǎn)品用戶(hù)的特點(diǎn)及其體驗(yàn)設(shè)計(jì)推薦07-02
電子商務(wù)網(wǎng)站的用戶(hù)治理模式研究10-06
論動(dòng)畫(huà)中動(dòng)作設(shè)計(jì)和時(shí)間的關(guān)系探索07-10
電子商務(wù)網(wǎng)站的用戶(hù)管理模式比較論文10-03
藝術(shù)觀察和審美體驗(yàn)09-26