進(jìn)階學(xué)習(xí)!關(guān)于用戶體驗(yàn)?zāi)銘?yīng)該知道的8件事
王M爭(zhēng):用戶體驗(yàn)(User Experience,以下簡(jiǎn)稱UX)是一個(gè)含義很廣泛的術(shù)語(yǔ),近兩年來(lái)我們從越來(lái)越多的人們口入耳到這個(gè)詞,但是并不是每小我都真正了解究竟什么是用戶體驗(yàn)。人們對(duì)于用戶體驗(yàn)有許多誤解,盼望這篇文章可以幫助大家對(duì)用戶體驗(yàn)有一個(gè)更好的熟悉。
一.UX不是UI
在日常工作中,設(shè)計(jì)師經(jīng)常會(huì)碰到一些客戶誤以為UX就是UI(User Interface——用戶界面)。當(dāng)客戶對(duì)這兩個(gè)概念有混淆的時(shí)候,我們應(yīng)該給他們?cè)忈屵@兩者之間的區(qū)別與聯(lián)系。這會(huì)幫助客戶了解我們的工作詳細(xì)是什么,會(huì)削減許多不需要的誤會(huì)。
UI指的是用戶交互界面。例如iPhone的墻紙?jiān)O(shè)置網(wǎng)頁(yè),這屬于UI。UX指的是用戶操作過(guò)程的感受,用戶在替換iPhone墻紙的過(guò)程中的寫(xiě)意程度就是UX。
簡(jiǎn)言之,用戶體驗(yàn)就是用戶對(duì)于UI的一個(gè)生理反饋。好的UX設(shè)計(jì)師懂得用戶生理和操作風(fēng)俗,由于這些都是影響用戶體驗(yàn)的緊張因素。
二.用戶體驗(yàn)不僅限于互聯(lián)網(wǎng)
互聯(lián)網(wǎng)只是用戶體驗(yàn)應(yīng)用的一個(gè)分支。我們生活中看的每一個(gè)印刷品,穿的每一件衣服,坐的每一輛車都屬于用戶體驗(yàn)。網(wǎng)購(gòu)了一件外衣,發(fā)現(xiàn)拉鏈很難拉,這是糟糕的用戶體驗(yàn);去一家布置考究的餐廳吃飯,這是好的用戶體驗(yàn)。
線下的用戶體驗(yàn)和互聯(lián)網(wǎng)產(chǎn)品用戶體驗(yàn)互有不同,但是之間又相互聯(lián)系,相互影響。頁(yè)面中導(dǎo)航條之前都是放在網(wǎng)頁(yè)的左側(cè),但是后來(lái)人們發(fā)現(xiàn),人眼都是風(fēng)俗從左往右欣賞信息,這意味著我們應(yīng)該將緊張的內(nèi)容放在網(wǎng)頁(yè)的左側(cè)。從2000年開(kāi)始,網(wǎng)站的導(dǎo)航條逐步的被移到網(wǎng)頁(yè)的右側(cè)。(當(dāng)然也并不是絕對(duì),導(dǎo)航條的位置取決于網(wǎng)站類型)。
假如想成為一個(gè)良好的UI設(shè)計(jì)師,學(xué)一些印刷,包裝,掌握更多的用戶體驗(yàn)知識(shí)是很有好處的。跨界學(xué)習(xí)會(huì)坦蕩我們視野,讓我們學(xué)會(huì)從不同的角度來(lái)看待題目。
三.藝術(shù)&科學(xué)
藝術(shù)與科學(xué),一個(gè)講究情感,另一個(gè)尋求嚴(yán)謹(jǐn)。兩個(gè)看似風(fēng)馬牛不相及的東西,在用戶體驗(yàn)學(xué)中我們都可以看到。用戶體驗(yàn)是藝術(shù)和科學(xué)的結(jié)合體。
首先用戶體驗(yàn)是一門科學(xué),一家視頻網(wǎng)站的播放量日益走低,用戶體驗(yàn)的科學(xué)屬性會(huì)幫助我們找到題目的所在——界面過(guò)于老式。通過(guò)賡續(xù)的測(cè)試與討論,最終得出了一個(gè)網(wǎng)站換版的設(shè)計(jì)方案。
當(dāng)?shù)搅苏嬲_(kāi)始設(shè)計(jì)界面的時(shí)候,用戶體驗(yàn)藝術(shù)那一壁開(kāi)始出現(xiàn)了。顏色、字體、布局,將這統(tǒng)統(tǒng)有機(jī)的整合起來(lái)創(chuàng)造出一個(gè)團(tuán)體。將網(wǎng)站想象成一件在櫥窗中展示的藝術(shù)品,喚起用戶內(nèi)在的情感反應(yīng)。
四.目標(biāo)導(dǎo)向型設(shè)計(jì)
每一個(gè)設(shè)計(jì)師基本上都會(huì)碰到與客戶意見(jiàn)相左的情況,客戶堅(jiān)持他的觀點(diǎn),認(rèn)為他的方案是最好的。但是設(shè)計(jì)師有本身的想法,覺(jué)得他的方案比客戶的更好。這時(shí)候就會(huì)出現(xiàn)一個(gè)難題,不管選擇哪套方案都會(huì)引起另一方的不滿。
這個(gè)時(shí)候目標(biāo)導(dǎo)向性設(shè)計(jì)可能會(huì)幫助我們解決這個(gè)題目,目標(biāo)導(dǎo)向性意味著從根源處考慮設(shè)計(jì)方案。
比如,客戶盼望將客戶保舉鏈接放在網(wǎng)頁(yè)的頂部來(lái)獲得用戶更多的細(xì)致力。身為一個(gè)設(shè)計(jì)師,你覺(jué)得將客戶保舉的鏈接放在網(wǎng)頁(yè)頂端會(huì)影響網(wǎng)頁(yè)的整個(gè)布局,予以駁斥。如許就會(huì)和客戶由于這件事而爭(zhēng)論起來(lái)。其實(shí)客戶的目標(biāo)是吸引更多的用戶細(xì)致力,那么我們將鏈接放在網(wǎng)頁(yè)其它更加清晰可見(jiàn)的位置就可以解決這個(gè)題目了。目標(biāo)導(dǎo)向型設(shè)計(jì)與其說(shuō)是一種設(shè)計(jì)技法,還不如說(shuō)是一種設(shè)計(jì)思路。不管黑貓白貓,抓到老鼠的就是好貓。
五.為用戶設(shè)計(jì)
「為用戶設(shè)計(jì)」這句話聽(tīng)起來(lái)許多余,由于用戶體驗(yàn)就意味著為用戶設(shè)計(jì)。然而許多設(shè)計(jì)師卻忘記了這點(diǎn),成為了本身創(chuàng)造力的受害者。一些設(shè)計(jì)師在做一個(gè)項(xiàng)目的時(shí)候,網(wǎng)頁(yè)設(shè)計(jì)的很悅目,客戶也很寫(xiě)意。當(dāng)產(chǎn)品真正上線的時(shí)候,從用戶得到的反饋卻是不盡如人意的。
對(duì)于一個(gè)設(shè)計(jì)師來(lái)說(shuō),要做到「為用戶設(shè)計(jì)」是一件很困難的事情。由于用戶的需求會(huì)給你帶來(lái)一個(gè)個(gè)限定,可能會(huì)迫使你摒棄一些你比較寫(xiě)意的方案,去選擇那些平庸的方案。設(shè)計(jì)師其實(shí)就是一個(gè)戴著腳鐐的舞者,在浩繁束縛條件之內(nèi)追求最優(yōu)的解決方案。
不管寫(xiě)意與否,身為一個(gè)設(shè)計(jì)師,給用戶提供最寫(xiě)意產(chǎn)品是我們的責(zé)任。為了確保精確了解用戶,我們?cè)谠O(shè)計(jì)之前應(yīng)該對(duì)用戶群進(jìn)行調(diào)查。研究不同類型用戶會(huì)如何使用你即將開(kāi)發(fā)的這款產(chǎn)品。在設(shè)計(jì)最終脫稿之前,采用A/B測(cè)試來(lái)驗(yàn)證當(dāng)前設(shè)計(jì)是否達(dá)到最佳。
六.了解用戶生理
好的用戶體驗(yàn)都是建立對(duì)用戶生理的了解上。設(shè)計(jì)師要知道會(huì)觸發(fā)用戶舉動(dòng)的傾向。
拿手機(jī)關(guān)照來(lái)說(shuō),App給用戶推送新聞是為了激發(fā)用戶打開(kāi)應(yīng)用。然而用戶打開(kāi)App是有條件的——充足的時(shí)間與精力。設(shè)計(jì)師要懂得在合適的時(shí)間給用戶推送新聞。比如,當(dāng)用戶在早岑嶺接收到推送新聞,很少會(huì)打開(kāi)應(yīng)用。由于他們都在趕著去上班的路上,沒(méi)偶然間看。所以當(dāng)我們?cè)谖鐣r(shí)用戶歇息的時(shí)候推送新聞,用戶點(diǎn)擊進(jìn)入應(yīng)用的可能性會(huì)極大的增長(zhǎng)。
七.內(nèi)容為王
用戶體驗(yàn)并不只是關(guān)注圖標(biāo)的樣式或者界面的配色,界面中的所有元素都屬于用戶體驗(yàn)的范疇之內(nèi)。許多設(shè)計(jì)師跳過(guò)了“內(nèi)容”,將重要精力放在邊邊角角的樣式上了。尋求界面的美觀悅目,這個(gè)并沒(méi)有錯(cuò)。但是我們要知道,界面只是內(nèi)容的載體,用戶真正關(guān)注的是內(nèi)容。一個(gè)網(wǎng)站界面設(shè)計(jì)的很悅目,但是內(nèi)容卻很雞肋,如許的網(wǎng)站是無(wú)法留住用戶的。用戶體驗(yàn)的最終目的就是讓內(nèi)容可以被用戶更好的吸取接納。
八.保持同等性
保持同等性是用戶體驗(yàn)中一個(gè)緊張內(nèi)容。同等性可以加強(qiáng)用戶在使用過(guò)程中的可記憶性,削減用戶下次使用時(shí)候的記憶負(fù)擔(dān),操作更加流暢。
然而許多設(shè)計(jì)師為了尋求網(wǎng)頁(yè)的「悅目」,拋棄了同等性原則。如許的界面對(duì)于用戶來(lái)說(shuō)更加具有吸引力,但是也打亂了原有的樣式排布,破壞了網(wǎng)頁(yè)的同等性。
例如,在網(wǎng)站首頁(yè)下拉框用的是下劃線樣式,但是到了登錄網(wǎng)頁(yè)卻是箭頭。用戶可能先觀察到登錄頁(yè)的樣式,對(duì)下拉框功能有一個(gè)認(rèn)知(這個(gè)網(wǎng)站中所有的下拉框功能都是箭頭的樣式),但是到了其它的網(wǎng)頁(yè),用戶已建有的認(rèn)知就會(huì)被打破。
用戶會(huì)因此而迷惑,進(jìn)而感到沮喪。用戶不懂用戶體驗(yàn),他們不知道這個(gè)叫做不同等性。但是他們懂得——這個(gè)網(wǎng)站不專業(yè)/下次不要點(diǎn)進(jìn)來(lái)了。
從用戶體驗(yàn)的角度打造一款同等性高的互聯(lián)網(wǎng)產(chǎn)品,只有一個(gè)評(píng)價(jià)標(biāo)準(zhǔn)——?jiǎng)?chuàng)建沉浸式用戶體驗(yàn),用戶只關(guān)心本身的操作,不用為網(wǎng)頁(yè)的樣式前后不同等而分心。
總結(jié)
在將來(lái),UX和UI之間的界線會(huì)越來(lái)越模糊,二者結(jié)合為更加一體化的設(shè)計(jì)過(guò)程才可以創(chuàng)造出真正打動(dòng)人心的產(chǎn)品。
迎接關(guān)注作者的微信公眾號(hào):「王M爭(zhēng)」
本文地址:http://pkvc.cn/tutorial/di3828.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏