我常被問起：“你是做什么的？”
“交互設(shè)計(jì)師?！?br /> “交互設(shè)計(jì)是做什么的？”
我很尷尬的解釋一堆：“！@#￥%…….”
對方更是疑惑：”那….是不是網(wǎng)頁的視覺設(shè)計(jì)？”
………
網(wǎng)上搜到一張圖，發(fā)現(xiàn)不只是我，很多交互設(shè)計(jì)師都存在困惑。缺乏職業(yè)存在感。

交互設(shè)計(jì)的特色之一——“虛”

交互設(shè)計(jì)似乎是個(gè)很難解釋，有點(diǎn)”虛、空、玄“的東西?；ヂ?lián)網(wǎng)的快速發(fā)展，交互設(shè)計(jì)少了些可以借鑒的方法。交互設(shè)計(jì)這個(gè)行業(yè)似乎只能靠前人經(jīng)驗(yàn)、自身靈感、悟性體會(huì)，江湖中野蠻發(fā)展著。簡直就是武林中的內(nèi)功了得。

交互設(shè)計(jì)的特色之二——糾結(jié)，有木有！

JJg在《用戶體驗(yàn)要素》中，將交互設(shè)計(jì)設(shè)置在結(jié)構(gòu)層。

一方面，交互設(shè)計(jì)恰恰處在抽象的戰(zhàn)略向具體實(shí)現(xiàn)頁面的轉(zhuǎn)化過度階段。從產(chǎn)品開發(fā)流程中，交互設(shè)計(jì)上從產(chǎn)品經(jīng)理接到需求，分析需求并最終交付網(wǎng)站高保真的原型。要把“抽象”的點(diǎn)子和想法如實(shí)貼切用界面語言表現(xiàn)出來。滿足公司商業(yè)需求。

另一方面，交互設(shè)計(jì)師的誕生某種程度是為了提升產(chǎn)品可用性。其實(shí)就是要滿足產(chǎn)品使用者——用戶的要求。

說起來簡直就是吃飯靠公司，目標(biāo)是用戶的“無間道”。要不斷平衡公司“商業(yè)”利益（不能丟飯碗），和用戶體驗(yàn)利益（專業(yè)道德）之間的矛盾。具體來說，就是在交互設(shè)計(jì)思考的過程中，考慮用戶邏輯+公司的特殊需求兩部分內(nèi)容。

能不糾結(jié)么…..

交互設(shè)計(jì)的內(nèi)容有哪些？

有人問我交互設(shè)計(jì)難么？我說“不難，你想，用戶的操作行為就倆：點(diǎn)擊、拖拽?！保海?/p>

其實(shí)，我理解的交互設(shè)計(jì)主要分為兩塊：信息架構(gòu)和操作細(xì)節(jié)。交互設(shè)計(jì)的產(chǎn)出物（交付物）也應(yīng)當(dāng)包含這一靜一動(dòng)兩塊。

下面談?wù)勎易约航换ピO(shè)計(jì)方法和思考過程：

1. 需求分析——>翻譯成界面語言

俗話說，Think first，Design next.對于接到的需求，第一件要做的事情就是仔細(xì)分析和討論下需求的邏輯、內(nèi)容和目的，而不是馬上風(fēng)風(fēng)火火的開工。

忍不住引用臭魚博客的一個(gè)灰常貼切的案例：

第一步. 概括信息

?
?您選擇了回郵方式辦卡，概括解釋這個(gè)辦卡方式。
?
?接下來您應(yīng)該 下載申請表
?
?回郵辦卡的全過程是這樣的…
?
?一系列注意事項(xiàng)。

?

1. 多角色任務(wù)流程
2. 檢查點(diǎn)

1、站點(diǎn)地圖（site maps）：就是用視覺的方式來表達(dá)出網(wǎng)站的層級結(jié)構(gòu)。

2、流程圖（flow charts）：表達(dá)用戶或系統(tǒng)對某項(xiàng)任務(wù)執(zhí)行的流程。

3、線框圖（wireframes）：更像最終產(chǎn)品呈現(xiàn)的毛胚。簡單來說，就是拋去配色、字體樣式、圖片等的原型設(shè)計(jì)。

4、視覺樣式（screen designs）：幾乎是網(wǎng)站最終呈現(xiàn)的狀態(tài)。其中包含尺寸和對css等定義。

以上均為個(gè)人觀點(diǎn)，如有雷同，算我抄你的。如覺得不好，板磚扔來。

設(shè)計(jì)師都該有自己的一套設(shè)計(jì)方法，設(shè)計(jì)分析思路和習(xí)慣。這只是我一個(gè)小白設(shè)計(jì)師對過去一些思考的總結(jié)，便于未來檢討。不一定對，求分享批評。

源地址：http://www.zhangyq.com/in……nd-processes/