案例分享 PM/UX 必看 [用戶體驗(yàn)]

2021-10-15    ui設(shè)計(jì)分享達(dá)人


 

講User Research | 用戶研究 之前,有必要先介紹下“用戶體驗(yàn)”。這兩者是密切關(guān)聯(lián)的。

 


作為一枚互聯(lián)網(wǎng)老兵,先說一下歷史吧。

 

N年前,UX Designer還不怎么流行。

 

隨著喬幫主iphone4的橫空出世,驚為天人,徹底改變了整個(gè)手機(jī)生態(tài)。于是在中國市場,各種熱錢涌入,到處都是創(chuàng)業(yè)公司(start-up),各類APP紛紛孵出(我在上海)。這是整個(gè)移動互聯(lián)網(wǎng)行業(yè)野蠻生長的年代。公司那么多了,那么UI,iOS開發(fā),Android 開發(fā)等等都是供不應(yīng)求的。

 

 

當(dāng)然,那么多創(chuàng)業(yè)公司,90%都會在一年內(nèi),在天使輪的階段死掉。能活下來的,都是壯士!現(xiàn)在你看看你手機(jī)上裝的啥耳熟能詳?shù)腁PP,基本也就是那些了。

 

題外話:我當(dāng)時(shí)的公司樓上是一家知名網(wǎng)游公司。某天我很快樂(KU B)的去上班(Make Money),結(jié)果就看到新聞?wù)f那家創(chuàng)始人CEO昨天半夜心臟病發(fā),人沒了。隔天就看到他家公司門口貼訃告了。(此處默哀?。﹦?chuàng)業(yè)不易,真心能活下來的都是壯士!

 

野蠻生長的年代,對于崗位要求不會那么精細(xì)。做UI的,最好你什么都會,十項(xiàng)全能。平面/手繪/App UI/ Web UI/H5/交互/動效/前端最好也懂一些/其他。。。


那時(shí)候少有交互崗,因?yàn)榻换復(fù)ǔ划a(chǎn)品崗,或者UI崗兼了。但隨著這些年WEB/APP越來越成熟,用戶對于體驗(yàn)的要求越來越高。另外,隨著各類海歸人才帶回來的國外先進(jìn)設(shè)計(jì)理念。各路大中小廠對于UX交互也就越來越重視。

 

于是,就有了UX Design | 交互設(shè)計(jì)的專門崗位,有些也叫User Experience Design | 用戶體驗(yàn)設(shè)計(jì),在互聯(lián)網(wǎng)行業(yè),兩者基本一個(gè)意思。

(我們這里不討論用戶體驗(yàn)的五個(gè)層次,戰(zhàn)略層、結(jié)構(gòu)層、表現(xiàn)層之類的。這些太理論,大概知道就行了,多說我也困。真要硬掰,那交互設(shè)計(jì)實(shí)際算是用戶體驗(yàn)中的結(jié)構(gòu)層。但在國外專業(yè)文獻(xiàn)中,UX Design=User Experience Design。不要硬剛。 :P)

 

人類總是情緒化的,總是對他們世界里的產(chǎn)品做出情緒化的反應(yīng)

-艾倫·庫珀,Cooper公司總裁,Visual Basic之父

 

 

一.什么是 User Experience | 用戶體驗(yàn)?


通常來說,“用戶體驗(yàn)”就是人們在使用產(chǎn)品時(shí)候的感受。用戶體驗(yàn)并不僅限于互聯(lián)網(wǎng)行業(yè),各行各業(yè)都有。


用戶體驗(yàn)更關(guān)注的是人和物的交互(Human-Objects Interaction)之間的聯(lián)系。


“物”在互聯(lián)網(wǎng)產(chǎn)品中的應(yīng)用可以是Web,APP,System等。

 

舉個(gè)生活中的例子,迪斯尼。

迪斯尼,娛樂行業(yè)吧?但它更是一家徹徹底底的體驗(yàn)公司,極其注重體驗(yàn)管理。


迪斯尼樂園為小朋友們,大朋友們筑造了一個(gè)夢。迪斯尼的體驗(yàn)管理,就是從造夢這個(gè)目的出發(fā)的。


對于服務(wù)人員、演職人員的要求,干凈、禮貌都是最基本的。


迪斯尼對演員的要求是,你不是演米老鼠,你就是米老鼠。用戶體驗(yàn)細(xì)致到如下:

只要有賓客在,演員就不能把頭套摘下。之前有新聞?wù)f演員中暑了,也堅(jiān)持不取下頭套。(這里我們不討論勞工權(quán)益之類的問題)因?yàn)椴荒軞绾⒆觽兊膲簟?

在同一個(gè)視野里,不能有兩個(gè)同樣的米老鼠。因?yàn)閷τ诤⒆觼碚f,米老鼠只有一個(gè)!

全世界演米老鼠的演員,都要苦練簽名。因?yàn)閷τ诤⒆觼碚f,全世界只有一個(gè)米老鼠,簽名當(dāng)然是一摸一樣的。


這只是演員,還有其他工作人員,還有工作以外的服務(wù)。此處不再延申討論了。


 

二.什么是 User Experience Design | 用戶體驗(yàn)設(shè)計(jì)(即UX Design | 交互設(shè)計(jì))?


用戶體驗(yàn)設(shè)計(jì),顧名思義,就是為產(chǎn)品/服務(wù)設(shè)計(jì)一個(gè)良好的體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)同樣并不僅限于互聯(lián)網(wǎng)行業(yè),各行各業(yè)都有。

 

舉個(gè)生活中的例子,麥當(dāng)勞的打包袋設(shè)計(jì)。


傳統(tǒng)設(shè)計(jì)是這樣的。

漢堡薯?xiàng)l什么的全部裝紙袋,沒有提手,每次都捏到我手指抽筋。飲料再另外裝個(gè)塑料袋。

一個(gè)捏,一個(gè)提。其實(shí)是不舒服也不方便的。

 

用戶體驗(yàn)好的設(shè)計(jì)可以是這樣的。方便快捷,節(jié)約資源,解放手指。

(gif動圖,刷新頁面重播)

 

我們這里想說的用戶體驗(yàn)設(shè)計(jì),特指互聯(lián)網(wǎng)行業(yè)。


早期的Web頁,幾乎就是個(gè)靜態(tài)網(wǎng)頁,就提供些信息展示。那時(shí)候用的還是asp, php, .net技術(shù),快捷點(diǎn)的話有個(gè)模板套套,新聞/產(chǎn)品就能后臺維護(hù)了。


從大概2010年以后,Web就開始越來越復(fù)雜了,APP也開始越來越精細(xì)和規(guī)范了。這對于交互的要求就越來越高,需要有一個(gè)良好的用戶體驗(yàn)設(shè)計(jì)。

 

舉個(gè)APP的例子。

淘寶最近對“確認(rèn)收貨方式”做了優(yōu)化(大致在2021.9),不知道你發(fā)現(xiàn)了嗎?


淘寶購物時(shí),首先,在買東西付款的時(shí)候,就需要輸入第1次支付密碼。


最后,在收貨確認(rèn)時(shí),

Before: 原來,還需要再輸入第2次支付密碼。

Now: 現(xiàn)在,只需要點(diǎn)擊“確認(rèn)”就行了,不需要再輸入一次支付密碼了。此次優(yōu)化,就是簡化用戶的操作,提升用戶體驗(yàn)。

 

如下圖為最新優(yōu)化后的截圖:


 

如圖,

Before: 原來,在Step 3中,原來還需要再輸入第2次密碼。

Now:現(xiàn)在,在Setp3中,直接從Setp3——>Setp4.


三.為什么UX Design | 交互設(shè)計(jì)很重要呢?

 

產(chǎn)品成功與否,涉及到太多方面了。戰(zhàn)略決策、產(chǎn)品、內(nèi)容、用戶體驗(yàn)、技術(shù)、運(yùn)營、服務(wù)、競品情況,資金投入、運(yùn)氣等等,缺一不可。而用戶體驗(yàn)/交互是其中重要的一環(huán)。


專注于用戶的交互設(shè)計(jì),大大增加了項(xiàng)目成功的機(jī)會。因?yàn)楫a(chǎn)品是給人用的,尤其是互聯(lián)網(wǎng)產(chǎn)品,用戶不會因?yàn)楫a(chǎn)品是知名品牌,就堅(jiān)定不移的支持它,買它,用它。


要是產(chǎn)品不好用,那放棄它,也是遲早的事情了。


畢竟,能讓大家都喜愛的,還不管怎么樣都愛到死的,也只有RMB人民幣了。

 

 

四.什么是 UX Designer | 交互設(shè)計(jì)師?


 

交互設(shè)計(jì)師,需要通過調(diào)查和分析等用戶研究方法來設(shè)計(jì)產(chǎn)品,或者對產(chǎn)品做優(yōu)化改進(jìn),以保證用戶能有一個(gè)良好的用戶體驗(yàn)。


 

五.UX 和UI的區(qū)別?


UI,純粹的UI,通俗來說,就是負(fù)責(zé)好看。把產(chǎn)品做好看了,做精致了,讓用戶看得賞心悅目,心情舒暢。這是美學(xué)意義上的工作。

 

UX,通俗來說,就是負(fù)責(zé)好用。讓整個(gè)產(chǎn)品流程簡單又便利,用戶使用產(chǎn)品不會有停頓和疑問,讓用戶使用產(chǎn)品的感受非常好。最終目的是為了增加用戶的粘性,提高產(chǎn)品的流量,促進(jìn)產(chǎn)品的轉(zhuǎn)化率,為公司帶來直接或間接的收益增長。

 

UX是產(chǎn)品中的重要一環(huán)。

 

當(dāng)然,在實(shí)際工作中,如果產(chǎn)品——長得好看+體驗(yàn)好。那就是王者~

這也應(yīng)該是做產(chǎn)品的要求和標(biāo)準(zhǔn),也應(yīng)該是設(shè)計(jì)師對自己的要求和標(biāo)準(zhǔn)。

 

 

舉個(gè)兩者結(jié)合的例子,摩拜單車。

(雖然他欠用戶押金,雖然他已經(jīng)沒了,成為了美團(tuán)單車。但是他的故事還是可以講一講的)

 

設(shè)計(jì)方面,

摩拜單車的聯(lián)合創(chuàng)始人王曉峰(負(fù)責(zé)具體的研發(fā)、運(yùn)營及市場工作)回憶當(dāng)年做摩拜單車的時(shí)候,首先考慮的是產(chǎn)品和服務(wù)要讓消費(fèi)者有面子。


前期他做了很多市場調(diào)研(看,用戶研究),當(dāng)年在校園外騎車的只有三種:除了專業(yè)騎賽車的,就是藍(lán)領(lǐng)工人和老年人。


想讓白領(lǐng)階層都愿意騎自行車,就必須要讓他們覺得有面子。如果讓一個(gè)白領(lǐng),騎著五花八門,甚至還叮當(dāng)帶響的自行車上路,那是很沒面子的,這種生意一定會失敗。


于是,摩拜就設(shè)計(jì)出一輛金屬感十足的橙色自行車,好看又酷炫。

 

用戶體驗(yàn)方面,

摩拜單車能夠提供給用戶的體驗(yàn)一直有著不錯(cuò)的口碑,比如車身結(jié)實(shí)、開鎖方便、損壞率低。但是,在夸贊的后面,用戶們往往會補(bǔ)刀:「好是好,就是太重了。」(第一代重量為25公斤,是普通自行車重量的2倍。)


于是,為了改善用戶體驗(yàn)(看,基于用戶反饋。又是用戶研究。),第二代摩拜單車在確保安全和耐用的前提下對每個(gè)零件減重,整車僅重 15.5kg。比于第一代單車「減重」了約 10 公斤。


這還僅僅是車身重量,其他各方面,輪胎,鎖,鏈條,車座等等,全部做了優(yōu)化改進(jìn)。此處不再延申討論。

 

 


回到做WEB或者APP的設(shè)計(jì)上。


中國的互聯(lián)網(wǎng)行業(yè)并不羞于抄襲對手,現(xiàn)在產(chǎn)品同質(zhì)化這么嚴(yán)重,靠單純的產(chǎn)品創(chuàng)意早已經(jīng)無法取勝了。


現(xiàn)在產(chǎn)品更多的核心優(yōu)勢是ABC——人工智能(AI)、大數(shù)據(jù)(BIG DATA)和云計(jì)算(CLOUD)。我們頂尖的算法工程師們(Data Scientist)好不容易對數(shù)據(jù)做了識別、分析和精準(zhǔn)有效的輸出。


結(jié)果在交互這一環(huán)沒做好,用戶找不到,看不懂,不會用這些產(chǎn)品/內(nèi)容。你做設(shè)計(jì)的良心會不會痛?


 

六.用戶體驗(yàn)設(shè)計(jì)就是需要“以用戶為中心”(user-centered)而設(shè)計(jì)


不要拍腦袋決定,不要自己YY。

不然只能設(shè)計(jì)出一個(gè)你自己想要的,或者是你老板想要的產(chǎn)品。

 

舉個(gè)反面案例:生活中的例子,廁所標(biāo)識。

 

用戶體驗(yàn)—— 正常

這張圖,好理解吧,廁所標(biāo)志。就算右邊那個(gè)清朝的個(gè)性了點(diǎn),那也是設(shè)計(jì)得不錯(cuò),能看懂。


 

用戶體驗(yàn)—— 差

這張圖,額。雞?讓我想想,哪個(gè)是公雞,哪個(gè)是母雞?只要我努力辨認(rèn),我還是有機(jī)會成功上廁所的。


 

用戶體驗(yàn)—— 極品差

這就是設(shè)計(jì)師自己YY的結(jié)果。


這張圖,這都是什么玩意兒?大象?長頸鹿?什么意思?設(shè)計(jì)師,你給我出來,你信不信我打不死你?


這樣的廁所標(biāo)志,我猜都猜不出來,我只能跑到廁所門口張望,當(dāng)個(gè)女流氓,看看廁所里的坑位是什么樣的,我才有指望上廁所。

 

好了,那位設(shè)計(jì)師現(xiàn)身說法了,他的靈感源于動物習(xí)慣,大家弄不清楚的原因是他們不了解動物的具體習(xí)性。


長頸鹿在噓噓時(shí)會張開雙腿,這標(biāo)志著女廁所,而大象則用象鼻噴水,這標(biāo)志著男廁所。他的靈感在大部分人看來太牽強(qiáng),因?yàn)橐话闳藢τ谶@些動物習(xí)慣一無所知,用大象和長頸鹿來分辨廁所之間的區(qū)別是不是很無語?


這設(shè)計(jì)師就光顧自己玩創(chuàng)意了,自己YY。廁所是為了給大家?guī)矸奖愕?,好的設(shè)計(jì)創(chuàng)意是一回事,但最大的問題也是要方便眾人使用的。

 



舉個(gè)正面案例:APP的例子, AR(增強(qiáng)現(xiàn)實(shí))。


現(xiàn)在AR技術(shù)已經(jīng)相對成熟了,導(dǎo)航,家居,翻譯,試妝,試鞋,地球儀都有AR。

 

拿AR試鞋舉例子。

Before: N年前,AR試鞋還是把鞋子投到地面上,看個(gè)大致效果。(左側(cè)Before截圖大概是我3年前截的)

Now: 現(xiàn)在,AR技術(shù)做強(qiáng)了,AR試鞋就直接投到腳上,能夠看到鞋子上腳的效果。對用戶而言,體驗(yàn)更好。對商家而言,轉(zhuǎn)化率會更高。

 

好了,用戶體驗(yàn)就講到這了,是不是很輕松,看看故事就有些體會了?


 

最后,

今年是喬幫主逝世10周年,緬懷下!原來,他已經(jīng)離開這么久了。

 

I skate to where the puck is going to be, not where it has been. 

- Wayne Douglas Gretzky

這句話簡單來說,就是預(yù)判形勢,提前準(zhǔn)備。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報(bào)下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

文章來源:站酷  作者:Lu傾傾
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔