在未來,UX和UI之間的界線會(huì)越來越模糊,二者結(jié)合為更加一體化的設(shè)計(jì)過程才可以創(chuàng)造出真正打動(dòng)人心的產(chǎn)品。
在日常工作中,設(shè)計(jì)師經(jīng)常會(huì)遇到一些客戶誤以為UX就是UI(User Interface——用戶界面)。當(dāng)客戶對(duì)這兩個(gè)概念有混淆的時(shí)候,我們應(yīng)該給他們解釋這兩者之間的區(qū)別與聯(lián)系。這會(huì)幫助客戶了解我們的工作具體是什么,會(huì)減少很多不必要的誤會(huì)。
UI指的是用戶交互界面。例如iPhone的墻紙?jiān)O(shè)置頁面,這屬于UI。UX指的是用戶操作過程的感受,用戶在更換iPhone墻紙的過程中的滿意程度就是UX。
簡(jiǎn)言之,用戶體驗(yàn)就是用戶對(duì)于UI的一個(gè)心理反饋。好的UX設(shè)計(jì)師懂得用戶心理和操作習(xí)慣,因?yàn)檫@些都是影響用戶體驗(yàn)的重要因素。
二.目標(biāo)導(dǎo)向型設(shè)計(jì)
每一個(gè)設(shè)計(jì)師基本上都會(huì)遇到與客戶意見相左的情況,客戶堅(jiān)持他的觀點(diǎn),認(rèn)為他的方案是最好的。但是設(shè)計(jì)師有自己的想法,覺得他的方案比客戶的更好。這時(shí)候就會(huì)出現(xiàn)一個(gè)難題,不管選擇哪套方案都會(huì)引起另一方的不滿。
這個(gè)時(shí)候目標(biāo)導(dǎo)向性設(shè)計(jì)可能會(huì)幫助我們解決這個(gè)問題,目標(biāo)導(dǎo)向性意味著從根源處考慮設(shè)計(jì)方案。
比如,客戶希望將客戶推薦鏈接放在頁面的頂部來獲得用戶更多的注意力。身為一個(gè)設(shè)計(jì)師,你覺得將客戶推薦的鏈接放在頁面頂端會(huì)影響頁面的整個(gè)布局,予以駁斥。這樣就會(huì)和客戶因?yàn)檫@件事而爭(zhēng)論起來。其實(shí)客戶的目標(biāo)是吸引更多的用戶注意力,那么我們將鏈接放在頁面其它更加清晰可見的位置就可以解決這個(gè)問題了。目標(biāo)導(dǎo)向型設(shè)計(jì)與其說是一種設(shè)計(jì)技法,還不如說是一種設(shè)計(jì)思路。不管黑貓白貓,抓到老鼠的就是好貓。
三.用戶體驗(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)系,相互影響。網(wǎng)頁中導(dǎo)航條之前都是放在頁面的左側(cè),但是后來人們發(fā)現(xiàn),人眼都是習(xí)慣從左往右瀏覽信息,這意味著我們應(yīng)該將重要的內(nèi)容放在頁面的左側(cè)。從2000年開始,網(wǎng)站的導(dǎo)航條漸漸的被移到頁面的右側(cè)。(當(dāng)然也并不是絕對(duì),導(dǎo)航條的位置取決于網(wǎng)站類型)。
如果想成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師,學(xué)一些印刷,包裝,掌握更多的用戶體驗(yàn)知識(shí)是很有益處的??缃鐚W(xué)習(xí)會(huì)開闊我們視野,讓我們學(xué)會(huì)從不同的角度來看待問題。
四.藝術(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ì)幫助我們找到問題的所在——界面過于老式。通過不斷的測(cè)試與討論,最終得出了一個(gè)網(wǎng)站換版的設(shè)計(jì)方案。
當(dāng)?shù)搅苏嬲_始設(shè)計(jì)界面的時(shí)候,用戶體驗(yàn)藝術(shù)那一面開始出現(xiàn)了。顏色、字體、布局,將這一切有機(jī)的整合起來創(chuàng)造出一個(gè)整體。將網(wǎng)站想象成一件在櫥窗中展示的藝術(shù)品,喚起用戶內(nèi)在的情感反應(yīng)。
五.為用戶設(shè)計(jì)
「為用戶設(shè)計(jì)」這句話聽起來很多余,因?yàn)橛脩趔w驗(yàn)就意味著為用戶設(shè)計(jì)。然而很多設(shè)計(jì)師卻遺忘了這點(diǎn),成為了自己創(chuàng)造力的受害者。一些設(shè)計(jì)師在做一個(gè)項(xiàng)目的時(shí)候,頁面設(shè)計(jì)的很好看,客戶也很滿意。當(dāng)產(chǎn)品真正上線的時(shí)候,從用戶得到的反饋卻是不盡如人意的。
對(duì)于一個(gè)設(shè)計(jì)師來說,要做到「為用戶設(shè)計(jì)」是一件很困難的事情。因?yàn)橛脩舻男枨髸?huì)給你帶來一個(gè)個(gè)限制,可能會(huì)迫使你放棄一些你比較滿意的方案,去選擇那些平庸的方案。設(shè)計(jì)師其實(shí)就是一個(gè)戴著腳鐐的舞者,在眾多約束條件之內(nèi)尋求最優(yōu)的解決方案。
不管滿意與否,身為一個(gè)設(shè)計(jì)師,給用戶提供最滿意產(chǎn)品是我們的責(zé)任。為了確保正確了解用戶,我們?cè)谠O(shè)計(jì)之前應(yīng)該對(duì)用戶群進(jìn)行調(diào)查。研究不同類型用戶會(huì)如何使用你即將開發(fā)的這款產(chǎn)品。在設(shè)計(jì)最終完稿之前,采用A/B測(cè)試來驗(yàn)證當(dāng)前設(shè)計(jì)是否達(dá)到最佳。
六.保持一致性
保持一致性是用戶體驗(yàn)中一個(gè)重要內(nèi)容。一致性可以增強(qiáng)用戶在使用過程中的可記憶性,減少用戶下次使用時(shí)候的記憶負(fù)擔(dān),操作更加流暢。
然而很多設(shè)計(jì)師為了追求頁面的「好看」,拋棄了一致性原則。這樣的界面對(duì)于用戶來說更加具有吸引力,但是也打亂了原有的樣式排布,破壞了頁面的一致性。
例如,在網(wǎng)站首頁下拉框用的是下劃線樣式,但是到了登錄頁面卻是箭頭。用戶可能先觀察到登錄頁的樣式,對(duì)下拉框功能有一個(gè)認(rèn)知(這個(gè)網(wǎng)站中所有的下拉框功能都是箭頭的樣式),但是到了其它的頁面,用戶已建有的認(rèn)知就會(huì)被打破。
用戶會(huì)因此而疑惑,進(jìn)而感到沮喪。用戶不懂用戶體驗(yàn),他們不知道這個(gè)叫做不一致性。但是他們懂得——這個(gè)網(wǎng)站不專業(yè)/下次不要點(diǎn)進(jìn)來了。
從用戶體驗(yàn)的角度打造一款一致性高的互聯(lián)網(wǎng)產(chǎn)品,只有一個(gè)評(píng)價(jià)標(biāo)準(zhǔn)——創(chuàng)建沉浸式用戶體驗(yàn),用戶只關(guān)心自己的操作,不用為頁面的樣式前后不一致而分心。
七.了解用戶心理
好的用戶體驗(yàn)都是建立對(duì)用戶心理的了解上。設(shè)計(jì)師要知道會(huì)觸發(fā)用戶行為的傾向。
拿手機(jī)通知來說,App給用戶推送消息是為了激發(fā)用戶打開應(yīng)用。然而用戶打開App是有條件的——足夠的時(shí)間與精力。設(shè)計(jì)師要懂得在合適的時(shí)間給用戶推送消息。比如,當(dāng)用戶在早高峰接收到推送消息,很少會(huì)打開應(yīng)用。因?yàn)樗麄兌荚谮s著去上班的路上,沒有時(shí)間看。所以當(dāng)我們?cè)谥形缬脩粜菹⒌臅r(shí)候推送消息,用戶點(diǎn)擊進(jìn)入應(yīng)用的可能性會(huì)極大的增加。
八.內(nèi)容為王
用戶體驗(yàn)并不只是關(guān)注圖標(biāo)的樣式或者界面的配色,界面中的所有元素都屬于用戶體驗(yàn)的范疇之內(nèi)。很多設(shè)計(jì)師跳過了“內(nèi)容”,將主要精力放在邊邊角角的樣式上了。追求界面的美觀好看,這個(gè)并沒有錯(cuò)。但是我們要知道,界面只是內(nèi)容的載體,用戶真正關(guān)注的是內(nèi)容。一個(gè)網(wǎng)站界面設(shè)計(jì)的很好看,但是內(nèi)容卻很雞肋,這樣的網(wǎng)站是無法留住用戶的。用戶體驗(yàn)的最終目的就是讓內(nèi)容可以被用戶更好的吸收接納。
總結(jié)
在未來,UX和UI之間的界線會(huì)越來越模糊,二者結(jié)合為更加一體化的設(shè)計(jì)過程才可以創(chuàng)造出真正打動(dòng)人心的產(chǎn)品。
Python交流群
635448130點(diǎn)擊加入群聊UI設(shè)計(jì)交流群
579150876點(diǎn)擊加入群聊Unity交流群
495609038點(diǎn)擊加入群聊HTML5交流群
645591648點(diǎn)擊加入群聊