盡管“交互設(shè)計(jì)”在近幾年的設(shè)計(jì)行業(yè)中早已不是什么新鮮名詞,但依然還是有很多朋友,尤其是剛?cè)胄械男氯藭?huì)問(wèn):什么是交互設(shè)計(jì)?交互設(shè)計(jì)師到底是干嘛的?交互設(shè)計(jì)的流程是怎樣的?
交互設(shè)計(jì)(Interaction Design):定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物,即人工制成物品,例如,軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式(the interaction, 即人工制品在特定場(chǎng)景下的反應(yīng)方式)相關(guān)的界面。
---維基百科
Allen Cooper在《軟件觀念革命:交互設(shè)計(jì)精髓》(About Face)中提到一個(gè)國(guó)際上廣為認(rèn)可的交互設(shè)計(jì)流程:
定性研究(Qualitative Research):
針對(duì)可能使用你的產(chǎn)品的人,可以是問(wèn)卷、訪談……不管是以什么形式,主要是了解交互行為的五要素,也就是用戶的行為(Activities),態(tài)度(Attitudes),資質(zhì)(Aptitudes),動(dòng)力(Motivation),技能(Skills)。
人物角色(Persona):
人物角色一般會(huì)包含一些個(gè)人基本信息,家庭、工作、生活環(huán)境描述,與產(chǎn)品使用相關(guān)的具體情境,用戶目標(biāo)或產(chǎn)品使用行為描述等。一個(gè)產(chǎn)品通常會(huì)設(shè)計(jì)3~6個(gè)角色代表所有的用戶群體。
為了準(zhǔn)確定位人物角色,你需要對(duì)他們有所了解。真正的了解用戶并不需要華而不實(shí)的調(diào)研,最好途徑就是通過(guò)協(xié)作。下面這幅圖會(huì)給你答案。
腳本 (Scenario):
問(wèn)題腳本(Problem Scenario)& 動(dòng)作腳本(Action Scenario):基于你對(duì)人物角色(Persona)的理解,設(shè)想出目標(biāo)用戶在使用產(chǎn)品中可能遇到的問(wèn)題。你可以為每一個(gè)人物角色(Persona)列一個(gè)問(wèn)題清單,猜想他們?cè)谑褂卯a(chǎn)品時(shí)會(huì)發(fā)生的細(xì)節(jié)并將這些細(xì)節(jié)準(zhǔn)備一個(gè)合理的解決方案。這個(gè)時(shí)候呢,你的交互方案的概念模型已經(jīng)基本成型了,這個(gè)概念模型是通過(guò)解決問(wèn)題腳本里的問(wèn)題而得出的。
畫線框圖(Framework) & 制作原型 (Prototype):
線框圖和原型都是對(duì)你的方案進(jìn)行具象化的步驟,借助當(dāng)下流行的原型工具,例如Mockplus, Axure,Justinmind, Invision 等等一籮筐的工具,不要程序員的幫忙,也可以輕松地展現(xiàn)你的想法。
專家評(píng)測(cè)(Expert Evaluation):
原型完成后,可以邀請(qǐng)?jiān)O(shè)計(jì)師對(duì)你的原型做一個(gè)評(píng)估。比較常用的評(píng)測(cè)方法是啟發(fā)式評(píng)估法(Heuristic Evaluation),而這種方法比較常見(jiàn)的標(biāo)準(zhǔn)是尼爾森交互設(shè)計(jì)法則(Nielsen Heuristic)。以下是十條尼爾森交互設(shè)計(jì)法則(Nielsen Heuristic):
1、系統(tǒng)狀態(tài)是否可見(jiàn)(Visibility of system status)2、系統(tǒng)是否符合現(xiàn)實(shí)世界的習(xí)慣(Match between system and the real world)3、用戶是否能自由地控制系統(tǒng)(User control and freedom)4、統(tǒng)一與標(biāo)準(zhǔn)(Consistency and standards)5、錯(cuò)誤防范(Error prevention)6、減輕低用戶的記憶負(fù)擔(dān)(Recognition rather than recall)7、靈活性和效率(Flexibility and efficiency of use)8、美觀簡(jiǎn)潔(Aesthetic and minimalist design)9、幫助用戶認(rèn)知、了解錯(cuò)誤,并從錯(cuò)誤中恢復(fù)(Help users recognize, diagnose, and recover from errors)10、幫助文檔(Help and documentation)
如何做啟發(fā)式評(píng)估法(Heuristic Evaluation)?很簡(jiǎn)單,專家們各自將自己發(fā)現(xiàn)問(wèn)題列出來(lái),并將之與對(duì)應(yīng)的法則相關(guān)聯(lián),或者根據(jù)法則來(lái)查找問(wèn)題,然后專家們分別給自己的問(wèn)題打分。專家們完成自己的問(wèn)題列表后,一起討論,將問(wèn)題整合起來(lái)。
常用的打分方法如下:4分 - 問(wèn)題太過(guò)嚴(yán)重,一旦發(fā)生用戶的進(jìn)程將會(huì)終止并且無(wú)法恢復(fù)3分 - 問(wèn)題較為嚴(yán)重,很難能恢復(fù)2分 - 問(wèn)題一般嚴(yán)重,但是用戶能夠自行恢復(fù),或者問(wèn)題只會(huì)出現(xiàn)一次1分 - 問(wèn)題較小,偶爾發(fā)生,并且不會(huì)對(duì)用戶的進(jìn)程產(chǎn)生太大影響0分:不算問(wèn)題
記?。涸u(píng)測(cè)完后別忘記修改你的線框圖和原型!
用戶評(píng)測(cè)(User Evaluation):
原型通過(guò)專家評(píng)測(cè)后,你可以找一些典型用戶使用原型。你可以把任務(wù)列給他們,讓他們自己嘗試完成任務(wù)。中間遇到的問(wèn)題可以記錄下來(lái),設(shè)計(jì)師通過(guò)觀察來(lái)進(jìn)行評(píng)分。
比較常用的用戶評(píng)測(cè)方法是Think Aloud,做法也很簡(jiǎn)單,你讓用戶使用原型完成指定的幾個(gè)任務(wù),讓他們?cè)谑褂眠^(guò)程中將他們的每一步和心中的想法說(shuō)出來(lái)。如果他們忘記說(shuō)或者不知道該怎么說(shuō),你可以適當(dāng)提問(wèn)。與此同時(shí),你要將屏幕和聲音錄下來(lái),可以用錄屏軟件或攝像頭。完成后,你回放這些視頻,把觀察到的問(wèn)題和用戶報(bào)告的問(wèn)題全部記錄下來(lái),與交互法則關(guān)聯(lián)并且打分。
值得注意的有兩點(diǎn):
1. 這些步驟并不是每步都是必須的,要根據(jù)項(xiàng)目去分析你所使用的方法。
2. 這個(gè)過(guò)程中每一步都是和用戶相關(guān)的,切莫主觀臆斷。