阿里巴巴內(nèi)部資料 | 交互設(shè)計(jì)全檔案
引言
一直以來(lái),交互設(shè)計(jì)師都是一個(gè)受到廣泛質(zhì)疑的崗位,很多人不了解交互設(shè)計(jì)師的價(jià)值,更直接的說(shuō),我們大多數(shù)的交互設(shè)計(jì)師沒(méi)有表現(xiàn)出足夠的、令人信服的專業(yè)度。
大約五年前選擇了這個(gè)職業(yè),一路走來(lái),質(zhì)疑過(guò)、探討過(guò),也爭(zhēng)辯過(guò)。和很多交互設(shè)計(jì)師一樣,我也有過(guò)盲目自信和茫然失措,歷經(jīng)時(shí)間的鞭撻后,漸漸的我對(duì)這份工作、這個(gè)專業(yè),有了一些個(gè)人的感悟……
從我的理解來(lái)看,100分的頂尖交互設(shè)計(jì)師們通常天賦異稟、特立獨(dú)行。但75分的合格交互設(shè)計(jì)師們卻有跡可循,完全可以看作是流水線生產(chǎn)的標(biāo)準(zhǔn)件,今天,我和大家聊的就是這些75分交互設(shè)計(jì)師的專業(yè)度體現(xiàn)。
·交互設(shè)計(jì)師的基本素質(zhì)
首先,談?wù)勎覀€(gè)人對(duì)交互設(shè)計(jì)師基本素質(zhì)的看法。從我個(gè)人的理解來(lái)看,可以簡(jiǎn)單歸納為九字訣:“聽(tīng)、看、想、說(shuō)、磨、做、驗(yàn)、寫、講”。
1)聽(tīng):做一個(gè)交互設(shè)計(jì)師,最重要的一點(diǎn)就是要懂得傾聽(tīng)(這里蘊(yùn)藏了一個(gè)隱晦的性格屬性:謙虛?。?。通常情況下,我們不是用戶,所以很難100%代表用戶,更左右不了老板,所以我們首先要有聽(tīng)的本事,把來(lái)自用戶的、老板的、PD的、視覺(jué)的、前端的、開發(fā)的、測(cè)試的、市場(chǎng)的、業(yè)界的等各方面的聲音都聽(tīng)過(guò)來(lái),聽(tīng)進(jìn)去。
2)看:99%的情況下,交互不是一蹴而就的創(chuàng)造工作,它是站在前人肩膀上不斷迭代更新的行為過(guò)程。我這里指的“看”是要求設(shè)計(jì)師能博覽、能泛獵,看到好的,見(jiàn)過(guò)差的,什么都略懂,交互才能變得很美……
3)想:交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當(dāng)設(shè)計(jì)師將之前聽(tīng)到的和看到的內(nèi)容在頭腦中加以整理、分析,經(jīng)過(guò)發(fā)散的創(chuàng)造性碰撞和嚴(yán)謹(jǐn)?shù)倪壿嬚撟C后,逐漸得到了相對(duì)靠譜的交互產(chǎn)物。這個(gè)思索分析的過(guò)程貫穿于交互設(shè)計(jì)工作流程的每個(gè)環(huán)節(jié)。
4)說(shuō):一個(gè)能說(shuō)會(huì)道的人不一定是一個(gè)優(yōu)秀的交互設(shè)計(jì)師,但一個(gè)優(yōu)秀的交互設(shè)計(jì)師必然是一個(gè)善于準(zhǔn)確表達(dá)自己想法和觀點(diǎn)的人。在這一點(diǎn)上,我堅(jiān)持交互是一門分享的學(xué)科,需要的是開放的性格和良好的溝通技巧。
5)磨:耐心、技巧、熱情的綜合表現(xiàn)。在一個(gè)項(xiàng)目的進(jìn)程中,不可避免的會(huì)面臨很多的挑戰(zhàn),優(yōu)秀的交互設(shè)計(jì)師善于發(fā)揮“磨”的精神,他們懷揣對(duì)交互專業(yè)的無(wú)比熱情,以無(wú)所不用其極的技巧,耐心的纏死一個(gè)又一個(gè)質(zhì)疑方,最終讓大家認(rèn)同并幫助推動(dòng)設(shè)計(jì)的實(shí)現(xiàn)。通常來(lái)說(shuō),一個(gè)優(yōu)秀的交互設(shè)計(jì)師會(huì)是一個(gè)優(yōu)秀的Idea推銷員。
6)做:交互設(shè)計(jì)師專業(yè)度的核心表現(xiàn)。俗語(yǔ)說(shuō)得好,是騾子是馬,牽出來(lái)遛遛。對(duì)于交互設(shè)計(jì)師來(lái)說(shuō),之前的環(huán)節(jié)做得再好、再完美,也只是停留在設(shè)計(jì)師自己的腦子里,游蕩于聽(tīng)眾們的耳膜間。如果理論落實(shí)不到實(shí)際,那所有的想法都只是空中樓閣,你之前所有的努力都只是在佐證你的空泛和不切實(shí)際。所以我們不僅要能“做”,更要“做”得漂亮,“做”得完美!我一直都是這樣認(rèn)為:“做”決定了一個(gè)交互設(shè)計(jì)師是不是靠譜,決定了一個(gè)交互設(shè)計(jì)師的高度,是一個(gè)交互設(shè)計(jì)師最根本的專業(yè)素質(zhì)。
7)驗(yàn):用戶體驗(yàn)設(shè)計(jì),最終是要落實(shí)到用戶的身上的??陀^中立的驗(yàn)證、分析、評(píng)估能力是一個(gè)優(yōu)秀交互設(shè)計(jì)師的重要素質(zhì)。無(wú)論個(gè)人還是團(tuán)隊(duì),設(shè)計(jì)的成果都需要通過(guò)精準(zhǔn)的測(cè)試才能算得上合乎標(biāo)準(zhǔn),此時(shí),一顆平常心和一雙敏銳的眼睛是設(shè)計(jì)師最需要的。
8)寫:分析、歸納和總結(jié)能力的綜合表現(xiàn)。一個(gè)項(xiàng)目,無(wú)論成功還是失敗,總是有很多地方值得設(shè)計(jì)師本人或后來(lái)人借鑒。交互設(shè)計(jì)之路不是一座苛求零失誤的獨(dú)木橋,但絕對(duì)是一條要求零“重復(fù)”失誤的單行線。評(píng)價(jià)一個(gè)設(shè)計(jì)師的專業(yè)度,很重要的一環(huán)就是看他能不能多犯前人從來(lái)沒(méi)有犯過(guò)的錯(cuò)誤,并能有效總結(jié)給后來(lái)人。于是,他就成了大家,路就這樣被趟了出來(lái)……
9)講:演講能力。這里所指的是在項(xiàng)目后期進(jìn)行的交流分享。一個(gè)專業(yè)的交互設(shè)計(jì)師會(huì)站在宏觀的高度上,以平和的心態(tài)同他人溝通,驗(yàn)證自己先前設(shè)計(jì)的合理性、全面性和科學(xué)性,更好的提高自己的專業(yè)能力,為今后的交互設(shè)計(jì)做好準(zhǔn)備。
·交互專業(yè)度的具象化表現(xiàn)
剛才講了很多,但總體來(lái)說(shuō)還是偏理論,還是讓人摸不著頭腦,虛幻的概念最大的優(yōu)勢(shì)在于它的顛簸不破和四平八穩(wěn),誰(shuí)也揪不住它的小辮子。但這不是我的風(fēng)格,更不是我寫這篇文章的初衷,我希望的是拋磚引玉,給大家?guī)?lái)一些真正意義上能直接使用的東西。所以,接下來(lái),我們來(lái)些“干貨”,玩點(diǎn)簡(jiǎn)單粗暴的……
?根據(jù)阿里巴巴目前的產(chǎn)品開發(fā)流程,交互設(shè)計(jì)是大環(huán)節(jié)中的一個(gè)小點(diǎn),拋開雜亂的干擾信息,單純考量交互設(shè)計(jì)師在過(guò)程中的參與度,我們就能得到一個(gè)理想化的交互設(shè)計(jì)行為流:
流程沒(méi)什么好講的,更沒(méi)什么好爭(zhēng)辯的,無(wú)非也就是增加一個(gè)、減少一個(gè)、偷換概念、細(xì)分歸納之類的忽悠。我這里想和大家分享的是流程中每個(gè)環(huán)節(jié)的專業(yè)輸出物,我有一個(gè)激進(jìn)的想法:如果某人能精準(zhǔn)的完成某些公認(rèn)的標(biāo)準(zhǔn)化輸出物,那他99%可以被稱為是一個(gè)“專業(yè)”的75分交互設(shè)計(jì)師了,剩下的1%,也許是拼RP……
這里,我先簡(jiǎn)單交代一下即將涉及到的流程節(jié)點(diǎn)、對(duì)應(yīng)輸出物的圖形色塊的代表含義。
1)流程環(huán)節(jié)說(shuō)明:
2)流程環(huán)節(jié)各輸出物說(shuō)明(如圖1.5):
在我看來(lái),一個(gè)專業(yè)的交互設(shè)計(jì)師,在一個(gè)理想化產(chǎn)品設(shè)計(jì)的過(guò)程中,有一些是屬于必須的輸出物,有一些屬于最好有(推薦)的輸出物,還有一些屬于可有可無(wú)的輸出物。同時(shí),根據(jù)項(xiàng)目的實(shí)際情況和參與角色的分工情況,存在一些交互設(shè)計(jì)師可能需要負(fù)責(zé)的輸出物,具體細(xì)節(jié)我將在下面逐一介紹。
1)需求獲取階段:
?此階段通常來(lái)說(shuō)會(huì)由PD等外部資源發(fā)起,輸出物主要是FRD文檔和時(shí)間計(jì)劃文檔,用以描述問(wèn)題、提出初步目標(biāo),假想可能的解決方案、預(yù)估資源并梳理時(shí)間計(jì)劃等。當(dāng)然,對(duì)于從UED內(nèi)部發(fā)起的項(xiàng)目,這兩部分的輸出也可以由交互設(shè)計(jì)師完成,屬于可能責(zé)任輸出物;
2)需求分析階段:
?歷史數(shù)據(jù)的關(guān)注和分析階段,基于項(xiàng)目本身,要針對(duì)競(jìng)爭(zhēng)對(duì)手、行業(yè)現(xiàn)狀等做詳盡的收集和分析,其中的關(guān)鍵考核點(diǎn)是要做必要的頭腦風(fēng)暴,獲取發(fā)散而全面的信息集合。在此階段,競(jìng)爭(zhēng)分析報(bào)告和頭腦風(fēng)暴輸出物是交互設(shè)計(jì)師專業(yè)度的重要表現(xiàn)。
3)用戶訪談階段:
對(duì)于一些條件允許的項(xiàng)目,我們建議能在項(xiàng)目初期尋求一些用戶的信息,定義一些用戶的屬性,這些對(duì)于之后的交互設(shè)計(jì)都會(huì)是堅(jiān)實(shí)的基礎(chǔ)。一個(gè)高專業(yè)度的交互設(shè)計(jì)師甚至?xí)鲃?dòng)介入訪談問(wèn)卷的設(shè)定工作,客觀的參與調(diào)研報(bào)告輸出的全過(guò)程。
4)需求修正階段:
?
專業(yè)的交互設(shè)計(jì)師通常不甘于淪為一個(gè)純粹的資源,抗拒被動(dòng)的接受命令。我們之前經(jīng)歷的需求分析和用戶訪談都是為掌控主動(dòng)權(quán)而做的準(zhǔn)備。如今,我們有理有據(jù),應(yīng)該主動(dòng)出擊,和需求方討論研究需求的合理性、可行性,明確最終的修正目標(biāo),并對(duì)達(dá)成目標(biāo)所涉及的重點(diǎn)突破點(diǎn)有理性的分析判斷,篩選出各設(shè)計(jì)點(diǎn)的優(yōu)先級(jí)。
5)設(shè)計(jì)草稿階段
項(xiàng)目目標(biāo)和設(shè)計(jì)方向確定下來(lái)后,我們將進(jìn)入核心的設(shè)計(jì)環(huán)節(jié)。作為交互設(shè)計(jì)師的“殺手锏”,交互流程和線框草圖當(dāng)然一個(gè)都不能少,但此時(shí)我更想強(qiáng)調(diào)一項(xiàng)輔助性質(zhì)的調(diào)研分析工作。從交互的角度來(lái)看,在大流程大框架敲定的情況下,交互設(shè)計(jì)師通常會(huì)投入更多的精力在一些核心的設(shè)計(jì)點(diǎn),也就是我們?cè)谛枨笮拚A段確認(rèn)的設(shè)計(jì)重點(diǎn)。此時(shí),專業(yè)的設(shè)計(jì)師絕對(duì)不會(huì)拍腦袋設(shè)計(jì),更不會(huì)想當(dāng)然出方案,而是會(huì)針對(duì)這些核心點(diǎn)做業(yè)界調(diào)研和分析,為自己即將進(jìn)行的設(shè)計(jì)尋求一個(gè)足夠?qū)拸V厚實(shí)的肩膀。
6)設(shè)計(jì)細(xì)化階段
第一階段的設(shè)計(jì)工作將在此階段性輸出。我們回顧一下,截止此時(shí)的設(shè)計(jì)產(chǎn)物有:用戶調(diào)研報(bào)告、FRD確認(rèn)文檔、交互流程、線框草圖、核心設(shè)計(jì)調(diào)研分析、核心設(shè)計(jì)詳細(xì)說(shuō)明、交互流程整體說(shuō)明等。基本上,一個(gè)交互設(shè)計(jì)師的專業(yè)度,已經(jīng)可以根據(jù)此時(shí)的輸出物數(shù)量、質(zhì)量看出個(gè)大概齊了。
7)專家評(píng)審階段
一個(gè)專業(yè)的交互設(shè)計(jì)師,要謙虛。此刻,我們進(jìn)入小范圍專家評(píng)審的階段了,三個(gè)臭皮匠還頂一個(gè)諸葛亮呢,更何況是參與評(píng)審的專家呢。此時(shí)設(shè)計(jì)師的專業(yè)度就體現(xiàn)在“聽(tīng)”、“說(shuō)”和“想”這三訣上,耐心的做好評(píng)審記錄,有理有據(jù)的同專家們進(jìn)行專業(yè)溝通,并確認(rèn)最終的結(jié)論和方向。
8)設(shè)計(jì)優(yōu)化階段
經(jīng)歷了專家團(tuán)的考驗(yàn),又該抖擻精神重新上路了,沒(méi)什么好說(shuō)的,把過(guò)程做好了,你的專業(yè)度也就到位了。設(shè)計(jì)優(yōu)化階段的投入度和產(chǎn)出將直接影響到后續(xù)Demo及測(cè)試的效果,和最終設(shè)計(jì)也息息相關(guān),各位交互設(shè)計(jì)師們,千萬(wàn)別打瞌睡了!
9)仿真Demo開發(fā)階段
終于到了仿真Demo的模型化階段啦,這時(shí)盡管并沒(méi)有直接的交互輸出物,但還是需要交互設(shè)計(jì)師用百分百的挑刺精神,協(xié)助視覺(jué)和前端精準(zhǔn)的達(dá)成我們之前的設(shè)計(jì),嚴(yán)格保證最佳的輸出效果。
10)測(cè)試驗(yàn)證階段
仿真Demo出來(lái)之后,將進(jìn)入最后的測(cè)試驗(yàn)證階段,根據(jù)項(xiàng)目的實(shí)際情況,可能是QA測(cè)試,也可能是用戶測(cè)試,總之,這個(gè)環(huán)節(jié)能幫助設(shè)計(jì)師最后把關(guān)設(shè)計(jì)的合理性,專業(yè)如你,一定要親自跟進(jìn)測(cè)試并給出最終的評(píng)估報(bào)告,哪些點(diǎn)是前期沒(méi)有考慮周全的?那些點(diǎn)是成功的?哪些點(diǎn)是必須立即改進(jìn)的?哪些點(diǎn)能以后再說(shuō)?哪些……
11)完成設(shè)計(jì)階段
最后的設(shè)計(jì)階段,根據(jù)之前的測(cè)試驗(yàn)證評(píng)估報(bào)告,交互設(shè)計(jì)師要對(duì)所有之前的輸出做一次嚴(yán)格的檢查和修正,完成最后的輸出。
12)開發(fā)上線階段
盯緊視覺(jué)設(shè)計(jì)師和前端工程師吧,最關(guān)鍵的時(shí)候終于到了,經(jīng)歷了那么多紛繁復(fù)雜的環(huán)節(jié),我們等的就是上線的這一瞬間。當(dāng)然,千萬(wàn)別忘了后續(xù)的跟蹤和分析,這能為你的專業(yè)度加分不少哦!
·總結(jié)和展望
綜上所述,我們已經(jīng)整理出來(lái)了體現(xiàn)交互設(shè)計(jì)師專業(yè)度的過(guò)程輸出物了,總結(jié)一下:以75分交互設(shè)計(jì)師的標(biāo)準(zhǔn)來(lái)看,我們的專業(yè)度能通過(guò)以下的關(guān)鍵輸出物衡量:FRD目標(biāo)確認(rèn)文檔、競(jìng)爭(zhēng)分析報(bào)告、頭腦風(fēng)暴產(chǎn)出物、項(xiàng)目初期用戶調(diào)研報(bào)告、核心設(shè)計(jì)點(diǎn)調(diào)研及分析報(bào)告、專家評(píng)審報(bào)告和評(píng)估報(bào)告、原型測(cè)試報(bào)告、交互流程圖及詳細(xì)說(shuō)明文檔、頁(yè)面線框圖、核心設(shè)計(jì)點(diǎn)說(shuō)明文檔和最后的跟蹤分析報(bào)告。
基本上,所有的輸出物都是反復(fù)易稿的結(jié)果,都是細(xì)碎過(guò)程的迭代輸出,都飽含了設(shè)計(jì)師辛勤的工作投入。所有有夢(mèng)想的交互設(shè)計(jì)師們,請(qǐng)正確的審視這些輸出物,珍惜自己的付出,它們不光是單板的形式教條,它們更是證明自己專業(yè)度最有利的武器!
被很多同學(xué)都質(zhì)疑過(guò):那么多的輸出物,平時(shí)做需求怎么可能全部做出來(lái)?每當(dāng)此時(shí),我的回答都是一樣的:“是的,找借口總是很容易的。大家的確都很忙碌,按季度來(lái)說(shuō),基本上每個(gè)人都會(huì)經(jīng)手大大小小幾十個(gè)需求,但我們真的忙碌到輸出一個(gè)高質(zhì)量設(shè)計(jì)的精力都沒(méi)有了嗎?還是我們打心里就本著做交互、混日子的想法呢?”
不是不能,是不愿!那才是交互設(shè)計(jì)這個(gè)職業(yè)最可悲之處……
本文轉(zhuǎn)載自阿里UED團(tuán)隊(duì)。
小公司這么工作早就死了,不是懟,而是希望大家用腦子干活,不要死套邏輯
看的我都有點(diǎn)暈,要這么多步驟
像阿里這種大廠文檔比較細(xì)致,可以最終到項(xiàng)目節(jié)點(diǎn),參與人員較多、分工明確便于管理,這些流程在小廠也是必不可少的,只是萬(wàn)事包辦在1到兩個(gè)人身上。看是初略,其實(shí)只是木有細(xì)致拆解
受用!留下了。