以前也做過不少的交互設(shè)計(jì)，這次做之前，恰好遇到了《About Face 2》這本書，真的受益匪淺，按照文中的方法，仔細(xì)的實(shí)踐了一回。感覺比以前的工作提高不少。
方法
這次交互設(shè)計(jì)采用的是以目標(biāo)為導(dǎo)向的設(shè)計(jì)方法。過去的交互設(shè)計(jì)通常是以功能為出發(fā)，主要考慮操作易學(xué)性方面的因素。而這次則是以用戶目標(biāo)為中心，考慮如何在交互上體現(xiàn)功能。比較有幸的是，前期正好做了一個(gè)用戶調(diào)研的項(xiàng)目，有很多相關(guān)的數(shù)據(jù)，可以讓項(xiàng)目組成員搭建較為可靠的用戶模型。這次項(xiàng)目花了1/3的時(shí)間用來研究用戶模型、目標(biāo)，把這些翻譯成對交互的需求。使用了1/5的時(shí)間來進(jìn)行用戶測試，使在設(shè)計(jì)早期就讓用戶的意見參與進(jìn)來，和以往的交互設(shè)計(jì)比較起來，更多的實(shí)現(xiàn)了用戶參與式的設(shè)計(jì)過程。
圖1：工作方法－改自《Face 2.0》的圖1-6
幾種流程圖
以前接觸到的任務(wù)分析是研究用戶是如何期望使用一個(gè)產(chǎn)品的，在特定環(huán)境下完成一個(gè)任務(wù)前后關(guān)聯(lián)的行為順序是什么，這種研究方法，比較適用于產(chǎn)品創(chuàng)新或硬件產(chǎn)品的交互模式，但如果只從用戶行為出發(fā)，雖然考慮到了用戶的需求，但很難對需要嚴(yán)謹(jǐn)和全面反映軟件功能Spec的交互設(shè)計(jì)起到指導(dǎo)作用。這是因?yàn)檐浖a(chǎn)品需要考慮到軟件是如何運(yùn)行的，其本身的判斷分支比硬件產(chǎn)品復(fù)雜和靈活得多，軟件本身的行為也會(huì)影響到用戶的行為。
功能流程圖：描述系統(tǒng)內(nèi)部僑綰喂ぷ韉?，記]淙氳拿枋鐾ǔＷ魑低襯掣魴形拇シ⒒蚯疤崽跫?。比较少的考聣q較低承形欠衲芨沒Т春玫氖褂錳逖?lt;/P>
用戶流程圖：（通常也是任務(wù)分析）：用戶是主體，將用戶的行為進(jìn)行意圖-目標(biāo)-行為-動(dòng)作進(jìn)行層級分解，考慮到了設(shè)計(jì)和用戶的心理模型如何匹配上，比較少的考慮到系統(tǒng)實(shí)現(xiàn)的局限性。
交互流程圖：描述用戶行為-系統(tǒng)響應(yīng)關(guān)系。但對用戶行為不進(jìn)行層級分解，對于系統(tǒng)內(nèi)部是如何工作的不做描述，主要描述兩種行為接口時(shí)的交互過程。在做交互流程圖時(shí)，就應(yīng)該同時(shí)設(shè)想界面的布局和交互風(fēng)格了。
作為交互設(shè)計(jì)師，應(yīng)該將功能流程圖和用戶流程圖都研究徹底，才能作出交互流程圖。通過研究功能流程圖，可以幫助設(shè)計(jì)師了解開發(fā)者模型，通過研究用戶流程圖，設(shè)計(jì)師可以了解用戶模型，這樣設(shè)計(jì)師才能為2個(gè)模型搭橋。以前總是將交互流程圖和上述2種流程圖進(jìn)行混淆，和功能流程圖混淆，過于考慮開發(fā)細(xì)節(jié)，就難以建立站在用戶使用角度的“同理心”。和用戶流程圖混淆，就不能了解系統(tǒng)的各種可能性，在作交互設(shè)計(jì)時(shí)勢必會(huì)有遺漏，導(dǎo)致很多反復(fù)的修改。
圖2：三種流程圖的關(guān)系
原型制作和工具
交互設(shè)計(jì)分為兩部分，一部分是形成思路或理念，第二部分就是將思路或理念體現(xiàn)到設(shè)計(jì)中。而設(shè)計(jì)其實(shí)就是制作各種不同的原型來體現(xiàn)在設(shè)計(jì)師腦中的理念。原型法在交互設(shè)計(jì)中起到非常大的作用
1） 快速和各方人員溝通設(shè)計(jì)思想
在設(shè)計(jì)早期，和委托方溝通功能需求的時(shí)候，對于不明確的功能，可以給出假設(shè)。對明確的功能，可以給出幾種設(shè)計(jì)方案的思路，用于探討。這比僅僅是口頭討論更容易界定問題。通過共同的探討，將可能的備選方案限制在2-3個(gè)。（不應(yīng)更多了，否則會(huì)牽扯太多的精力）
2） 在多個(gè)方案中進(jìn)行有效的比較和改進(jìn)意見的獲取
根據(jù)交互的流程，來構(gòu)思各個(gè)界面的布局。并考慮哪些功能放在主要窗口上，哪些界面是在輔助窗口中完成。這時(shí)候盡量用容易拋棄的原型，即制作快速、修改容易的中低保真原型。
3） 提高項(xiàng)目質(zhì)量，并且樹立專業(yè)形象
通常越保真的原型需要的技巧越多，或耗時(shí)越多，但辛苦的付出也可以換來很高的評價(jià)，讓委托方看到越仿真的效果，越容易取得較高的滿意度。所以如果交互設(shè)計(jì)需要大規(guī)模的評審，一定要留出制作高保真原型的人力和時(shí)間，并保證視覺人員的參與。
想要達(dá)到以上作用，需要在設(shè)計(jì)的不同階段運(yùn)用不同的工具
1） 溝通設(shè)計(jì)思想：使用手繪，PPT， Visio，并用Photoshop或Freehand來改進(jìn)局部來表達(dá)思想
2） 多個(gè)方案的選?。菏褂肰isio或Flash，配合Photoshop
3） 樹立專業(yè)形象：Flash及其ActionScript或者編程工具
用編程工具可以展示更為復(fù)雜和更為保真的原型，但是會(huì)牽涉到很多精力用來編碼和調(diào)試Bug。沒有較多開發(fā)經(jīng)驗(yàn)的設(shè)計(jì)人員需要學(xué)習(xí)掌握其使用，否則關(guān)注軟件的實(shí)現(xiàn)會(huì)多于交互設(shè)計(jì)本身，且一旦花了很多精力做好，就很難愿意因需求的變化，進(jìn)行修改和調(diào)整。所以一定要方案基本上通過中保真原型定好后，再做高保真的原型。
最理想的狀態(tài)是軟件是用什么工具開發(fā)的，就用什么工具來做交互的高保真原型。如果和開發(fā)人員并不是一起工作的，并且時(shí)間資源充足，還是使用Flash并配有少量ActionScript語言更好一些。使用Flash時(shí)，可以保證設(shè)計(jì)人員的設(shè)計(jì)思維連貫性，將精力更關(guān)注在用戶使用體驗(yàn)上。
交互設(shè)計(jì)人員必須熟練掌握以上提到的2種以上的工具，才能發(fā)揮原型設(shè)計(jì)法的優(yōu)勢。
