用戶體驗(yàn)設(shè)計(jì)最近比較熱,從以前的輕視UI到現(xiàn)在不管是桌面軟件還是網(wǎng)站都開(kāi)始關(guān)注用戶體驗(yàn)設(shè)計(jì)。比如Google的簡(jiǎn)約設(shè)計(jì)和快速性能、iPhone的視覺(jué)和手機(jī)觸摸交互設(shè)計(jì)、Amazon的導(dǎo)航和搜索設(shè)計(jì)等等都引起關(guān)注探討和學(xué)習(xí)。
用戶體驗(yàn)設(shè)計(jì)說(shuō)到底是“以用戶為中心”,或者叫“以人為本”的設(shè)計(jì)。具體如何做到“以用戶為中心”和“以人為本”的設(shè)計(jì)就大有學(xué)問(wèn)了,國(guó)外牛人給整了很多門科學(xué),比如:視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)、用戶行為研究、可用性分析和測(cè)試等等。其中很多又涉及到美學(xué)、心理學(xué)、行為學(xué)、圖形學(xué)和整體的產(chǎn)品化設(shè)計(jì)等。
- 視覺(jué)設(shè)計(jì)(Graphic Design):界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、顏色和布局設(shè)計(jì)、風(fēng)格設(shè)計(jì)等
- 交互設(shè)計(jì)(Interaction Design):人機(jī)交互,即在一定場(chǎng)景內(nèi)用戶獲悉指令,判斷含義,作出回應(yīng)的過(guò)程設(shè)計(jì)
- 用戶行為研究:定義目標(biāo)用戶群特征、研究用戶喜好、習(xí)慣和期望等等
- 可用性分析和測(cè)試(Usability Testing):分析和發(fā)現(xiàn)可用性問(wèn)題并提出改進(jìn)
Wiki上的定義是“創(chuàng)造一種架構(gòu)或交互模型來(lái)影響用戶對(duì)設(shè)備或系統(tǒng)的期望”。有人說(shuō)用戶體驗(yàn)太微妙,很難用語(yǔ)言來(lái)形容,因?yàn)橛脩舻男枨蠛推谕旧硪彩钦f(shuō)不清楚的;因此用戶體驗(yàn)設(shè)計(jì)的目的只能是盡量減小用戶行為產(chǎn)生的結(jié)果和用戶期望之間的差距,也就是說(shuō),用戶和系統(tǒng)交互的過(guò)程和結(jié)果越符合或超過(guò)用戶的期望,用戶體驗(yàn)設(shè)計(jì)就越成功,也就越符合“以用戶為中心”的設(shè)計(jì)原則。
說(shuō)易行難。還是先看看老大們是怎么做的:
- Google:追求簡(jiǎn)單,簡(jiǎn)單的布局,簡(jiǎn)單的操作,最快的速度。以Google為代表的包括新一代Web2.0網(wǎng)站追求UI上的簡(jiǎn)約、實(shí)用,主色調(diào)通常不超過(guò)4種,并貫穿網(wǎng)站的始終。摒棄無(wú)關(guān)信息的堆砌,簡(jiǎn)單的界面更能突出功能的強(qiáng)大。
- Apple:追求藝術(shù)化,藝術(shù)性即產(chǎn)品的美感度(包括物理造型、顏色、材質(zhì)工藝等等),在可用的基礎(chǔ)上使得視覺(jué)設(shè)計(jì)達(dá)到極致。
- Microsoft:追求標(biāo)準(zhǔn)化,微軟所有的軟件都有統(tǒng)一的界面風(fēng)格和操作習(xí)慣,使得業(yè)界不符合微軟的操作習(xí)慣的軟件被認(rèn)為是難用的。
我們?cè)撛趺醋?下面從一些?shí)際例子看看怎么提高用戶體驗(yàn),進(jìn)行視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)
視覺(jué)設(shè)計(jì):要針對(duì)目標(biāo)用戶進(jìn)行設(shè)計(jì)
例如,游戲和辦公軟件的目標(biāo)用戶群是不完全相同的,同樣的用戶面對(duì)這兩者的界面需求是不一樣:游戲是“玩”,注重是趣味性和風(fēng)格化,主要目標(biāo)用戶是年輕人,要讓他們覺(jué)得好玩覺(jué)得酷,游戲的UI在視覺(jué)創(chuàng)作上發(fā)揮的空間會(huì)很大,對(duì)于設(shè)計(jì)師來(lái)說(shuō)也許很多東西更可以天馬行空;而辦公軟件則是“使用”,是一個(gè)工作的輔助工具,關(guān)注的是效率,UI的設(shè)計(jì)偏簡(jiǎn)約。
QQ的視覺(jué)定位是以青少年為主的,所以它的視覺(jué)設(shè)計(jì)才采用了比較明亮活潑的色彩。而MSN的視覺(jué)定位是以辦公室工作人員,所以它的視覺(jué)使用比較穩(wěn)定和平靜的色彩。
視覺(jué)設(shè)計(jì):別讓用戶看得費(fèi)勁
例如,豆瓣小組,小組活躍度相當(dāng)高,但這種呈現(xiàn)方式的傳達(dá)效果,被大打折扣。如果我來(lái)修改,直接計(jì)算出活躍程度,類似幾分前,甚至幾秒前,大片的“2007-07-10 22”容易閱讀疲勞。
相比之下,看看博客園的這個(gè)就舒服多了
視覺(jué)設(shè)計(jì):要有重點(diǎn)
例如,一個(gè)火車票查詢網(wǎng)站,火車查詢的時(shí)刻表和換乘結(jié)果如下:
所有的顏色都一樣,大小也一樣,沒(méi)有重點(diǎn),可想而知用戶看得有多費(fèi)勁,改成下面的樣子就好多了:
從哪兒到哪兒,幾點(diǎn),車次,在哪兒換乘,都很形象,讓人一目了然。無(wú)需用戶尋找和思考。
交互設(shè)計(jì):要減少交互;說(shuō)到底,讓用戶少思考,讓用戶少選擇,讓用戶少等待,讓用戶少操作,讓用戶少轉(zhuǎn)動(dòng)眼球?qū)ふ。因(yàn)槿硕己軕,懶得選擇,懶得等待,人們希望馬上到達(dá)他希望的“內(nèi)容”,《don't make me think》。
例如,SAP的快速入口:
SAP上的快速入口,為較熟的用戶提供便捷的入口,因?yàn)镾AP是一個(gè)很復(fù)雜的企業(yè)管理軟件,有財(cái)務(wù)管理、人事管理、生產(chǎn)管理等等,覆蓋企業(yè)中的各行業(yè),但通常單個(gè)用戶一般只用其中的一個(gè),比如你是會(huì)計(jì)師,那么你通常只用到財(cái)務(wù)管理模塊,這時(shí)候你只是想打開(kāi)軟件就進(jìn)入財(cái)務(wù)模塊,快捷入口無(wú)疑解除你使用導(dǎo)航樹的痛苦。