2013-9-21 藍(lán)藍(lán)設(shè)計的小編
上個章節(jié)講了為什么要有交互設(shè)計，本章主要詳述一下交互設(shè)計的職能——交互設(shè)計師具體做哪些內(nèi)容？
Ⅰ. 先了解一下交互設(shè)計的基本概念：
交互設(shè)計是一種目標(biāo)導(dǎo)向設(shè)計，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計的。交互設(shè)計師通過設(shè)計用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo)，獲得愉快的用戶體驗。
Ⅱ.交互設(shè)計在項目流程中的位置和任務(wù)：
項目前期的流程和節(jié)點：
職能的細(xì)化就是為了讓產(chǎn)品在每個專業(yè)環(huán)節(jié)都做到，提高競爭力。如果是為了走流程，每個環(huán)節(jié)都是任務(wù)式的交付，臃腫的分工除了增加成本和拖慢項目進(jìn)度，沒有實際意義。所以交互設(shè)計需要做的足夠好，才能將這份工作做的有意義。
Ⅲ.交互設(shè)計的具體職能：
從上圖中可以看出，交互設(shè)計主要干三件事：
①定義部分需求 ②定義信息架構(gòu)和操作流程 ③ 組織頁面元素，制作原型demo
①定義部分需求
以前的慣性思維是需求應(yīng)該由產(chǎn)品人員負(fù)責(zé)，設(shè)計人員只是實現(xiàn)和改善界面體驗。而產(chǎn)品的真正需求不僅僅來源于業(yè)務(wù)，還包括使用者的情感需求。在情感分析方面，交互專業(yè)是具有優(yōu)勢的，舉個例子：
一個增值服務(wù)的宣傳模塊，業(yè)務(wù)模型可能是這樣子：
考慮到情感因素后,需求模型會不斷完善：
上圖僅僅是舉個例子，真正的產(chǎn)品人員不會將業(yè)務(wù)模型想的如此簡單。舉這個例子就是想說明一下產(chǎn)品的需求設(shè)計不僅僅是業(yè)務(wù)模型，還需要考慮用戶情感、用戶行為和運營數(shù)據(jù)。當(dāng)產(chǎn)品人員考慮不周全的時候，交互設(shè)計師有責(zé)任對需求進(jìn)行修訂和完善，這樣的目標(biāo)導(dǎo)向設(shè)計才是完整的。
②定義框架
這部分的內(nèi)容屬于交互設(shè)計師的核心工作內(nèi)容，也就是我上一章節(jié)所講的框架設(shè)計階段。這個階段的產(chǎn)出質(zhì)量直接影響到業(yè)務(wù)目標(biāo)和轉(zhuǎn)化率。如果框架混亂，接下來的界面怎么優(yōu)化都是無效的。這好比大型超市的走道設(shè)計，如果路線規(guī)劃的不好，再多再大的指引圖標(biāo)都是低效的。交互設(shè)計做什么？讓用戶快速完成目標(biāo)，提升操作效率，這才是框架設(shè)計的意義所在。
什么是框架設(shè)計呢？這要分成兩部分內(nèi)容：
<1.關(guān)于結(jié)構(gòu)導(dǎo)航的設(shè)計>
把我們的產(chǎn)品想象成一個巨大的圖書館，我們需要幫助用戶（有目的性的、目的不明確的，無目的性的）尋找他們感興趣的圖書，怎么幫助用戶準(zhǔn)確的尋找完成目標(biāo)任務(wù)，這就是導(dǎo)航設(shè)計。導(dǎo)航的設(shè)計任務(wù)一般在新項目或重構(gòu)項目。
導(dǎo)航大概可以分為三種類型：結(jié)構(gòu)導(dǎo)航、關(guān)聯(lián)導(dǎo)航、可用性導(dǎo)航
在框架設(shè)計的階段，交互設(shè)計師主要關(guān)注于結(jié)構(gòu)導(dǎo)航的設(shè)計。
結(jié)構(gòu)導(dǎo)航分兩種：全局導(dǎo)航與局部導(dǎo)航。全局導(dǎo)航一般是指無聯(lián)系的信息結(jié)構(gòu)做的一級大分類，方便用戶以最快速的方式了解整個網(wǎng)站有什么大概內(nèi)容。而局部導(dǎo)航則關(guān)注于用戶最方便的快捷操作和業(yè)務(wù)引導(dǎo)操作。
交互設(shè)計師的首要任務(wù)就是將業(yè)務(wù)內(nèi)容信息組織分類，劃分出主次關(guān)系，根據(jù)業(yè)務(wù)目的和用戶習(xí)慣定義規(guī)劃全局導(dǎo)航和局部導(dǎo)航的設(shè)計。那應(yīng)該怎么規(guī)劃呢？
回到第一個增值服務(wù)頁面的例子（虛擬案例，非真實案例）：
將需求梳理后（怎么梳理，請google抽屜整理法），我們可以確認(rèn)全局導(dǎo)航：
再詳細(xì)規(guī)劃局部導(dǎo)航：
局部導(dǎo)航的層級可以不斷往下延伸，通過樹形目錄或面包屑的方法幫助用戶瀏覽時不至于迷路。
<2. 關(guān)于流程的設(shè)計>
之前的案例我們已經(jīng)基本上確認(rèn)了模塊需求有哪些頁面，頁面大概會放什么內(nèi)容。但真實的用戶任務(wù)并不是在一個頁面上完成的，這時候我們就需要通過流程的方式把任務(wù)變得清晰和包容用戶的各種誤操作。
虛擬案例：
在流程的規(guī)劃設(shè)計中要遵循：1.以業(yè)務(wù)目的為主要導(dǎo)向；2.兼容到用戶的習(xí)慣；3.盡量讓流程做減法，多一個流程就會丟一部分用戶；4.任務(wù)是連貫和清晰的；5.考慮實現(xiàn)方式的復(fù)雜程度；歡迎補充…
③組織頁面元素，制作原型demo
經(jīng)過了需求的完善和框架的設(shè)計，之前的這些工作還是停留在抽象的想法階段，怎么把想法轉(zhuǎn)達(dá)給項目組的其他人員呢？交互還需要把想法和規(guī)劃表達(dá)出來，那么最好的方式就是制作原型Demo。把Demo做出來，讓產(chǎn)品，開發(fā)，測試直觀的看到產(chǎn)品的雛形, 再廣泛的接受意見，對原型進(jìn)行不斷的修正，改進(jìn)，做簡單的用戶測試?yán)^續(xù)挖掘情感需求。
那么怎么去組織頁面元素，制作原型Demo？哪些表現(xiàn)層面是交互設(shè)計師該重點表達(dá)的內(nèi)容呢？原型的制作又有哪些章法可循呢？這個..還是等下一個章節(jié)再講吧o(∩_∩)o
藍(lán)藍(lán)設(shè)計的小編 http://www.dzxscac.cn