五步走,帶你了解交互設(shè)計(jì)流程

2 評(píng)論 19183 瀏覽 150 收藏 8 分鐘

本文作者分享交互設(shè)計(jì)的流程,但切記具體問(wèn)題具體分析哦~

盡管“交互設(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)的,切莫主觀臆斷。

 

本文由 @jongge?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 非常好的文章,讓我一下就了解了自己該做什么,非常感謝??

    回復(fù)
  2. 好文章,收藏了,不過(guò)現(xiàn)在摩客工具確實(shí)簡(jiǎn)單、快速

    來(lái)自四川 回復(fù)