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

1、阿里巴巴公司內(nèi)部資料：交互設(shè)計全檔案網(wǎng)址：引言一直以來，交互設(shè)計師都是一個受到廣泛質(zhì)疑的崗位，很多人不了解交互設(shè)計師的價值，更直接的說，我 們大多數(shù)的交互設(shè)計師沒有表現(xiàn)出足夠的、令人信服的專業(yè)度。大約五年前選擇了這個職業(yè)，一路走來，質(zhì)疑過、探討過，也爭辯過。和很多交互設(shè)計師一樣，我也有過盲目 自信和茫然失措，歷經(jīng)時間的鞭撻后，漸漸的我對這份工作、這個專業(yè)，有了一些個人的感悟從我的理解來看，100分的頂尖交互設(shè)計師們通常天賦異稟、特立獨行。但75分的合格交互設(shè)計師們卻有 跡可循，完全可以看作是流水線生產(chǎn)的標(biāo)準(zhǔn)件，今天，我和大家聊的就是這 些75分交互設(shè)計師的專業(yè)度體 現(xiàn)。交互設(shè)計師的基本素質(zhì)首先

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

3、差的，什么都略懂，交互才能變得很美3）想：交互是思考的輸出產(chǎn)物和表現(xiàn)形式。當(dāng)設(shè)計師將之前聽到的和看到的內(nèi)容在頭腦中加以整理、分析，經(jīng)過發(fā)散的創(chuàng)造性碰撞和嚴(yán)謹(jǐn)?shù)倪壿嬚撟C后，逐漸得到了相對靠譜的交互產(chǎn)物。這個思 索分析的過程貫穿于交互設(shè)計工作流程的每個環(huán)節(jié)。4）說：一個能說會道的人不一定是一個優(yōu)秀的交互設(shè)計師，但一個優(yōu)秀的交互設(shè)計師必然是一個善于準(zhǔn)確表 達自己想法和觀點的人。在這一點上，我堅持交互是一門分享的學(xué)科，需要的是開放的性格和良好的溝通 技巧。5）磨：耐心、技巧、熱情的綜合表現(xiàn)。在一個項目的進程中，不可避免的會面臨很多的挑戰(zhàn)，優(yōu)秀的交互設(shè)計師善于發(fā)揮“磨”的精神其 他們懷揣對交互專業(yè)的無比

4、熱情，以無所不用最終讓 極的技巧，耐心的纏死一個又一個質(zhì)疑方，來大家認(rèn)同并幫助推動設(shè)計的實現(xiàn)。通常說，一個優(yōu)秀的交互設(shè)計師會是一個優(yōu)秀的Idea推銷員。6）做：交互設(shè)計師專業(yè)度的核心表現(xiàn)。俗語說得好，是騾子是馬，牽出來遛遛。對于交互設(shè)計師來說，之前 的環(huán)節(jié)做得再好、再完美，也只是停留在設(shè)計師自己的腦子里，游蕩于聽眾們的耳膜間。如果理論落實不 到實際，那所有的想法都只是空中樓閣，你之前所有的努力都只是在佐證你的空泛和不切實際。所以我們不 僅要能“做”，更要“做”得漂亮，“做”得完美！我一直都是這樣認(rèn)為：“做”決定了一個交互設(shè)計師 是不是靠譜，決定了一個交互設(shè)計師的高度，是一個交互設(shè)計師最根本的專

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

6、所指的是在項目后期進行的交流分享。一個專業(yè)的交互設(shè)計師會站在宏觀的高度上， 以平和的心態(tài)同他人溝通，驗證自己先前設(shè)計的合理性、全面性和科學(xué)性，更好的提高自己的專業(yè)能力，為 今后的交互設(shè)計做好準(zhǔn)備。交互專業(yè)度的具象化表現(xiàn) 剛才講了很多，但總體來說還是偏理論，還是讓人摸不著頭腦，虛幻的概念最大的優(yōu)勢在于它的顛簸不破 和四平八穩(wěn)，誰也揪不住它的小辮子。但這不是我的風(fēng)格，更不是我寫這篇文章的初衷，我希望的是拋磚 引玉，給大家?guī)硪恍┱嬲饬x上能直接使用的東西。所以，接下來，我們來些干貨”玩點簡單粗暴 的圖1.2根據(jù)阿里巴巴目前的產(chǎn)品開發(fā)流程（如圖12）,交互設(shè)計是大環(huán)節(jié)中的一個小點，拋開雜亂的干擾信息

7、， 單純考量在過程中的參與度,我們就能得到一個理想化的交互設(shè)計行為流面圖 1.3 ）：圖1.3流程沒什么好講的，更沒什么好爭辯的，無非也就是增加一個、減少一個、偷換概念、細分歸納之類的忽悠。我這里想和大家分享的是流程中每個環(huán)節(jié)的專業(yè)輸出物，我有一個激進的想法：如果某人能精準(zhǔn)的完成某些公認(rèn)的標(biāo)準(zhǔn)化輸出物，那他99%可以被稱為是一個“專業(yè)的75分交互設(shè)計師了，剩下的1%，也許是拼RP這里，我先簡單交代一下即將涉及到的流程節(jié)點、對應(yīng)輸出物的圖形色塊的代表含義。1）流程環(huán)節(jié)說明（如圖1.4）：圖1.42）流程環(huán)節(jié)各輸出物說明（如圖1.5）：圖1.5在我看來，一個專業(yè)的交互設(shè)計師，在一個理想化產(chǎn)品設(shè)計的

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

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

10、對達成目標(biāo)所涉及的重點突破點有理性的分析判 斷，篩選出各設(shè)計點的優(yōu)先級。5）設(shè)計草稿階段項目目標(biāo)和設(shè)計方向確定下來后，我們將進入核心的設(shè)計環(huán)節(jié)。作為交互設(shè)計師的“殺手銅”，交互流程 和線框草圖當(dāng)然一個都不能少，但此時我更想強調(diào)一項輔助性質(zhì)的調(diào)研分析工作。從交互的角度來看，在大 流程大框架敲定的情況下，交互設(shè)計師通常會投入更多的精力在一些核心的設(shè)計點，也就是我們在需求修正 階段確認(rèn)的設(shè)計重點。此時，專業(yè)的設(shè)計師絕對不會拍腦袋設(shè)計，更不會想當(dāng)然出方案，而是會針對這些核心點做業(yè)界調(diào)研和分析，為自己即將進行的設(shè)計 尋求一個足夠?qū)拸V厚實的肩膀。6）設(shè)計細化階段第一階段的設(shè)計工作將在此階段性輸出。我們回顧

11、一下，截止此時的設(shè)計產(chǎn)物有：用戶調(diào) 研 報告、FRD確認(rèn)文檔、交互流程、線框草圖、核心設(shè)計調(diào)研分析、核心設(shè)計詳細說明、交 互流程整體說 明等?；旧?，一個交互設(shè)計師的專業(yè)度，己經(jīng)可以根據(jù)此時的輸出物數(shù)量、質(zhì)量看出個大概齊了。7）專家評審階段一個專業(yè)的交互設(shè)計師，要謙虛。此刻，我們進入小范圍專家評審的階段了，三個臭皮匠還頂一個諸葛亮呢，更何況是參與評審的專家呢。此時設(shè)計師的專業(yè)度就體現(xiàn)在“聽”、“說”和想”這三訣上，耐心的做好評審記錄，有理有據(jù)的同專家們進行專業(yè)溝通，并確認(rèn)最終的結(jié)論和方向。8）設(shè)計優(yōu)化階段經(jīng)歷了專家團的考驗，又該抖擻精神重新上路了，沒什么好說的，把過程做好了，你的專業(yè)度也就到位

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

13、須立即改進的？哪些點能以后再說？哪些11）完成設(shè)計階段最后的設(shè)計階段，根據(jù)之前的測試驗證評估報告，交互設(shè)計師要對所有之前的輸出做一次嚴(yán) 格的檢查和修 正，完成最后的輸出。12）開發(fā)上線階段盯緊視覺設(shè)計師和前端工程師吧，最關(guān)鍵的時候終于到了，經(jīng)歷了那么多紛繁復(fù)雜的環(huán) 節(jié)，我們等的就是上線的這一瞬間。當(dāng)然，千萬別忘了后續(xù)的跟蹤和分析，這能為你的專業(yè)度加分不少 哦！總結(jié)和展望 綜上所述，我們己經(jīng)整理出來了體現(xiàn)交互設(shè)計師專業(yè)度的過程輸出物了，總結(jié)一下：以75分交互設(shè)計師的標(biāo) 準(zhǔn)來看，我們的專業(yè)度能通過以下的關(guān)鍵輸出物衡量：目標(biāo)確認(rèn)文檔、競爭分析報告、頭腦風(fēng)暴產(chǎn)出物、 項目初期用戶調(diào)研報告、核心設(shè)計點調(diào)研及分析報告、專家 評審報告和評估報告、原型測試報告、交互流 程圖及詳細說明文檔、頁而線框圖、核心設(shè)計點說明文檔和最后的跟蹤分析報告?；旧?，所有的輸出物都是反復(fù)易稿的結(jié)果，都是細碎過程的迭代輸出，都飽含了設(shè)計師辛勤的工作投 入。所有有夢想的交互設(shè)計師們，請正確的審視這些輸出物，珍