400-8868-762
随着信(xin)息化(hua)的深入,網頁成為人(ren)們浏(liu)覽信息、获取信息、放眼世界的主要(yao)窗(chuang)口之一。在(zai)傳統(tong)網頁的界面設計中,人們認為網頁界面設計就是美工,而美工就是(shi)單純對網頁進行裝飾。随着網絡技術的发展與普(pu)及,網頁界面設計的(de)技術在不断的進步,設計的理念(nian)也在(zai)不断的更新,網頁界(jie)面設計(ji)不再是單純的視覺設計,而是將視(shi)覺設計與人的行為習惯、生活方式(shi)、心理體驗等結合(he)在一起的(de)設計,基於(yu)用戶體驗的網頁(ye)UI設(she)計是(shi)当前研究的熱點。
一、網頁UI設計及用戶(hu)體(ti)驗
UI即User Interface(用戶界面)的簡称,指對(dui)软件的人(ren)機交互、操作逻輯、界面美觀的整體(ti)設計。網頁UI設計用戶體驗(UserExperience,簡(jian)称UE)則是(shi)一種純主觀(guan)在用戶使用產品過程中建立起來的感受。由於生活(huo)習惯(guan)、文化背景、行為方式及心理體驗(yan)等不同(tong),用戶體驗產品時會有不同的感受,一個好(hao)的UI設計要能充分满(man)足大衆的需求(qiu),使用戶在體驗過程中都能心情愉悦(yue)、操作流畅、交互高效。
就網頁UI設計(ji)而言,用戶(hu)浏覽網頁的(de)需求是什麼?抽象出來可以归(gui)納為兩(liang)點:一浏覽信息,二操作(zuo)数據。这里的数據是指在数據库中躺着的数(shu)據,用戶在(zai)單純浏覽信(xin)息時,不會對頁面背后的“数據”造(zao)成(cheng)任何操作,但用戶進行點擊(ji)鏈接(jie)、跳轉頁(ye)面和(he)處理信息時,就要和頁面背后的(de)数(shu)據進行交互。所以,在做網(wang)頁UI設計時候主要满足於用戶的这(zhe)兩方面的(de)需求,第一是用戶在浏覽信息時候,要有一個賞心悦(yue)目的界(jie)面,即網(wang)頁界面的視(shi)覺設計要美觀。第(di)二是用戶在操作数據時候要高效,即網頁界面的交(jiao)互設計灵活。
二、網頁界面視覺設計
愛美之心人皆有之,漂亮的網頁界面能吸引浏覽者的眼球、提高網頁的(de)浏覽量。傳統網頁美工(gong)設計,更(geng)注重網頁的(de)布局以及網頁的顏色搭配,换言之(zhi),就是重在設計網頁平面效果圖和以及對網頁(ye)進行裝飾。随着人們生活(huo)節奏的加快,快餐文化日渐(jian)豐富,仅靠傳統網頁美工已不能適應当今網頁发(fa)展的需要。那(na)麼,如何(he)讓你的網站跟上時代(dai)的步伐,满足当今用戶的需求呢?
从用戶體驗(yan)出发:什麼东西能讓我們从(cong)電脑屏幕上看到(dao)接近於現實世界的东西?是視(shi)覺吸引,視覺吸引(yin)是非常有效的提示工具,通常在用戶第(di)一次打開某(mou)個應用,或進入某個新的界面時出現。簡單的視覺吸引能(neng)扭轉乾坤,把令人沮喪萬分的第一(yi)次使用(yong)經历變成满意的產品使用體驗。[1]常见(jian)的網頁視覺吸引的模(mo)式:
1.對話框
这是最常见的視覺(jue)吸引模式,它是網頁中一種(zhong)次要窗口,包含按钮和各種選項,通過它可(ke)以完成特定命令或任務。
2.提示
提(ti)示指給予相應的提醒、明示和解(jie)释,它可以出現在網(wang)頁中的任何位置,比對話框更能融(rong)入到網頁的應用(yong)情景。
3.使用导航
导航是網頁布(bu)局中最(zui)重要的元素之一,是(shi)網頁主要内容的提(ti)煉,是網(wang)站(zhan)的框架更是網站信息的分類,直觀漂亮的导航能吸引用戶的操作。
4.視頻演示
將視頻嵌(qian)入到網(wang)頁当中,通過視頻形象直(zhi)觀的(de)画面來吸引浏覽者。在進行視頻嵌入設(she)計時(shi),為了便於用戶的(de)操(cao)作,一般要(yao)提供常见的視頻控製選項(xiang)(停止、暂停、音量控製等)。
5.首次使用引导
用(yong)戶首次使用網頁或是網(wang)頁界面中的某些操作時候,提供適当的引导,帮助用戶(hu)進入操作界面(mian),比如說利用圖像或是其他視覺線索來(lai)引导用戶使用(yong)。
6.持續視覺吸引
持續視覺吸引設計,主要是將一些網頁元素進行有別(bie)於其他網頁元素的(de)設計(比如(ru)說,通過字(zi)體的大(da)小、顏色區別開來),並將这些(xie)元素一直保持(chi)在網頁中,通過持續(xu)的視覺刺激來吸引用戶。
7.可发現的視覺吸引
可发現的視覺(jue)吸引(yin)是一種在保持頁面簡洁的前提下,用戶通過執行特定(ding)交互操作的方(fang)法(如點擊和滑動等),就能看到頁面中某些隐藏的元素。如比较常见的視覺吸(xi)引模式是鼓勵用戶刷新数據的提(ti)示。
