企業(yè)網(wǎng)站設(shè)計(jì)用戶體驗(yàn)式網(wǎng)頁(yè)編排設(shè)計(jì)

發(fā)布：2019-03-07 12:47:08 瀏覽：5147

當(dāng)今,人們的生活無(wú)處不充斥著數(shù)字信息的元素,瀏覽網(wǎng)頁(yè)成為生活中必不可少的行為習(xí)慣之一。從某種意義上來(lái)說(shuō)網(wǎng)頁(yè)編排設(shè)計(jì)已不僅僅是視覺(jué)分享與傳達(dá)信息,更是將人們的生活方式、行為習(xí)慣、心理變化融為一體的視覺(jué)設(shè)計(jì)。

一、用戶體驗(yàn)式網(wǎng)頁(yè)編排設(shè)計(jì)

用戶體驗(yàn)是一種主觀存在的概念,是通過(guò)人們使用產(chǎn)品過(guò)程中產(chǎn)生的真實(shí)感受。它通過(guò)人與產(chǎn)品的互動(dòng)對(duì)產(chǎn)品產(chǎn)生不同的感受,從而獲得的不一樣的體驗(yàn)感。如用戶在瀏覽某購(gòu)物類的網(wǎng)頁(yè)時(shí),絕大部分用戶會(huì)自主選擇查找需要購(gòu)買(mǎi)的產(chǎn)品,但由于某些網(wǎng)頁(yè)編排設(shè)計(jì)的不合理性使得用戶在購(gòu)買(mǎi)的過(guò)程中遇到問(wèn)題時(shí),用戶很少會(huì)選擇自己去解決,總會(huì)第一時(shí)間向網(wǎng)頁(yè)客服求助,往往產(chǎn)生很不愉快的體驗(yàn)感。在網(wǎng)頁(yè)編排設(shè)計(jì)時(shí)信息之間的層次要鮮明,既要注重整體的版式設(shè)計(jì),營(yíng)造個(gè)性化的視覺(jué)效果,也要給用戶帶來(lái)更舒適的服務(wù)體驗(yàn)。

二、用戶體驗(yàn)式網(wǎng)頁(yè)編排設(shè)計(jì)的特征

網(wǎng)頁(yè)版式設(shè)計(jì)不再是單純的視覺(jué)享受,它是將視覺(jué)享受與人們的生活習(xí)慣、生活方式、心理體驗(yàn)等進(jìn)行充分融合的藝術(shù)設(shè)計(jì)。在網(wǎng)頁(yè)編排設(shè)計(jì)中還需要注意以下幾個(gè)方面的特征:

(一)注意版面設(shè)計(jì)的留白

版面留白,即在網(wǎng)頁(yè)界面空間中留出一定比例的空白。在網(wǎng)頁(yè)編排設(shè)計(jì)中適度的留白能在心理上讓用戶產(chǎn)生無(wú)限的聯(lián)想,使網(wǎng)頁(yè)界面上的圖形和文字之間產(chǎn)生呼應(yīng),給用戶帶來(lái)舒適的視覺(jué)體驗(yàn)。增加網(wǎng)頁(yè)編排中的留白,能讓網(wǎng)頁(yè)界面更具有呼吸感,充滿韻律和節(jié)奏,能使用戶快速搜索信息,有效瀏覽網(wǎng)頁(yè)內(nèi)容。同時(shí),也增強(qiáng)了網(wǎng)頁(yè)中有效信息的可讀性與易識(shí)別性,最終達(dá)到文字、圖形、編排之間的協(xié)調(diào)統(tǒng)一。

(二)注意交互設(shè)計(jì)的效果

交互式作為用戶體驗(yàn)的一個(gè)方面,動(dòng)態(tài)的效果在網(wǎng)頁(yè)編排設(shè)計(jì)中不只是頁(yè)面上簡(jiǎn)單出現(xiàn)的FLASH動(dòng)畫(huà)、躍動(dòng)的文字、動(dòng)態(tài)的圖片等,更主要的是與用戶之間的交互性,試圖將用戶的需求通過(guò)形變、移位等方法生動(dòng)有趣的過(guò)渡,利用鼠標(biāo)的點(diǎn)擊、滾動(dòng)效果增添在交互式過(guò)程中給用戶帶來(lái)的生動(dòng)趣味。

三、用戶體驗(yàn)式網(wǎng)頁(yè)編排設(shè)計(jì)中的視覺(jué)表現(xiàn)

合理安排文字和相關(guān)視覺(jué)元素,能使瀏覽者感受平衡和穩(wěn)定的感覺(jué);同時(shí),運(yùn)用多種文字造型按照獨(dú)特的排布規(guī)律,使界面產(chǎn)生活躍的動(dòng)感,具備節(jié)奏和韻律,也有利于網(wǎng)頁(yè)內(nèi)容的協(xié)調(diào)統(tǒng)一。

(一)兩側(cè)均衡式結(jié)構(gòu)

網(wǎng)頁(yè)編排中視覺(jué)設(shè)計(jì)的兩側(cè)均衡式結(jié)構(gòu)一般會(huì)將網(wǎng)頁(yè)頁(yè)面分為左、右兩部分,常見(jiàn)的有左大右小結(jié)構(gòu)、左右對(duì)稱結(jié)構(gòu)。心理學(xué)家研究表明,人在瀏覽文字的過(guò)程中視覺(jué)流程是從左至右,從上至下的習(xí)慣。這一結(jié)構(gòu)的設(shè)計(jì)能讓用戶在瀏覽網(wǎng)頁(yè)的過(guò)程中快速有效地獲取所需要的信息。設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)編排結(jié)構(gòu)時(shí)盡可能的將左半部的文字信息與右半部的內(nèi)容信息通過(guò)連接技術(shù),第一時(shí)間在導(dǎo)航與內(nèi)容信息之間進(jìn)行轉(zhuǎn)換顯示。這樣的網(wǎng)頁(yè)編排設(shè)計(jì)靈活、簡(jiǎn)潔,但由于數(shù)據(jù)含量較少的緣故,只適用在設(shè)計(jì)小型網(wǎng)頁(yè)編排中使用。

(二)上包圍式結(jié)構(gòu)

上包圍式結(jié)構(gòu)主要將上半部設(shè)計(jì)為導(dǎo)航菜單,綜合的信息數(shù)據(jù)內(nèi)容和二級(jí)導(dǎo)航菜單會(huì)分布在網(wǎng)頁(yè)頁(yè)面左右兩側(cè),如:各類鏈接、搜索欄、賬號(hào)登錄窗口、用戶注冊(cè)端口等。目前,上包圍式結(jié)構(gòu)的網(wǎng)頁(yè)編排設(shè)計(jì)在網(wǎng)頁(yè)界面的使用上最為常見(jiàn),適用性較強(qiáng)。其均衡直觀的特點(diǎn)能讓用戶最快捷的獲取所需信息,獲取的數(shù)據(jù)信息條理性較強(qiáng)。同時(shí),這種結(jié)構(gòu)編排設(shè)計(jì)過(guò)于程序化,樣式單一。因此,設(shè)計(jì)師在使用這種結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)編排時(shí)應(yīng)強(qiáng)調(diào)色彩之間的搭配運(yùn)用,合理利用色彩的視覺(jué)效果提升網(wǎng)頁(yè)界面的藝術(shù)性。

(三)全封閉式結(jié)構(gòu)

全封閉式結(jié)構(gòu)在上包圍結(jié)構(gòu)的基礎(chǔ)上做改進(jìn),上包圍式結(jié)構(gòu)是基本,網(wǎng)頁(yè)的下半部添加了對(duì)應(yīng)的橫向操作菜單。可以在有限的網(wǎng)頁(yè)頁(yè)面范圍內(nèi)充分利用頁(yè)面空間。提升頁(yè)面有效數(shù)據(jù)信息的容量,降低不必要的文本數(shù)據(jù),提高用戶在預(yù)覽網(wǎng)頁(yè)界面時(shí)對(duì)有效數(shù)據(jù)信息獲取的效率。由于對(duì)信息的封閉性太強(qiáng),這也是此結(jié)構(gòu)網(wǎng)頁(yè)編排設(shè)計(jì)的不足之處。往往容易導(dǎo)致用戶瀏覽網(wǎng)頁(yè)信息內(nèi)容刷新較慢,造成擁堵的重要原因。

(四)左圍合式結(jié)構(gòu)

左部圍合結(jié)構(gòu)是在上包圍式結(jié)構(gòu)的基礎(chǔ)上,設(shè)計(jì)師對(duì)上包圍式結(jié)構(gòu)做相應(yīng)的修改而形成的一種新的結(jié)構(gòu)形式。在上包圍式結(jié)構(gòu)中將網(wǎng)頁(yè)頁(yè)面順時(shí)針旋轉(zhuǎn)270度后得到的一種包圍結(jié)構(gòu),也是將全封閉式結(jié)構(gòu)網(wǎng)頁(yè)編排右側(cè)信息欄刪減所形成的一種編排結(jié)構(gòu)。此種結(jié)構(gòu)彌補(bǔ)了全封閉式結(jié)構(gòu)過(guò)于封閉性的缺點(diǎn)。

(五)樣式各異的結(jié)構(gòu)

網(wǎng)頁(yè)編排樣式各異的結(jié)構(gòu)主要是對(duì)網(wǎng)頁(yè)主體標(biāo)識(shí)、網(wǎng)頁(yè)展示的圖片、藝術(shù)性的字體、超鏈接等要素進(jìn)行的編排設(shè)計(jì)。在頁(yè)面導(dǎo)航菜單上則不做重點(diǎn)設(shè)計(jì),只結(jié)合數(shù)據(jù)信息的需要在網(wǎng)頁(yè)頁(yè)面上做裝飾、點(diǎn)綴、優(yōu)化的效果,以此來(lái)協(xié)調(diào)均衡頁(yè)面的空間布局。這一網(wǎng)頁(yè)編排結(jié)構(gòu)通常備受時(shí)尚界網(wǎng)站的青睞,能給用戶在瀏覽網(wǎng)頁(yè)時(shí)感到輕松、自由、現(xiàn)代的視覺(jué)體驗(yàn),從而降低用戶因長(zhǎng)時(shí)間瀏覽網(wǎng)頁(yè)帶來(lái)的審美疲倦。