一個完整的交互設(shè)計流程是怎樣的?

2018-01-09 1228 0
今天這篇教程是基于《軟件觀念革命:交互設(shè)計精髓》(about Face)寫的,這也是在國際上被廣為認可的流程。這個答案里我盡量不參雜個人觀點,先放一個大綱。 國內(nèi)知名團隊UED流程見:
  1. 《超多干貨!國內(nèi)知名UED團隊的設(shè)計流程是怎樣的?》
  2. 《接地氣!國內(nèi)知名UED團隊的設(shè)計流程是怎樣的?》
一、定性研究(Qualitative Research):針對可能使用你的產(chǎn)品的人,可以是問卷、訪談……
二、確定人物角色(Persona):即產(chǎn)品的典型用戶,可以有一種或幾種。例如可以有一個人物角色叫CEO。
三、寫問題腳本(Problem Scenario):羅列人物角色在使用產(chǎn)品時可能遇到的問題,可以整理成一個故事便于別人理解
四、寫動作腳本(Action Scenario):像寫故事一樣,寫人物角色在使用你設(shè)計好的產(chǎn)品時,發(fā)生的細節(jié)。注意,這個時候你的交互方案的概念模型已經(jīng)基本成型了,這個概念模型是通過解決問題腳本里的問題而得出的。
五、畫線框圖(framework):這個線框圖是通過把動作腳本里的概念模型轉(zhuǎn)化成視覺模型得到的。
六、制作原型(Prototype):做出來好像可以用的東西,有很多原型工具可以利用。
七、專家評測(Expert evaluation):至少兩名設(shè)計師或?qū)换ピO(shè)計比較了解的人通過反復(fù)測試原型。找到問題后修改線框圖并更新原型。
八、用戶評測(User evaluation):讓用戶使用原型,可以給他們一些任務(wù)去完成。根據(jù)用戶在使用過程中的問題和建議進行進一步修改。 如果你想要知道具體怎么做,請繼續(xù)看。
一、定性研究(Qualitative Research): 無論你用何種形式做調(diào)查,你的目的是了解用戶的五個方面:
1、行為(Activities):例如用戶多久用一次、一次用多久?
2、態(tài)度(Attitudes):例如用戶怎樣看待這個產(chǎn)品?
3、資質(zhì)(Aptitudes):例如用戶的學(xué)歷怎樣?
4、動力(Motivation):例如用戶為什么用?
5、技能(Skills):例如用戶對使用相關(guān)產(chǎn)品是否熟悉?
二、確定人物角色(Persona): 如果你的定性研究有所成功,這時你應(yīng)該對你的用戶有所了解了。根據(jù)上文中的五個方面,你需要挑揀出最典型的一個或幾個形象。例如知乎的人物角色可能有:比較普通的求知者、特定領(lǐng)域的專家、到處灌水的…… 你不但要確定這些人物角色(Persona)的主要特點,還要確定他們的需求和目的。為了增加真實性,可以給人物角色(Persona)取名字,選一張照片,細化他們的背景資料。 以下是一個范例:

三、寫問題腳本(Problem Scenario): 基于你對人物角色(Persona)的理解,你應(yīng)該已經(jīng)可以設(shè)想出他們在使用產(chǎn)品中可能遇到的問題了。你可以為每一個人物角色(Persona)列一個問題單,也可以把它們整理到一個簡短的故事里。
四、寫動作腳本(Action Scenario): 首先你要為已列出的問題想好可能的解決方案,然后寫一個簡短的故事把這些解決方案囊括進去。寫成故事的好處是代入感較強,對別人來說容易理解。國內(nèi)比較推崇故事版,但是把所有情景畫出來的效率是非常低的。
五、畫線框圖(framework): 這個時候你對你的交互方案已經(jīng)有了一個比較抽象的想法了,現(xiàn)在只要把它具象化就好了。線框圖大家都比較了解,這里就不多說了。 desk-office-pen-ruler-large
六、制作原型(Prototype): 就算沒有程序員幫忙,可以使用的原型工具還是很多的。例如Axure RP和Pencil Project都比較有名,國內(nèi)也有不少。不過我只用過InVision,感覺還可以。不論用什么手法,哪怕是PPT或者PDF,只要做出一個可以交互的東西就行了。 一個原型是不可能實現(xiàn)所有功能的,所以你要確定幾個可以走通的任務(wù)。例如能夠成功在知乎里發(fā)布一個問題等。
七、專家評測(Expert evaluation): 原型完成后召集至少兩三個設(shè)計師或者對交互比較了解的人,使用并評測原型。你可以將原型所關(guān)注的幾個任務(wù)列出來,以免專家不知道原型哪部分可交互哪部分不可交互。 比較常用的評測方法是啟發(fā)式評估法(Heuristic evaluation),而這種方法比較常見的標準是尼爾森交互設(shè)計法則(Nielsen Heuristic)。以下是十條尼爾森交互設(shè)計法則(Nielsen Heuristic):
1、系統(tǒng)狀態(tài)是否可見(Visibility of system status)
2、系統(tǒng)是否符合現(xiàn)實世界的習(xí)慣(Match between system and the real world)
3、用戶是否能自由地控制系統(tǒng)(User control and freedom)
4、統(tǒng)一與標準(Consistency and standards)
5、錯誤防范(Error prevention)
6、減輕低用戶的記憶負擔(Recognition rather than recall)
7、靈活性和效率(Flexibility and efficiency of use)
8、美觀簡潔(Aesthetic and minimalist design)
9、幫助用戶認知、了解錯誤,并從錯誤中恢復(fù)(Help users recognize, diagnose, and recover from errors)
10、幫助文檔(Help and documentation) 如何做啟發(fā)式評估法(Heuristic evaluation)?很簡單,專家們各自將自己發(fā)現(xiàn)問題列出來,并將之與對應(yīng)的法則相關(guān)聯(lián),或者根據(jù)法則來查找問題,然后專家們分別給自己的問題打分。專家們完成自己的問題列表后,一起討論,將問題整合起來。 常用的打分方法如下: 4分 – 問題太過嚴重,一旦發(fā)生用戶的進程將會終止并且無法恢復(fù)
3分 – 問題較為嚴重,很難能恢復(fù)
2分 – 問題一般嚴重,但是用戶能夠自行恢復(fù),或者問題只會出現(xiàn)一次
1分 – 問題較小,偶爾發(fā)生,并且不會對用戶的進程產(chǎn)生太大影響
0分:不算問題
記?。涸u測完后別忘記修改你的線框圖和原型!
八、用戶評測(User evaluation): 原型通過專家評測后,你可以找一些典型用戶使用原型。你可以把任務(wù)列給他們,讓他們自己嘗試完成任務(wù)。中間遇到的問題可以記錄下來,設(shè)計師通過觀察來進行評分。 比較常用的用戶評測方法是Think Aloud(對不起沒有找到合適的翻譯)。做法也很簡單,你讓用戶使用原型完成指定的幾個任務(wù),讓他們在使用過程中將他們的每一步和心中的想法說出來。如果他們忘記說或者不知道該怎么說,你可以適當提問。與此同時,你要將屏幕和聲音錄下來,可以用錄屏軟件或攝像頭。完成后,你回放這些視頻,把觀察到的問題和用戶報告的問題全部記錄下來,與交互法則關(guān)聯(lián)并且打分。
值得注意的是,很多人更習(xí)慣給出建議而不是提出問題,例如“這個按鈕應(yīng)該更大一點,這樣才看的到”。這時,你該記錄下來的是“按鈕不夠引人注意”。 有趣的是,用戶評測的結(jié)果可能和專家評測的結(jié)果相差很遠,這里就不多說了。 
5
評論區(qū)(0)
正在加載評論...