阿里巴巴公司內(nèi)部資料：交互設(shè)計(jì)全檔案

1、阿里巴巴公司內(nèi)部資料：交互設(shè)計(jì)全檔案網(wǎng)址：引言一直以來，交互設(shè)計(jì)師都是一個(gè)受到廣泛質(zhì)疑的崗位，很多人不了解交互設(shè)計(jì)師的價(jià)值，更直接的說，我 們大多數(shù)的交互設(shè)計(jì)師沒有表現(xiàn)出足夠的、令人信服的專業(yè)度。大約五年前選擇了這個(gè)職業(yè)，一路走來，質(zhì)疑過、探討過，也爭辯過。和很多交互設(shè)計(jì)師一樣，我也有過盲目 自信和茫然失措，歷經(jīng)時(shí)間的鞭撻后，漸漸的我對這份工作、這個(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ì)首先

2、，談?wù)勎覀€(gè)人對交互設(shè)計(jì)師基本素質(zhì)的看法。從我個(gè)人的理解來看，可以簡單歸納為九字訣：“聽、看、想、說、磨、做、驗(yàn)、寫、講”（如圖 1.1）。圖1.11）聽：做一個(gè)交互設(shè)計(jì)師，最重要的一點(diǎn)就是要懂得傾聽（這里蘊(yùn)藏了一個(gè)隱晦的性格屬 性：謙虛！）。通 常情況下，我們不是用戶，所以很難100%代表用戶，更左右不了老板，所以我們首先要有聽的本事，把來自用戶的、老板的、PD的、視覺的、前端的、開發(fā)的、測試的、市場的、業(yè)界的等各方面的聲音都聽過來，聽進(jìn)去。2）看：99%的情況下，交互不是一蹴而就的創(chuàng)造工作，它是站在前人肩膀上不斷迭代更新的行為過程。我 這里指的“看”是要求設(shè)計(jì)師能博覽、能泛獵，看到好的，見過

3、差的，什么都略懂，交互才能變得很美3）想：交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當(dāng)設(shè)計(jì)師將之前聽到的和看到的內(nèi)容在頭腦中加以整理、分析，經(jīng)過發(fā)散的創(chuàng)造性碰撞和嚴(yán)謹(jǐn)?shù)倪壿嬚撟C后，逐漸得到了相對靠譜的交互產(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ā)揮“磨”的精神其 他們懷揣對交互專業(yè)的無比

4、熱情，以無所不用最終讓 極的技巧，耐心的纏死一個(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)。俗語說得好，是騾子是馬，牽出來遛遛。對于交互設(shè)計(jì)師來說，之前 的環(huán)節(jié)做得再好、再完美，也只是停留在設(shè)計(jì)師自己的腦子里，游蕩于聽眾們的耳膜間。如果理論落實(shí)不 到實(shí)際，那所有的想法都只是空中樓閣，你之前所有的努力都只是在佐證你的空泛和不切實(shí)際。所以我們不 僅要能“做”，更要“做”得漂亮，“做”得完美！我一直都是這樣認(rèn)為：“做”決定了一個(gè)交互設(shè)計(jì)師 是不是靠譜，決定了一個(gè)交互設(shè)計(jì)師的高度，是一個(gè)交互設(shè)計(jì)師最根本的專

5、業(yè)素質(zhì)。7）驗(yàn)：用戶體驗(yàn)設(shè)計(jì)，最終是要落實(shí)到用戶的身上的。客觀中立的驗(yàn)證、分析、評估能力是一個(gè)優(yōu)秀交互設(shè) 計(jì)師的重要素質(zhì)。無論個(gè)人還是團(tuán)隊(duì)，設(shè)計(jì)的成果都需要通過精準(zhǔn)的測試才能算得上合乎標(biāo)準(zhǔn)，此時(shí)，一顆 平常心和一雙敏銳的眼睛是設(shè)計(jì)師最需要的。8）寫：分析、歸納和總結(jié)能力的綜合表現(xiàn)。一個(gè)項(xiàng)目，無論成功還是失敗，總是有很多地 方值得設(shè)計(jì)師本人 或后來人借鑒。交互設(shè)計(jì)之路不是一座苛求零失誤的獨(dú)木橋，但絕對是一條要求零“重復(fù)”失誤的單行 線。評價(jià)一個(gè)設(shè)計(jì)師的專業(yè)度，很重要的一環(huán)就是看他能不能多犯前人從來沒有犯過的錯(cuò)誤，并能有效總結(jié) 給后來人。于是，他就成了大家，路就這樣被趟了出來9）講：演講能力。這里

6、所指的是在項(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)勢在于它的顛簸不破 和四平八穩(wěn)，誰也揪不住它的小辮子。但這不是我的風(fēng)格，更不是我寫這篇文章的初衷，我希望的是拋磚 引玉，給大家?guī)硪恍┱嬲饬x上能直接使用的東西。所以，接下來，我們來些干貨”玩點(diǎn)簡單粗暴 的圖1.2根據(jù)阿里巴巴目前的產(chǎn)品開發(fā)流程（如圖12）,交互設(shè)計(jì)是大環(huán)節(jié)中的一個(gè)小點(diǎn)，拋開雜亂的干擾信息

7、， 單純考量在過程中的參與度,我們就能得到一個(gè)理想化的交互設(shè)計(jì)行為流面圖 1.3 ）：圖1.3流程沒什么好講的，更沒什么好爭辯的，無非也就是增加一個(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é)點(diǎn)、對應(yīng)輸出物的圖形色塊的代表含義。1）流程環(huán)節(jié)說明（如圖1.4）：圖1.42）流程環(huán)節(jié)各輸出物說明（如圖1.5）：圖1.5在我看來，一個(gè)專業(yè)的交互設(shè)計(jì)師，在一個(gè)理想化產(chǎn)品設(shè)計(jì)的

8、過程中，有一些是屬于必須的輸出物，有一 些屬于最好有（推薦）的輸出物，還有一些屬于可有可無的輸出物。同時(shí)，根據(jù)項(xiàng)目的實(shí)際情況和參與角色的 分工情況，存在一些交互設(shè)計(jì)師可能需要負(fù)責(zé)的輸出物，具體細(xì)節(jié)我將在下面逐一介紹。1）需求獲取階段：此階段通常來說會(huì)由PD等外部資源發(fā)起，輸出物主要是FRD文檔和時(shí)間計(jì)劃文檔，用 以描述問題、提出初步目標(biāo)，假想可能的解決方案、預(yù)估資源并梳理時(shí)間計(jì)劃等。當(dāng)然，對于從UED內(nèi)部 發(fā)起的項(xiàng)目，這兩部分的輸出也可以由交互設(shè)計(jì)師完成，屬于可能責(zé)任輸出物；2）需求分析階段:歷史數(shù)據(jù)的關(guān)注和分析階段，基于項(xiàng)目本身，要針對競爭對手、行業(yè)現(xiàn)狀等做詳盡的收集和分析，其中的 關(guān)鍵考核

9、點(diǎn)是要做必要的頭腦風(fēng)暴，獲取發(fā)散而全面的信息集合。在此階段，競爭分析報(bào)告和頭腦風(fēng)暴輸出物 是交互設(shè)計(jì)師專業(yè)度的重要表現(xiàn)。3）用戶訪談階段: 對于一些條件允許的項(xiàng)目，我們建議能在項(xiàng)目初期尋求一些用戶的信息，定義一些用戶的屬性，這些對于之 后的交互設(shè)計(jì)都會(huì)是堅(jiān)實(shí)的基礎(chǔ)。一個(gè)高專業(yè)度的交互設(shè)計(jì)師甚至?xí)鲃?dòng)介入訪談問卷的設(shè)定工作，客觀的 參與調(diào)研報(bào)告輸出的全過程。4）需求修正階段：專業(yè)的交互設(shè)計(jì)師通常不甘于淪為一個(gè)純粹的資源，抗拒被動(dòng)的接受命令。我們之前經(jīng) 歷的需求分析和用戶訪談都是為掌控主動(dòng)權(quán)而做的準(zhǔn)備。如今，我們有理有據(jù)，應(yīng)該主動(dòng)出擊，和需求方討 論研究需求的合理性、可行性，明確最終的修正目標(biāo)，并

10、對達(dá)成目標(biāo)所涉及的重點(diǎn)突破點(diǎn)有理性的分析判 斷，篩選出各設(shè)計(jì)點(diǎn)的優(yōu)先級。5）設(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)，也就是我們在需求修正 階段確認(rèn)的設(shè)計(jì)重點(diǎn)。此時(shí)，專業(yè)的設(shè)計(jì)師絕對不會(huì)拍腦袋設(shè)計(jì)，更不會(huì)想當(dāng)然出方案，而是會(huì)針對這些核心點(diǎn)做業(yè)界調(diào)研和分析，為自己即將進(jìn)行的設(shè)計(jì) 尋求一個(gè)足夠?qū)拸V厚實(shí)的肩膀。6）設(shè)計(jì)細(xì)化階段第一階段的設(shè)計(jì)工作將在此階段性輸出。我們回顧

11、一下，截止此時(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）專家評審階段一個(gè)專業(yè)的交互設(shè)計(jì)師，要謙虛。此刻，我們進(jìn)入小范圍專家評審的階段了，三個(gè)臭皮匠還頂一個(gè)諸葛亮呢，更何況是參與評審的專家呢。此時(shí)設(shè)計(jì)師的專業(yè)度就體現(xiàn)在“聽”、“說”和想”這三訣上，耐心的做好評審記錄，有理有據(jù)的同專家們進(jìn)行專業(yè)溝通，并確認(rèn)最終的結(jié)論和方向。8）設(shè)計(jì)優(yōu)化階段經(jīng)歷了專家團(tuán)的考驗(yàn)，又該抖擻精神重新上路了，沒什么好說的，把過程做好了，你的專業(yè)度也就到位

12、 To設(shè)計(jì)優(yōu)化階段的投入度和產(chǎn)出將直接影響到后續(xù)Dem。及測試的效果，和最終設(shè)計(jì)也息息相關(guān)，各位 交互設(shè)計(jì)師們，千萬別打瞌睡了！9）仿真Dem。開發(fā)階段終于到了仿真Dem。的模型化階段啦，這時(shí)盡管并沒有直接的交互輸出物，但還是需要交互設(shè)計(jì)師用百分 百的挑刺精神，協(xié)助視覺和前端精準(zhǔn)的達(dá)成我們之前的設(shè)計(jì)，嚴(yán)格保證最佳的輸出效果。10）測試驗(yàn)證階段仿真Dem。出來之后，將進(jìn)入最后的測試驗(yàn)證階段，根據(jù)項(xiàng)目的實(shí)際情況，可能是QA測試，也可能是用戶測試，總之，這個(gè)環(huán)節(jié)能幫助設(shè)計(jì)師最后把關(guān)設(shè)計(jì)的合理性，要親自跟專業(yè)如你，一定 進(jìn)測試并給出最終的評估報(bào)告，哪些點(diǎn)是前期沒有考慮周全的？那些點(diǎn)是成功的？哪些點(diǎn)是必

13、須立即改進(jìn)的？哪些點(diǎn)能以后再說？哪些11）完成設(shè)計(jì)階段最后的設(shè)計(jì)階段，根據(jù)之前的測試驗(yàn)證評估報(bào)告，交互設(shè)計(jì)師要對所有之前的輸出做一次嚴(yán) 格的檢查和修 正，完成最后的輸出。12）開發(fā)上線階段盯緊視覺設(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)鍵輸出物衡量：目標(biāo)確認(rèn)文檔、競爭分析報(bào)告、頭腦風(fēng)暴產(chǎn)出物、 項(xiàng)目初期用戶調(diào)研報(bào)告、核心設(shè)計(jì)點(diǎn)調(diào)研及分析報(bào)告、專家 評審報(bào)告和評估報(bào)告、原型測試報(bào)告、交互流 程圖及詳細(xì)說明文檔、頁而線框圖、核心設(shè)計(jì)點(diǎn)說明文檔和最后的跟蹤分析報(bào)告。基本上，所有的輸出物都是反復(fù)易稿的結(jié)果，都是細(xì)碎過程的迭代輸出，都飽含了設(shè)計(jì)師辛勤的工作投 入。所有有夢想的交互設(shè)計(jì)師們，請正確的審視這些輸出物，珍