有好多交互新人或尚未跨進(jìn)交互設(shè)計(jì)大門的同學(xué),會(huì)經(jīng)常問(wèn)的一個(gè)問(wèn)題:交互設(shè)計(jì)師需要具備怎樣的技能和能力?
本文將以「小餅」一個(gè)交互新人的成長(zhǎng)過(guò)程以及工作中遇到的問(wèn)題,來(lái)跟大家分享交互設(shè)計(jì)師必備的9種能力。
1. 產(chǎn)品意識(shí)
設(shè)計(jì)師有時(shí)候會(huì)收到用戶的反饋,如:哎?你們易信的顏色是不是太亮了,能不能調(diào)整一下?
這時(shí)候作為交互新人的小餅,他的第一反應(yīng)是:哦,好吧,既然用戶有這樣的反饋,那么我們就去調(diào)整方案。
首先,要思考一下用戶的這些反饋或需求,是「真需求」還是「?jìng)涡枨蟆梗?/p>
福特曾經(jīng)說(shuō)過(guò):如果我開始問(wèn)消費(fèi)者他們想要什么,他們會(huì)告訴我:要一匹更快的馬!
每位設(shè)計(jì)師應(yīng)該都知道,當(dāng)用戶表示需要「要一匹更快的馬」時(shí),他真實(shí)的想法其實(shí)要一個(gè)更快的交通工具。所以當(dāng)我們面對(duì)用戶的反饋時(shí),要去思考需求的真?zhèn)?。我們不可能一味滿足用戶的需求而不顧產(chǎn)品目標(biāo),所以需要在用戶需求和產(chǎn)品目標(biāo)中找到平衡點(diǎn)。最近在設(shè)計(jì)某個(gè)產(chǎn)品支付系統(tǒng)的退款功能,從產(chǎn)品角度來(lái)說(shuō)不希望過(guò)多用戶選擇退款。那么最終的設(shè)計(jì)方案是,將退款的入口做的很隱蔽,而且流程比較繁瑣(沒錯(cuò),就是故意的)。這樣就滿足雙方需求了,達(dá)到產(chǎn)品目標(biāo)和用戶需求的平衡。所以交互設(shè)計(jì)師要有產(chǎn)品意識(shí),不能只去滿足用戶,也要顧慮到產(chǎn)品和商業(yè)目標(biāo)。
2. 以用戶為中心
小餅同學(xué)的設(shè)計(jì)方案常常會(huì)受到用戶的一些質(zhì)疑:
這些是交互設(shè)計(jì)師經(jīng)常遇到的問(wèn)題,沒有以用戶為中心去思考和設(shè)計(jì)。
什么叫以用戶為中心的設(shè)計(jì)方法?具體講,就是我們從需求產(chǎn)出,到整個(gè)需求的細(xì)分,以及我們方案的產(chǎn)出和驗(yàn)證都是圍繞著以用戶為中心的。如果需要分析用戶,我們就會(huì)走到用戶的生活場(chǎng)景里去看他們?cè)趺词褂卯a(chǎn)品的。
比如,站在用戶的身后,從他們的視角去觀察如何使用。同樣我們也會(huì)對(duì)用戶進(jìn)行一些細(xì)分,對(duì)人群進(jìn)行組合或抽離出某個(gè)具體概念,這叫「用戶畫像」。
當(dāng)設(shè)計(jì)師以用戶為中心的方法進(jìn)行設(shè)計(jì)時(shí),往往會(huì)要考慮三件事情:
3. 邏輯思維能力
隨著小餅的不斷成長(zhǎng),他開始接受更多更復(fù)雜的任務(wù)。有一天,老大給他了一個(gè)大活:哎?小餅啊,我們?cè)崎喿x的支付成功率很低,你研究下如何優(yōu)化?
那怎么去優(yōu)化呢?小餅一頭霧水。
作為一名交互設(shè)計(jì)師,當(dāng)我們的老板向我們提出「最近的支付率很低」或者「我們的用戶量很低」,怎樣去優(yōu)化它?
這里就涉及到我們的邏輯分析能力。網(wǎng)易云閱讀支付環(huán)節(jié)的整個(gè)流程,我們稱之為「交互流程圖」,會(huì)把用戶在使用產(chǎn)品的每個(gè)接觸點(diǎn)都列舉出來(lái),然后再去分析用戶在每個(gè)接觸點(diǎn)都會(huì)遇到怎樣的問(wèn)題。
在這個(gè)案例我們進(jìn)行了如下三種處理:
刪除:刪除「web結(jié)算頁(yè)面」,之前的頁(yè)面已經(jīng)有了,再次出現(xiàn)屬于重復(fù)信息。
合并:「購(gòu)買結(jié)算頁(yè)面」,將統(tǒng)一操作流程的頁(yè)面合并在一起,去除不必要的頁(yè)面。再看余額充值的環(huán)節(jié),「確認(rèn)充值」、「選擇充值方式」、「充值金額」這三個(gè)流程都可以放到一個(gè)頁(yè)面里,以減少用戶在頁(yè)面間的跳轉(zhuǎn),避免在此流程中造成用戶流失。
修改:「購(gòu)買成功」頁(yè)面提供更好的反饋體驗(yàn)通過(guò)砍掉不必要、合并相同和修改體驗(yàn)不好的頁(yè)面,這樣整個(gè)流程的優(yōu)化完,支付比例有了非常顯著的提升。
關(guān)于邏輯分析能力,不僅體現(xiàn)在我們對(duì)于交互流程和業(yè)務(wù)流程上的梳理,同時(shí)也體現(xiàn)在我們對(duì)數(shù)據(jù)的解讀和分析上。上面的例子中,我們通過(guò)「數(shù)據(jù)漏斗模型」來(lái)分析每個(gè)環(huán)節(jié)用戶的流失情況,然后針對(duì)性地提出解決方案。
4. 頁(yè)面排版能力
作為交互新人難免會(huì)收到同事的反饋建議,比如:
所以交互設(shè)計(jì)師需要怎樣的排版設(shè)計(jì)能力呢?線框圖是交互設(shè)計(jì)師的主要產(chǎn)出物,它包含了所有頁(yè)面流程和單頁(yè)面的信息布局。
就像如下圖所示,如果欠缺思考的隨意布局可能給下游的同學(xué)造成很大的困擾。比如,沒有認(rèn)真對(duì)待信息間距而造成的誤導(dǎo),錯(cuò)誤的提示色也會(huì)給視覺同學(xué)造成干擾。所以建議交互設(shè)計(jì)師通過(guò)簡(jiǎn)單的黑白灰樣式來(lái)表達(dá)頁(yè)面優(yōu)先級(jí)以及重要程度的區(qū)分。如果覺得某個(gè)信息很重要,可以顏色重一點(diǎn),也可區(qū)域更大一些。這些格式塔心理學(xué)的知識(shí)對(duì)我們頁(yè)面排版能力的提升很重要。
設(shè)計(jì)師常用排版的原則:
隱藏:如果有很多信息,但是用戶又不太常見,那么可以把它隱藏起來(lái),就「眾籌紅包」右上角這里的問(wèn)號(hào),這里是關(guān)于眾籌紅包的解釋說(shuō)明,對(duì)于用戶而言是不需要經(jīng)常去關(guān)注的,所以把它隱藏起來(lái)。
刪除:一些額外的信息對(duì)整個(gè)頁(yè)面是不太重要的,就可以把它刪除掉。
合并&組織:如果很多信息的邏輯關(guān)系是在一起的,我們可以把它們合并或者進(jìn)行重新組織,把它們放得近一點(diǎn),也可以把它們打亂再重新去整合。
5. 細(xì)節(jié)處理能力
小餅同學(xué)又遇到了問(wèn)題。
boss:哎?你這個(gè)閱后即焚的方案,為什么細(xì)節(jié)漏掉那么多!
小餅一頭霧水:哎?我并沒有覺得我遺漏任何細(xì)節(jié)啊,那不就是我單獨(dú)的一個(gè)發(fā)送方把頁(yè)面發(fā)給另一方,對(duì)方看完之后就消失掉了。就這么簡(jiǎn)單的一個(gè)方案。
上圖是小餅同學(xué)做的交互方案。上面是發(fā)起方,有一個(gè)「閱后即焚」的功能,點(diǎn)擊之后發(fā)給另外一方,這時(shí)接受方就會(huì)看到這條信息,并點(diǎn)擊進(jìn)行去查看。仔細(xì)看一下,他到底遺漏了那些信息?
6. 用戶研究能力
有一天突然被老大問(wèn)到: 你的方案到底靠不靠譜,你有沒有驗(yàn)證過(guò)?
小餅突然間就蒙圈了:哎?沒有驗(yàn)證過(guò)。我覺得挺好的。
老板暴跳如雷:你覺得就可以了嗎?拿出證據(jù)來(lái)!
這里說(shuō)的的驗(yàn)證或證據(jù),就是通過(guò)用戶研究來(lái)驗(yàn)證設(shè)計(jì)方案。那么用戶研究有什么好處呢?
低成本:在線上前的快速驗(yàn)證,避免提升開發(fā)成本和對(duì)用戶體驗(yàn)的傷害。
高效:不需要上線版本,有時(shí)候幾張紙面原型就能讓用戶體驗(yàn),發(fā)現(xiàn)設(shè)計(jì)的問(wèn)題。
設(shè)計(jì)能力提升:通過(guò)用戶的反饋來(lái)驗(yàn)證設(shè)計(jì)思路,培養(yǎng)和提升設(shè)計(jì)師的設(shè)計(jì)能力和自信心。
簡(jiǎn)單高效的用戶驗(yàn)證,往往能夠把我們從設(shè)計(jì)困惑中解救出來(lái)。
舉個(gè)例子,當(dāng)初易信2.0改版時(shí)希望把主tab頁(yè)面改成「發(fā)現(xiàn)」,但是礙于「過(guò)于同質(zhì)」的壓力,遲遲不肯做決定。后來(lái)當(dāng)我們進(jìn)行用戶測(cè)試時(shí),用戶未覺得有什么不妥。有時(shí)候,設(shè)計(jì)師過(guò)于從自身角度去思考問(wèn)題,而忽略真實(shí)用戶的體驗(yàn),設(shè)計(jì)師糾結(jié)的「設(shè)計(jì)潔癖」,對(duì)于真實(shí)用戶而言也許并不重要,甚至都不會(huì)注意到。 初級(jí)設(shè)計(jì)師都會(huì)在糾結(jié)在抄襲與創(chuàng)新之間,都會(huì)經(jīng)歷三個(gè)階段:
為了借鑒而借鑒。
為了避免借鑒而差異化設(shè)計(jì)。
為了用戶習(xí)慣而設(shè)計(jì)。
當(dāng)我們不再關(guān)心是不是抄襲或者借鑒,而是關(guān)注產(chǎn)品能不能滿足用戶的使用場(chǎng)景時(shí),才是回到設(shè)計(jì)師的「初心」了。
7. 溝通能力
隨著設(shè)計(jì)師的一個(gè)不斷成長(zhǎng),常會(huì)去跟產(chǎn)品溝通需求和方案,小餅又遇到了哪些難題呢:你這個(gè)方案太傷害用戶體驗(yàn)了,可不可以不要這樣做?
產(chǎn)品說(shuō):不可以的。這個(gè)方案是銷售提出來(lái)的,我完全沒有辦法改變他們。
此時(shí)小餅作為設(shè)計(jì)師,就暴跳如雷地說(shuō):這么蛋疼的需求!我不做了!
我不做了,真的就能解決問(wèn)題嗎?設(shè)計(jì)師在工作中會(huì)遇到一些不太靠譜或不太善于合作的需求方,那該怎么辦呢?我們需要學(xué)會(huì)如何溝通。
在產(chǎn)品設(shè)計(jì)中,產(chǎn)品和交互設(shè)計(jì)師是綁在一起的,應(yīng)該共同為整個(gè)產(chǎn)品的體驗(yàn)和產(chǎn)品的將來(lái)去負(fù)責(zé)。我們應(yīng)該怎樣幫助小餅去呢?首先,與產(chǎn)品經(jīng)理明確當(dāng)前不是最優(yōu)方案,但是最為簡(jiǎn)單高效;其次,如果有機(jī)會(huì)方案會(huì)進(jìn)行優(yōu)化;最后,明確產(chǎn)品和交互應(yīng)該共同去推動(dòng)產(chǎn)品前進(jìn)而非相互摔鍋。最終目的是讓產(chǎn)品理解到產(chǎn)品和交互是并肩作戰(zhàn)的。
所以看來(lái)溝通對(duì)交互設(shè)計(jì)師是非常重要的能力,它不僅局限于和產(chǎn)品的溝通,也牽涉到視覺,開發(fā),測(cè)試甚至銷售去溝通,與大家共同實(shí)現(xiàn)產(chǎn)品方案,并最終落地。
8. 執(zhí)行力
我們有多少次,因?yàn)楦M(jìn)不到位而導(dǎo)致需求擱淺?就像上面的故事一樣,缺乏執(zhí)行力,對(duì)設(shè)計(jì)師是很致命的問(wèn)題。為什么說(shuō)執(zhí)行力對(duì)于交互設(shè)計(jì)師特別重要?
下圖非常好地展示了我們的需求功能不斷被「干掉」的過(guò)程,真正能實(shí)現(xiàn)并上線的卻很少。在開發(fā)過(guò)程中,開發(fā)也會(huì)因?yàn)橹芷趩?wèn)題不能完成,測(cè)試也會(huì)說(shuō)沒時(shí)間測(cè),導(dǎo)致功能精簡(jiǎn)。在每個(gè)環(huán)節(jié),我們的功能都會(huì)被砍掉部分,最終到用戶能使用的,永遠(yuǎn)都是一小部分。縱觀整個(gè)方案,從交互到視覺,到開發(fā)、測(cè)試,然后上線,最終到市場(chǎng),每一步都要執(zhí)行下去。
作為交互設(shè)計(jì)師,設(shè)計(jì)的功能只有最終上線才能體現(xiàn)價(jià)值。所以我們關(guān)注的不僅僅是我們做方案階段,我們還要關(guān)注這個(gè)方案能不能去執(zhí)行,能不能去落實(shí),能不能讓用戶去體驗(yàn)。
9. 學(xué)習(xí)能力和好奇心
設(shè)計(jì)是關(guān)于解決問(wèn)題的方法論,這套方法論可以適用在不同的產(chǎn)品或者領(lǐng)域里。為了解決各種復(fù)雜問(wèn)題,我們要保持一個(gè)好奇心,去學(xué)習(xí)新東西,去體驗(yàn)新東西??缃绲慕?jīng)驗(yàn)背景,跨界的思維方式,對(duì)于交互設(shè)計(jì)師的發(fā)展非常重要??缃绲慕?jīng)驗(yàn)和思維方式,可以給我們帶來(lái)全新的視角去看待問(wèn)題,所以好奇心和學(xué)習(xí)能力是很重要的。
題外話,我在面試時(shí)偶爾會(huì)問(wèn)個(gè)問(wèn)題:能不能看一下你的手機(jī)?。炕蛘吣阕罱荚谕媸裁春猛娴腁pp?
這個(gè)問(wèn)題看似輕描淡寫,但實(shí)際上我能通過(guò)面試者手機(jī)里都裝了什么樣的App知道他平時(shí)都關(guān)注些什么。
怎么做永遠(yuǎn)怎么說(shuō)的更真實(shí)。我們看一個(gè)人的時(shí)候,如果只看他怎么說(shuō),往往會(huì)有很多修飾性。但是如果看他的習(xí)慣的時(shí)候,就很難去掩飾。我們每個(gè)設(shè)計(jì)師也都是這樣,你不僅要很好奇的去涉獵其他產(chǎn)品,也要關(guān)注自己的產(chǎn)品,要保持好奇心,去體驗(yàn)不同的產(chǎn)品,去發(fā)現(xiàn)不同的領(lǐng)域和商機(jī)。
總結(jié)
交互設(shè)計(jì)師必備的9種能力已經(jīng)梳理完畢,其實(shí)這9種能力并非科班教育的要求,而是多年工作經(jīng)驗(yàn)積累總結(jié)的結(jié)果。再來(lái)回顧一下這幾點(diǎn):
產(chǎn)品意識(shí):交互設(shè)計(jì)師要懂挖掘需求,衡量產(chǎn)品目標(biāo)和理解用戶。以用戶為中心去思考我們的需求,進(jìn)行邏輯分析,去繪制流程圖,去關(guān)注用戶在產(chǎn)品中的每個(gè)接觸點(diǎn),并將落實(shí)到整個(gè)頁(yè)面布局和流程設(shè)計(jì)上。
細(xì)節(jié)決定成?。涸谠O(shè)計(jì)的整個(gè)過(guò)程中我們應(yīng)該注意到哪些細(xì)節(jié),哪些是設(shè)計(jì)師必須要考慮的問(wèn)題。
用戶研究能力:設(shè)計(jì)師要有很好的用戶研究意識(shí)。
好的溝通能力和執(zhí)行能力是確保我們?cè)O(shè)計(jì)方案能夠落地執(zhí)行,最終交付到用戶手上。保持好奇心和跨界的思維,能夠讓我們?cè)谠O(shè)計(jì)領(lǐng)域保持長(zhǎng)青。
曾經(jīng)的新人小餅經(jīng)過(guò)多年各種「打怪升級(jí)」現(xiàn)在已成一名光榮的設(shè)計(jì)老司機(jī)。但是他不會(huì)忘記那激情燃燒的歲月和踩過(guò)的坑。