想入門(mén)交互設(shè)計(jì)，又感到手足無(wú)措？對(duì)于0基礎(chǔ)，又對(duì)交互設(shè)計(jì)感興趣的新人來(lái)說(shuō)，這是很正常的，因?yàn)槲乙彩菑倪@個(gè)階段過(guò)來(lái)的。那么看到這篇文章的你，有福了，小編我將結(jié)合個(gè)人的交互設(shè)計(jì)經(jīng)驗(yàn)，給大家對(duì)交互設(shè)計(jì)進(jìn)行一些簡(jiǎn)單的梳理，希望能給你在學(xué)習(xí)交互設(shè)計(jì)的路上指明方向。

到底什么是交互設(shè)計(jì)？

想成為一名合格的交互設(shè)計(jì)師，交互設(shè)計(jì)的本質(zhì)不得不知。這個(gè)問(wèn)題學(xué)術(shù)界目前沒(méi)有一個(gè)統(tǒng)一的定義，我們先來(lái)看看美國(guó)交互設(shè)計(jì)師協(xié)會(huì)（IxDA）對(duì)交互設(shè)計(jì)的解釋?zhuān)?ldquo;交互設(shè)計(jì)（IxDA）定義了交互系統(tǒng)的結(jié)構(gòu)和行為。隨著時(shí)代的發(fā)展，不管是從計(jì)算機(jī)到移動(dòng)設(shè)備，再到電器亦或其他，交互設(shè)計(jì)師都在努力地在人、產(chǎn)品以及他們使用的服務(wù)之間創(chuàng)造某種有意義的關(guān)系。”

當(dāng)然，對(duì)于交互設(shè)計(jì)的理解，可謂是仁者見(jiàn)仁智者見(jiàn)智，小編我自己的看法是：交互設(shè)計(jì)是交互設(shè)計(jì)師對(duì)用戶在使用產(chǎn)品的行為進(jìn)行不斷的優(yōu)化，以達(dá)到“能用，易用及想用”的目的。如果大家有更好的理解，歡迎大家與我溝通交流。

交互設(shè)計(jì)工作流程？

想必這是大家非常關(guān)心的一個(gè)問(wèn)題，成為交互設(shè)計(jì)師后，我的工作流程是什么呢？以小編的經(jīng)驗(yàn)，目前主要是分以下幾步：分析需求、產(chǎn)出交互原型圖、UI視覺(jué)設(shè)計(jì)、產(chǎn)品開(kāi)發(fā)、產(chǎn)品測(cè)試、產(chǎn)品發(fā)布、收集用戶反饋及產(chǎn)品迭代。

①分析需求

產(chǎn)品經(jīng)理將需求文檔交給交互設(shè)計(jì)師后，交互設(shè)計(jì)師對(duì)其進(jìn)行需求分析。對(duì)其中邏輯不合理或需求表達(dá)不清楚的地方需及時(shí)和PM進(jìn)行溝通。

②產(chǎn)出交互原型圖

前期準(zhǔn)備好后，我們就需要將產(chǎn)品的抽象概念以能夠讓人理解的方式表達(dá)出來(lái)，也就是我們常說(shuō)的原型圖。原型圖是我們交互設(shè)計(jì)師日常工作中的可交付成果，你可以選擇手繪，當(dāng)然個(gè)人更建議借助一些簡(jiǎn)單、快速、便捷的原型工具。

③UI視覺(jué)設(shè)計(jì)

交互原型圖通過(guò)開(kāi)發(fā)人員審核無(wú)誤（需確認(rèn)功能和交互動(dòng)效能否實(shí)現(xiàn)）后，就可以交給UI設(shè)計(jì)師進(jìn)行視覺(jué)設(shè)計(jì)。如LOGO、圖標(biāo)設(shè)計(jì)，字號(hào)、字體、顏色、陰影等的標(biāo)注說(shuō)明。當(dāng)然，UI設(shè)計(jì)師可以先借助一些設(shè)計(jì)系統(tǒng)（如摹客設(shè)計(jì)系統(tǒng)）制定設(shè)計(jì)規(guī)范，這樣交互設(shè)計(jì)師就可以根據(jù)規(guī)范文檔制作原型圖，可以大大提升團(tuán)隊(duì)工作效率。

④產(chǎn)品開(kāi)發(fā)

這一階段交互設(shè)計(jì)師主要是對(duì)開(kāi)發(fā)進(jìn)度進(jìn)行跟進(jìn)，尤其是交互方面，很多開(kāi)發(fā)會(huì)偷懶。

⑤產(chǎn)品測(cè)試

開(kāi)發(fā)結(jié)束后，我們需要對(duì)開(kāi)發(fā)成果進(jìn)行測(cè)試，對(duì)于不符合預(yù)期的，或是存在的其它問(wèn)題，都需要及時(shí)改進(jìn)。

⑥產(chǎn)品發(fā)布

完成測(cè)試后，就可以發(fā)布產(chǎn)品。

⑦收集用戶反饋及產(chǎn)品迭代

發(fā)布產(chǎn)品后，我們需要通過(guò)不同方式收集一些用戶反饋，此時(shí)，交互設(shè)計(jì)師可能需要對(duì)原型進(jìn)行修改，然后交由開(kāi)發(fā)進(jìn)行更新迭代。

原型交互設(shè)計(jì)工具

手繪原型存在諸多弊端，在此不贅述。有興趣的可查看我之前文章（紙上原型設(shè)計(jì) VS 桌面原型工具設(shè)計(jì)，你更喜歡誰(shuí)？）今天主要是給大家介紹一款小編常用的原型工具-國(guó)產(chǎn)Mockplus。它也是小編迄今為止，使用后感覺(jué)是市場(chǎng)上最好的原型工具。其內(nèi)置常見(jiàn)的交互組件及海量素材圖標(biāo)，強(qiáng)大的團(tuán)隊(duì)協(xié)作及共享功能。拖拽式交互，可視化強(qiáng)，一鍵導(dǎo)出分享等。輕輕松松助你快速完成交互設(shè)計(jì)稿。

如何準(zhǔn)備交互設(shè)計(jì)作品集？

作品集是交互設(shè)計(jì)師在求職面試準(zhǔn)備過(guò)程中不可或缺的一項(xiàng)，它能很好的展示我們個(gè)人能力，可以幫助我們更大幾率的獲得公司offer。

小編認(rèn)可的作品集要素：實(shí)戰(zhàn)項(xiàng)目、作品數(shù)量、設(shè)計(jì)方法及思路。

①實(shí)戰(zhàn)項(xiàng)目

說(shuō)到這里，有小白要站出來(lái)了，沒(méi)有實(shí)戰(zhàn)項(xiàng)目該怎么辦？事實(shí)上沒(méi)有實(shí)戰(zhàn)項(xiàng)目也沒(méi)事，我們可以收集一些自己的實(shí)習(xí)作品或者平時(shí)的課堂作業(yè)亦或是相關(guān)設(shè)計(jì)大賽作品都是可行的。當(dāng)然，有了實(shí)戰(zhàn)項(xiàng)目，肯定會(huì)讓你錦上添花。

②作品數(shù)量

在此，重點(diǎn)說(shuō)明一下，作品數(shù)量并非越多越好。小編建議挑選2個(gè)即可。

③設(shè)計(jì)方法及思路

這是面試官最關(guān)注的點(diǎn)，對(duì)于自己的作品，你解決了什么問(wèn)題。針對(duì)這些問(wèn)題，你是如何設(shè)計(jì)解決的，解決的方法和思路是什么....當(dāng)然，到了最后，你可以展示自己的完整設(shè)計(jì)圖稿。

如何進(jìn)階成長(zhǎng)？

有了工作，我們?cè)撊绾尾粩喑砷L(zhǎng)呢？小編的建議是：在日常的工作中不斷總結(jié)經(jīng)驗(yàn)，多向公司前輩學(xué)習(xí)。在業(yè)余時(shí)間，可以看看交互設(shè)計(jì)類(lèi)書(shū)籍，如：《破繭成蝶：用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》、《用戶心理學(xué)》、《設(shè)計(jì)界面》、《點(diǎn)石成金》等。

小結(jié)

想在交互設(shè)計(jì)領(lǐng)域里有所建樹(shù)，我們還有很長(zhǎng)的路要走。沒(méi)有捷徑，只有踏踏實(shí)實(shí)。希望這篇文章能給進(jìn)入交互設(shè)計(jì)領(lǐng)域的你有所幫助。