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