您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師

一直以來,交互設(shè)計(jì)師都是一個(gè)受到廣泛質(zhì)疑的崗位,很多人不了解交互設(shè)計(jì)師的價(jià)值,更直接的說,我們大多數(shù)的交互設(shè)計(jì)師沒有表現(xiàn)出足夠的、令人信服的專業(yè)度。

大約五年前選擇了這個(gè)職業(yè),一路走來,質(zhì)疑過、探討過,也爭(zhēng)辯過。和很多交互設(shè)計(jì)師一樣,我也有過盲目自信和茫然失措,歷經(jīng)時(shí)間的鞭撻后,漸漸的我對(duì)這份工作、這個(gè)專業(yè),有了一些個(gè)人的感悟……

從我的理解來看,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è)人的理解來看,可以簡(jiǎn)單歸納為九字訣:“聽、看、想、說、磨、做、驗(yàn)、寫、講”。


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


1)聽:做一個(gè)交互設(shè)計(jì)師,最重要的一點(diǎn)就是要懂得傾聽(這里蘊(yùn)藏了一個(gè)隱晦的性格屬性:謙虛!)。通常情況下,我們不是用戶,所以很難100%代表用戶,更左右不了老板,所以我們首先要有聽的本事,把來自用戶的、老板的、PD的、視覺的、前端的、開發(fā)的、測(cè)試的、市場(chǎng)的、業(yè)界的等各方面的聲音都聽過來,聽進(jìn)去。

2)看:99%的情況下,交互不是一蹴而就的創(chuàng)造工作,它是站在前人肩膀上不斷迭代更新的行為過程。我這里指的“看”是要求設(shè)計(jì)師能博覽、能泛獵,看到好的,見過差的,什么都略懂,交互才能變得很美……

3)想:交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當(dāng)設(shè)計(jì)師將之前聽到的和看到的內(nèi)容在頭腦中加以整理、分析,經(jīng)過發(fā)散的創(chuàng)造性碰撞和嚴(yán)謹(jǐn)?shù)倪壿嬚撟C后,逐漸得到了相對(duì)靠譜的交互產(chǎn)物。這個(gè)思索分析的過程貫穿于交互設(shè)計(jì)工作流程的每個(gè)環(huán)節(jié)。

4)說:一個(gè)能說會(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è)的無比熱情,以無所不用其極的技巧,耐心的纏死一個(gè)又一個(gè)質(zhì)疑方,最終讓大家認(rèn)同并幫助推動(dòng)設(shè)計(jì)的實(shí)現(xiàn)。通常來說,一個(gè)優(yōu)秀的交互設(shè)計(jì)師會(huì)是一個(gè)優(yōu)秀的idea推銷員。

6)做:交互設(shè)計(jì)師專業(yè)度的核心表現(xiàn)。俗語說得好,是騾子是馬,牽出來遛遛。對(duì)于交互設(shè)計(jì)師來說,之前的環(huán)節(jié)做得再好、再完美,也只是停留在設(shè)計(jì)師自己的腦子里,游蕩于聽眾們的耳膜間。如果理論落實(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ì)。無論個(gè)人還是團(tuán)隊(duì),設(shè)計(jì)的成果都需要通過精準(zhǔn)的測(cè)試才能算得上合乎標(biāo)準(zhǔn),此時(shí),一顆平常心和一雙敏銳的眼睛是設(shè)計(jì)師最需要的。

8)寫:分析、歸納和總結(jié)能力的綜合表現(xiàn)。一個(gè)項(xiàng)目,無論成功還是失敗,總是有很多地方值得設(shè)計(jì)師本人或后來人借鑒。交互設(shè)計(jì)之路不是一座苛求零失誤的獨(dú)木橋,但絕對(duì)是一條要求零“重復(fù)”失誤的單行線。評(píng)價(jià)一個(gè)設(shè)計(jì)師的專業(yè)度,很重要的一環(huán)就是看他能不能多犯前人從來沒有犯過的錯(cuò)誤,并能有效總結(jié)給后來人。于是,他就成了大家,路就這樣被趟了出來……

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)

剛才講了很多,但總體來說還是偏理論,還是讓人摸不著頭腦,虛幻的概念最大的優(yōu)勢(shì)在于它的顛簸不破和四平八穩(wěn),誰也揪不住它的小辮子。但這不是我的風(fēng)格,更不是我寫這篇文章的初衷,我希望的是拋磚引玉,給大家?guī)硪恍┱嬲饬x上能直接使用的東西。所以,接下來,我們來些“干貨”,玩點(diǎn)簡(jiǎn)單粗暴的……


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


根據(jù)阿里巴巴目前的產(chǎn)品開發(fā)流程,交互設(shè)計(jì)是大環(huán)節(jié)中的一個(gè)小點(diǎn),拋開雜亂的干擾信息,單純考量交互設(shè)計(jì)師在過程中的參與度,我們就能得到一個(gè)理想化的交互設(shè)計(jì)行為流:


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


流程沒什么好講的,更沒什么好爭(zhēng)辯的,無非也就是增加一個(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é)說明:


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


2)流程環(huán)節(jié)各輸出物說明(如圖1.5):


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


在我看來,一個(gè)專業(yè)的交互設(shè)計(jì)師,在一個(gè)理想化產(chǎn)品設(shè)計(jì)的過程中,有一些是屬于必須的輸出物,有一些屬于最好有(推薦)的輸出物,還有一些屬于可有可無的輸出物。同時(shí),根據(jù)項(xiàng)目的實(shí)際情況和參與角色的分工情況,存在一些交互設(shè)計(jì)師可能需要負(fù)責(zé)的輸出物,具體細(xì)節(jié)我將在下面逐一介紹。

1)需求獲取階段:


12ali20151204


此階段通常來說會(huì)由PD等外部資源發(fā)起,輸出物主要是FRD文檔和時(shí)間計(jì)劃文檔,用以描述問題、提出初步目標(biāo),假想可能的解決方案、預(yù)估資源并梳理時(shí)間計(jì)劃等。當(dāng)然,對(duì)于從UED內(nèi)部發(fā)起的項(xiàng)目,這兩部分的輸出也可以由交互設(shè)計(jì)師完成,屬于可能責(zé)任輸出物;

2)需求分析階段:


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


歷史數(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)用戶訪談階段:


10ali20151204


對(duì)于一些條件允許的項(xiàng)目,我們建議能在項(xiàng)目初期尋求一些用戶的信息,定義一些用戶的屬性,這些對(duì)于之后的交互設(shè)計(jì)都會(huì)是堅(jiān)實(shí)的基礎(chǔ)。一個(gè)高專業(yè)度的交互設(shè)計(jì)師甚至?xí)鲃?dòng)介入訪談問卷的設(shè)定工作,客觀的參與調(diào)研報(bào)告輸出的全過程。

4)需求修正階段:


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


專業(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ì)草稿階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


項(xiàng)目目標(biāo)和設(shè)計(jì)方向確定下來后,我們將進(jìn)入核心的設(shè)計(jì)環(huán)節(jié)。作為交互設(shè)計(jì)師的“殺手锏”,交互流程和線框草圖當(dāng)然一個(gè)都不能少,但此時(shí)我更想強(qiáng)調(diào)一項(xiàng)輔助性質(zhì)的調(diào)研分析工作。從交互的角度來看,在大流程大框架敲定的情況下,交互設(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ì)化階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


第一階段的設(shè)計(jì)工作將在此階段性輸出。我們回顧一下,截止此時(shí)的設(shè)計(jì)產(chǎn)物有:用戶調(diào)研報(bào)告、FRD確認(rèn)文檔、交互流程、線框草圖、核心設(shè)計(jì)調(diào)研分析、核心設(shè)計(jì)詳細(xì)說明、交互流程整體說明等。基本上,一個(gè)交互設(shè)計(jì)師的專業(yè)度,已經(jīng)可以根據(jù)此時(shí)的輸出物數(shù)量、質(zhì)量看出個(gè)大概齊了。

7)專家評(píng)審階段


12


一個(gè)專業(yè)的交互設(shè)計(jì)師,要謙虛。此刻,我們進(jìn)入小范圍專家評(píng)審的階段了,三個(gè)臭皮匠還頂一個(gè)諸葛亮呢,更何況是參與評(píng)審的專家呢。此時(shí)設(shè)計(jì)師的專業(yè)度就體現(xiàn)在“聽”、“說”和“想”這三訣上,耐心的做好評(píng)審記錄,有理有據(jù)的同專家們進(jìn)行專業(yè)溝通,并確認(rèn)最終的結(jié)論和方向。

8)設(shè)計(jì)優(yōu)化階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


經(jīng)歷了專家團(tuán)的考驗(yàn),又該抖擻精神重新上路了,沒什么好說的,把過程做好了,你的專業(yè)度也就到位了。設(shè)計(jì)優(yōu)化階段的投入度和產(chǎn)出將直接影響到后續(xù)Demo及測(cè)試的效果,和最終設(shè)計(jì)也息息相關(guān),各位交互設(shè)計(jì)師們,千萬別打瞌睡了!

9)仿真Demo開發(fā)階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


終于到了仿真Demo的模型化階段啦,這時(shí)盡管并沒有直接的交互輸出物,但還是需要交互設(shè)計(jì)師用百分百的挑刺精神,協(xié)助視覺和前端精準(zhǔn)的達(dá)成我們之前的設(shè)計(jì),嚴(yán)格保證最佳的輸出效果。

10)測(cè)試驗(yàn)證階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


仿真Demo出來之后,將進(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)是前期沒有考慮周全的?那些點(diǎn)是成功的?哪些點(diǎn)是必須立即改進(jìn)的?哪些點(diǎn)能以后再說?哪些……

11)完成設(shè)計(jì)階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


最后的設(shè)計(jì)階段,根據(jù)之前的測(cè)試驗(yàn)證評(píng)估報(bào)告,交互設(shè)計(jì)師要對(duì)所有之前的輸出做一次嚴(yán)格的檢查和修正,完成最后的輸出。

12)開發(fā)上線階段


阿里內(nèi)部資料!揭秘阿里如何培養(yǎng)優(yōu)秀交互設(shè)計(jì)師


盯緊視覺設(shè)計(jì)師和前端工程師吧,最關(guān)鍵的時(shí)候終于到了,經(jīng)歷了那么多紛繁復(fù)雜的環(huán)節(jié),我們等的就是上線的這一瞬間。當(dāng)然,千萬別忘了后續(xù)的跟蹤和分析,這能為你的專業(yè)度加分不少哦!

總結(jié)和展望

綜上所述,我們已經(jīng)整理出來了體現(xiàn)交互設(shè)計(jì)師專業(yè)度的過程輸出物了,總結(jié)一下:以75分交互設(shè)計(jì)師的標(biāo)準(zhǔn)來看,我們的專業(yè)度能通過以下的關(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ì)說明文檔、頁面線框圖、核心設(shè)計(jì)點(diǎn)說明文檔和最后的跟蹤分析報(bào)告。

基本上,所有的輸出物都是反復(fù)易稿的結(jié)果,都是細(xì)碎過程的迭代輸出,都飽含了設(shè)計(jì)師辛勤的工作投入。所有有夢(mèng)想的交互設(shè)計(jì)師們,請(qǐng)正確的審視這些輸出物,珍惜自己的付出,它們不光是單板的形式教條,它們更是證明自己專業(yè)度最有利的武器!

被很多同學(xué)都質(zhì)疑過:那么多的輸出物,平時(shí)做需求怎么可能全部做出來?每當(dāng)此時(shí),我的回答都是一樣的:“是的,找借口總是很容易的。大家的確都很忙碌,按季度來說,基本上每個(gè)人都會(huì)經(jīng)手大大小小幾十個(gè)需求,但我們真的忙碌到輸出一個(gè)高質(zhì)量設(shè)計(jì)的精力都沒有了嗎?還是我們打心里就本著做交互、混日子的想法呢?”

不是不能,是不愿!那才是交互設(shè)計(jì)這個(gè)職業(yè)最可悲之處……


via:阿里UED


[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id3006.html
談?wù)勀切┍徽`用的交互設(shè)計(jì)模式
交互設(shè)計(jì)小談(一)
圖趣網(wǎng)微信
建議反饋
×