用戶體驗(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)航樹(shù)的痛苦。
粵公網(wǎng)安備 44010402000282號(hào)