用戶體驗五要素你用對了嗎?
編輯導(dǎo)語:設(shè)計師在面試時怎么體現(xiàn)自己的專業(yè),比如在進行自己的產(chǎn)品設(shè)計分析時,可以使用用戶體驗五要素進行回答,用戶體驗的五要素在我們的工作中也很有用;本文作者分析了用戶體驗五要素,我們一起來看一下。
AJAX之父Jesse James Garrett在2007年出版了一本名為《用戶體驗要素》的書,提出了從5個要素自下而上的建設(shè)用戶體驗;從最早這本書針對web端的設(shè)計到現(xiàn)在移動互聯(lián)的app設(shè)計,因為其超強的普適性和實戰(zhàn)指導(dǎo)性被廣為流傳為UX設(shè)計中經(jīng)典的項目創(chuàng)建與研究的方法論。
其實市面上寫5要素的文章挺多的,但是最近作為面試官收到了一些給5要素強凹造型的作品集,所以還是想給鐵汁們寫一篇看完就能用的5要素解析;爭取就一篇讓大家get如何用戶體驗5要素深度分析產(chǎn)品設(shè)計,如何高級且不露聲色的把它應(yīng)用到你的作品集里。
一、戰(zhàn)略層
非常認同書里對于戰(zhàn)略層開篇的說法:通常一款產(chǎn)品的失敗原因并不在于用戶體驗或技術(shù)實現(xiàn),而是在產(chǎn)品搭建之前沒有人明確回答2個問題“我們通過這個產(chǎn)品要獲得什么?”和“用戶通過我們的產(chǎn)品能獲得什么?”,概括來說就是“產(chǎn)品目標”和“用戶需求”這2個維度的問題。
讓我們來康康他們的拓展分支:
1. 商業(yè)目標
商業(yè)產(chǎn)品的終期目的都是賺錢二字,那么如何賺錢就是分階段進行商業(yè)戰(zhàn)略規(guī)劃的。
不同階段的商業(yè)目標決定了產(chǎn)品目標和形態(tài),打個比方:馬蜂窩、小紅書一類的社交產(chǎn)品在進行商業(yè)化目標后他們就開始賣貨了,讓用戶從看筆記到種草下單的整個流程都可以在自家的app里完成(“閉環(huán)”建設(shè));所以從商業(yè)目標的角度我們基本可以回答做一款產(chǎn)品的目的是什么,也就是它整體大方向的產(chǎn)品目標。
2. 用戶研究
要弄清用戶需要什么,就需要先定義我們的用戶到底是誰,從而針對定義的用戶群進行相關(guān)的用戶研究。
具體的用戶研究方法相信大家也都有了解,定性調(diào)研:用戶畫像、用戶訪談、焦點小組,定量調(diào)研:問卷調(diào)研等;這些建議大家在往作品集里燥的時候準備一下細節(jié)的問題類似“你的問卷樣本在什么渠道投放的?”、“你的樣本投放數(shù)量是怎么商定的?”,防止面試時的尷尬。
3. 成功標準
不同的產(chǎn)品目標對應(yīng)著不同的核心數(shù)據(jù)指標,如何判斷產(chǎn)品目標是否達成需要進行對應(yīng)的數(shù)據(jù)校驗。
打個比方:之前做小桔租車時幾個核心指標:用戶租車率、用戶滿意度(進線率)…;做小桔車服時的幾個核心指標:各子業(yè)務(wù)(比如加油、維保)的下單率/交易量…,但這些核心數(shù)據(jù)和設(shè)計之間的關(guān)系大家需要盡量通過一些A/B test或控制變量的方式合理求證。
看完以上這一趴大家就可以先對自己的內(nèi)心(zuo pin ji)暴擊三連問:我們的產(chǎn)品是出于什么樣的商業(yè)目標變成現(xiàn)階段這個形態(tài)的?我們的產(chǎn)品是怎樣一群人在用?我們產(chǎn)品的核心數(shù)據(jù)指標是啥?(設(shè)計是否對其產(chǎn)生影響?)
二、范圍層
之前看很多鐵汁把范圍層理解為“用戶需求”,但其實應(yīng)該是更具象一點的東西,即通過“用戶需求”推導(dǎo)出的產(chǎn)品內(nèi)容需求和功能規(guī)劃。
“范圍”二字可以理解為2層含義:
- 需要開發(fā)的產(chǎn)品功能的范圍;
- 項目時間規(guī)劃的范圍。
1. 產(chǎn)品功能
根據(jù)實戰(zhàn)中的經(jīng)歷,我們一般把產(chǎn)品功能劃分為2部分“功能型”和“信息型”。
“功能型”顧名思義就是產(chǎn)品的基礎(chǔ)功能,比如抖音中的拍攝流程、用戶中心、關(guān)注列表等等,它決定了用戶都可以在我們的產(chǎn)品上做什么,它的決策需要充分思考用戶的不同場景訴求;我們可以依據(jù)目標用戶在不同場景下的行為路徑判斷出他們的剛需。
“信息型”指的是用戶編輯內(nèi)容UGC和專業(yè)編輯內(nèi)容PGC的對外展示,比如喜馬拉雅中用戶上傳的音頻就是用戶編輯內(nèi)容UGC,而運營/產(chǎn)品小編上傳的音頻就是專業(yè)編輯內(nèi)容PGC。
對于體驗設(shè)計來說,認知不同的產(chǎn)品功能分類能讓我們在實戰(zhàn)中更好的規(guī)劃布局少踩一些坑。
舉個“栗”子:比如一個UGC的視頻信息流設(shè)計,需要對用戶可能編輯與發(fā)布的各種情況有所決策;比如是挖空腦子想一個萬能布局保障他們上傳什么奇奇怪怪的尺寸也可以適配?還是對他們上傳尺寸進行裁剪?如果裁剪是拉伸裁剪還是全顯裁剪?
2. 項目規(guī)劃
對于產(chǎn)品、技術(shù)、設(shè)計來說都有各自不同的項目規(guī)劃方式,但統(tǒng)一的是對功能優(yōu)先級的劃分以及規(guī)劃排期。
這里建議初中級的同學(xué)先了解整體的項目排期(產(chǎn)品迭代上線的時間與設(shè)計的周期)與團隊合作流程開始,逐步整理出自己在項目中的角色定位與規(guī)劃;高級到資深的同學(xué)建議嘗試自己搭建項目排期并進行需求優(yōu)先級的界定,有機會的話再帶帶實習(xí)童鞋和新人會對你們下一步晉升有很大幫助。
三、結(jié)構(gòu)層
結(jié)構(gòu)層是一個將實際需求從抽象轉(zhuǎn)為具象的中間層,這里包含“交互設(shè)計”與“信息架構(gòu)”2個方面。
1. 交互設(shè)計
這里的交互設(shè)計解決的是范圍層界定的功能以什么樣的方式呈現(xiàn)的問題。
打個比方:之前做的獵豹清理大師(手機清理app),產(chǎn)品目標:更輕更快從而獲得更多用戶認同與使用,范圍層界定是以“一鍵加速”清理垃圾功能為核心展開的4類清理功能。
那么針對以上情況,我們做的整體交互設(shè)計就是減少手勢操作,點對點直線使用功能,沉浸式加速動畫直觀表達功能的快速反饋。
另外因為我們接觸的端口除了移動端以外,還有很多類似現(xiàn)在涌現(xiàn)的M端(例如盒馬線下自助終端機等),就會牽扯到更多“深奧”的人機交互,需要我們有更多整體人機交互上的考量。
2. 信息架構(gòu)
信息架構(gòu)的目的是梳理復(fù)雜的產(chǎn)品功能,確保用戶體驗的邏輯,落地到實處的話可以理解為功能節(jié)點的關(guān)聯(lián)流程圖。
這個可以拆分用在之后體驗優(yōu)化的很多環(huán)節(jié):比如用戶體驗地圖、節(jié)點漏斗優(yōu)化等。
書里列舉了一堆結(jié)構(gòu)化的方式:自然結(jié)構(gòu)、矩陣結(jié)構(gòu)、線型結(jié)構(gòu)等等,個人覺得了解一下就好了,具體還是要根據(jù)產(chǎn)品進行自定義的。
四、框架層
相較結(jié)構(gòu)層,框架層的顆粒度更加細化,在框架層我們需要仔細思考每個具體頁面的框架與信息設(shè)計,再落地說就是要出個高保真原型出來。
具體的框架與信息設(shè)計定義不同的功能安放在對應(yīng)合適的容器框架中,依然還是由范圍層界定的產(chǎn)品功能及優(yōu)先級來決定的。
基本遵循的原則就是:讓用戶優(yōu)先看到他們需要的內(nèi)容和我們想讓他看見的內(nèi)容。
現(xiàn)在主流的幾種大容器框架設(shè)計:大卡片feed流、無框式、線性列表等。
定義整體的產(chǎn)品框架設(shè)計是非常核心的體驗設(shè)計亮點,大家可以從將此與前幾層偏抽象的內(nèi)容呼應(yīng)起來,使框架設(shè)計變的有理有據(jù)。
具體的信息設(shè)計除了注意信息表達的優(yōu)先級、拓展性與一致性之外;實戰(zhàn)經(jīng)驗告誡大家一定注意區(qū)分運營配置位與產(chǎn)品功能區(qū)的信息設(shè)計。
具體的內(nèi)容可以回看之前寫過的0-1系列:UX全方案思考與呈現(xiàn),這里就不細說了。
五、表現(xiàn)層
忘了之前在哪兒看到有人提出過因為表現(xiàn)層已經(jīng)到瓶頸了,所以大家需要轉(zhuǎn)向其他層去提升自己的價值。
這里表示不太認同,視覺層并不是只給高保真原型圖上個色、畫個插圖這種操作。
書里把視覺層定義為感知設(shè)計,這里我們應(yīng)用到日常項目中可以理解為通過良好視覺化表達達成2個重要意義:信息獲取、品牌識別。
1. 信息獲取
如果說前4層的建設(shè)都是在為吸引用戶做鋪墊,那么表現(xiàn)層則是直接決定了用戶的視線停留。
灰色的、純文字的產(chǎn)品表達VS對比與一致性平衡的符號化產(chǎn)品表達,顯然后者可以在第一時間抓住用戶視線,并幫助用戶快速甄別內(nèi)容獲取信息。
2. 品牌識別
關(guān)于品牌這一趴我違背了書里的意志,擅自將它挪到了表現(xiàn)層。
原因是因為現(xiàn)在國內(nèi)的互聯(lián)網(wǎng)行情和可口可樂那個時代不太一樣了,太多像拼多多這樣雄起的產(chǎn)品先業(yè)務(wù)再品牌,他們的勝出帶來一個思考:是否用戶下沉的互聯(lián)網(wǎng)國潮更習(xí)慣將品牌建設(shè)后置。
這里我們談及的“品牌”概念不僅僅只是一個logo一種顏色;它覆蓋了產(chǎn)品從線上到線下、端內(nèi)到端外的所有視覺內(nèi)容,決定了用戶對產(chǎn)品的潛在認知,是一個涵蓋多方面視覺DNA的完整視覺識別系統(tǒng),通常都是由多方設(shè)計組根據(jù)各自的業(yè)務(wù)線與端口共建完成的大型系統(tǒng)。
六、5要素樸實無華用法小tips
作為一個主導(dǎo)0-1項目N次的老司機來說,其實5要素不算紙上談兵還是很實用的,在項目創(chuàng)建初期就可以起到一定的指導(dǎo)作用;新手搭建團隊或者新項目起手都可以依據(jù)這個方法論進行團隊角色和流程的梳理。
另外對于大家來說可能更加實用的是作品集的規(guī)劃和面試問答。
看完這篇文章大家應(yīng)該都發(fā)現(xiàn)5要素幾乎涵蓋了所有UX設(shè)計師面試大小廠子時可能經(jīng)歷的問答題,因為它是一個完整且經(jīng)典的產(chǎn)品設(shè)計流分析法。
這里給大家一個超大忠告就是切莫在作品集里像問答題一樣把5要素列舉出來,這樣就顯得很生硬很強凹造型,如下圖:
最好是把5要素化為自己的理解,靜悄悄的融入到每個項目中,把問答題變成講故事(可以參考以上各種示例圖)。
也并不是所有項目都需要把這么全面的5要素都體現(xiàn)出來,可以根據(jù)項目的量級與情況,突出響應(yīng)出彩的部分,這樣作品集就有了節(jié)奏。
作者:Nana,滴滴資深UX設(shè)計師,微信公眾號「Nana的設(shè)計錦囊」
本文由 @NaNa 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
講的很好很透徹
收講解的很到位。謝謝分享。不過有一個點有些疑問:抖音也是一個ugc平臺,用它來舉例說明功能型產(chǎn)品會有歧義,個人認為可以用美圖秀秀(拍照修圖軟件)、拍照取字(OCR軟件)純功能型產(chǎn)品舉例比較合適。
受益匪淺,感謝
感謝樓主的分享!好文章。
細致滴講解!
感謝分享。五要素不是新鮮概念了,但今天看了貼子,生動有趣的講解讓我又有一些不同的體會。