是時候,聊一聊交互設(shè)計知識體系了

1、是時候，聊一聊交互設(shè)計知識體系了!到目前為止，已經(jīng)寫了關(guān)于交互設(shè)計的十幾篇文章。但是，越來 越發(fā)現(xiàn)自己寫的沒有章法，東一棒子，西一榔頭，都把自己打暈了。 最近剛好有一些小伙伴，希望能夠看到系列化的文章。所以，就整理 了一下自己的交互設(shè)計知識體系，一方面對自己的知識查缺不漏；另 一方面給大家豎一個靶子，希望大家批評指正，共同進(jìn)步。阿里UED設(shè)計流程（來源網(wǎng)絡(luò)）一個人的知識體系可以看做一個人的格局，知識體系越廣，越能 看清楚各個知識點(diǎn)之間的關(guān)系，明確自己的缺陷；知識點(diǎn)越深，則能 體現(xiàn)出你的專業(yè)。交互設(shè)計也是一樣，在對交互知識深入學(xué)習(xí)的同時， 也要加強(qiáng)自己知識體系的構(gòu)建，彌補(bǔ)弱勢。這樣，既能有效的輔

2、助其 他知識點(diǎn)的學(xué)習(xí)與應(yīng)用，同時也能夠保證交互設(shè)計質(zhì)量在較高的水 平，而不會出現(xiàn)較大的起伏。交互設(shè)計是一門交叉學(xué)科，從廣義的角度上來說，涉及到多個學(xué) 科，包括心理學(xué)、設(shè)計學(xué)、人機(jī)工程學(xué)等等，但是從狹義的角度來說， 交互設(shè)計的核心知識體系，應(yīng)該包括需求分析、架構(gòu)與流程設(shè)計、方 案設(shè)計、方案驗(yàn)證/設(shè)計跟蹤與其他六方面內(nèi)容。交互設(shè)計知識體系第一點(diǎn)需求分析交互設(shè)計工作是從拿到產(chǎn)品需求開始的。需求分析的主要目的是 來明確產(chǎn)品的目標(biāo)定位以及產(chǎn)品想要實(shí)現(xiàn)的功能。需求分析有若干方 法，包括目標(biāo)人群分析、競品分析、已有的產(chǎn)品版本分析等等。除了 各種的分析方法，還有一點(diǎn)就是需求評審。需求評審可以面對面的交 流，得

3、到產(chǎn)品經(jīng)理想要的，同時能夠?qū)⒔换ピO(shè)計師大概的頁面框架以 及形式快速反饋給產(chǎn)品經(jīng)理，以確定思路的正確與否。最終，需求分 析要得到的結(jié)論是：產(chǎn)品的主要功能、特色功能、用戶人群、使用場 景、用戶期望等等?？傊?，需求分析的目的在于明確交互設(shè)計的方向和目的。第二點(diǎn)架構(gòu)與流程設(shè)計架構(gòu)又稱信息架構(gòu)，是產(chǎn)品頁面的邏輯骨架，是產(chǎn)品功能的橫向 梳理。好的信息架構(gòu)能夠進(jìn)行合理的功能分類，符合用戶心智模型， 幫助用戶快速有效的找到目的地。流程設(shè)計是基于產(chǎn)品的功能來進(jìn)行的，是對產(chǎn)品功能的梳理，是 產(chǎn)品功能的縱向梳理。用戶在使用場景下進(jìn)行的目的性操作，能夠保 障功能使用的流暢以及交互界面的完整性，便于檢測產(chǎn)品功能是否能

4、夠走通以及其合理性。信息架構(gòu)的梳理方法多用卡片分類法，讓目標(biāo)用戶對產(chǎn)品的功能 卡片進(jìn)行分類，并對類別進(jìn)行概括，得到相應(yīng)的功能集群，功能集群 即是產(chǎn)品頁面功能模塊的大致分類。流程設(shè)計能夠確定交互設(shè)計過程 中關(guān)鍵點(diǎn)與關(guān)鍵頁面，能夠保證在原型中，保障功能過程的完整性。第三點(diǎn)方案設(shè)計方案設(shè)計即是對上一步流程設(shè)計與架構(gòu)設(shè)計的視覺化表現(xiàn)。原型 設(shè)計，是交互設(shè)計師的核心能力。這一點(diǎn)大家都有自己的心得，而且 很多交互設(shè)計師的經(jīng)驗(yàn)都集中在這一塊，在這里就不在贅述。但是， 其中有一些不被大家關(guān)注的知識點(diǎn)需要注意一下，比如交互稿的規(guī)范 性、交互稿的注釋、頁面的響應(yīng)式問題等等。這些知識點(diǎn)是“有”和 “優(yōu)”的問題。如果

5、沒有考慮到這些內(nèi)容，交互稿也能表現(xiàn)出產(chǎn)品的大致功能，但是，其在視覺表現(xiàn)上與設(shè)計思路傳達(dá)的效率上面就會有 所欠缺。因此，我們在完成交互稿的同時，也要盡可能的提高交互搞得質(zhì) 量，提升其視覺與傳達(dá)效率上的舒適度與準(zhǔn)確性和高效性上。第四點(diǎn)方案驗(yàn)證交互設(shè)計方案的驗(yàn)證包括兩個方面，一方面是交互設(shè)計師自身的 設(shè)計檢測，即產(chǎn)品的可用性測試?？捎眯詼y試是一個較為專業(yè)的領(lǐng)域， 交互設(shè)計師需要掌握相應(yīng)的方法，來評測自己的交互方案的合理性， 以及是否解決了產(chǎn)品需求中提出的問題。A/B測試（來源網(wǎng)絡(luò)）另一方面是交互稿的初稿、中間稿以及終稿的評審，是在整個團(tuán) 隊中進(jìn)行的，一般是以會議的形式進(jìn)行。與會人員包括項目經(jīng)理、產(chǎn)

6、品經(jīng)理、交互設(shè)計師、視覺設(shè)計師、開發(fā)、測試等，這樣交互稿要在 整個產(chǎn)品開發(fā)過程中的人員之間進(jìn)行評審，既要滿足產(chǎn)品需求，也要 滿足開發(fā)資源的需求。評審會是妥協(xié)的藝術(shù)。第五點(diǎn)設(shè)計跟蹤設(shè)計跟蹤是很多設(shè)計師都會忽略的知識點(diǎn)，但是，其相當(dāng)重要。 不管你的設(shè)計方案多么優(yōu)秀，如果開發(fā)實(shí)現(xiàn)的不好，那就要功敗垂成 了。設(shè)計跟蹤是保證交互設(shè)計方案的貫徹是否徹底的殺手銅。設(shè)計跟 蹤的形式有很多，展示形式也有很多，包括Word、PPT以及JARA等 產(chǎn)品線管理軟件等等。但是，其基本構(gòu)成都是一樣的，包括設(shè)計效果 與開發(fā)效果的對比，描述出其間的差異，提出修改的地方，參考樣式 以及可替代性的方案等。設(shè)計跟蹤的難點(diǎn)在于對開發(fā)

7、效果與設(shè)計效果之間差異的把握。在 時間成本、人力成本等的限制下，如何達(dá)到產(chǎn)品的最優(yōu)化，是考驗(yàn)設(shè) 計師設(shè)計能力與溝通能力的試金石。第六點(diǎn)其他交互設(shè)計是一個交叉性的工種。其知識點(diǎn)很難用幾個點(diǎn)來清晰的 概括出是與非。因此，將其他對交互設(shè)計師更高的要求歸納在其他門 類下面。主要包括溝通能力、交互設(shè)計時間預(yù)估能力、前端開發(fā)知識 了解等等。不能詳盡羅列，大家可以自由擴(kuò)展。交互設(shè)計過程中免不了團(tuán)隊之間的溝通，優(yōu)秀的溝通能夠極大地 提高設(shè)計效率，融洽交互設(shè)計師與團(tuán)隊中其他成員之間的關(guān)系，便于 開展后續(xù)工作，讓自己在團(tuán)隊中游刃有余。溝通的重點(diǎn)在于明確對方 想要的，表達(dá)清楚自己能夠提供的，做到這兩點(diǎn)，溝通就是順暢的、 高效的。至于其他的方面就要看設(shè)計師的情商了。交互設(shè)計時間預(yù)估能力，是在需求與與設(shè)計方案胸有成竹的情況 下，對交互稿進(jìn)度的把控。好的時間預(yù)估能力，既能滿足團(tuán)隊的開發(fā) 時間需求，也能讓自己在低強(qiáng)度的工作壓力下完成。至于，前端開發(fā)知識的掌握，就看個人興趣以及知識背景了，這 里就不在贅述。但是，其在設(shè)計過程中的輔助作用也是相當(dāng)明顯的， 在于前端開發(fā)溝通過程中就能清晰的體會到。交互設(shè)計的知識的外延很模糊，也很難用簡單的幾個知識點(diǎn)將交 互設(shè)計的知識體系概括清楚，所以更多的是一家之言，僅僅是自己的 成長軌跡。交互設(shè)計的學(xué)習(xí)與能力提升，應(yīng)該從核心功能開始，在增強(qiáng)核心 功能的能力的同時，再向