參考來源:知乎 庖丁開發(fā)整理編輯
維基百科是這么定義交互設計(Interaction Design)的:定義、設計人造系統(tǒng)的行為的設計領域蜓萄。人造物杀餐,即人工制成物品疫衩,例如壮莹,軟件翅帜、移動設備、人造環(huán)境命满、服務涝滴、可佩帶裝置以及系統(tǒng)的組織結構。交互設計在于定義人造物的行為方式(the interaction,即人工制品在特定場景下的反應方式)相關的界面胶台。
交互設計是在近幾年才慢慢被國人所熟知歼疮,目前只有一些較大規(guī)模的公司才會設有專門的交互設計職位,小公司一般是 UI 或者 PM 把交互設計的工作包了诈唬,那么交互設計職位的工作到底有哪些呢韩脏?今天丁丁就來跟大家談談交互設計的工作內容以及流程,需要說明的是其實并沒有標準的交互設計流程铸磅,另外赡矢,這些步驟并不是每步都是必須的,要根據項目去分析你所使用的方法阅仔。
用戶研究
交互設計的初衷就是解決用戶的問題吹散。不論設計什么產品,能夠被用戶認可的途徑只有這個產品解決了他們生活中的一個問題八酒。交互設計的第一步空民,不論是對成熟產品還是初創(chuàng)產品都一樣,就是定義這個設計到底要解決用戶的什么問題羞迷,這一步可以說至關重要界轩。
用戶研究就是圍繞以用戶為中心所進行的活動,使用戶實際需求成為產品設計的導向衔瓮,使產品更貼近用戶浊猾。目的是為了定位產品的目標人群和用戶需求,辦法有用戶訪談热鞍,實地考察与殃,發(fā)放問卷等等。
不管你是以哪種形式做研究碍现,在這個過程中,你需要了解:
行為(Activities):例如用戶多久用一次米奸、一次用多久昼接?
態(tài)度(Attitudes):例如用戶怎樣看待這個產品?
資質(Aptitudes):例如用戶的學歷怎樣悴晰?
動力(Motivation):例如用戶為什么用慢睡?
技能(Skills):例如用戶對使用相關產品是否熟悉逐工?
確定人物角色(Persona)并建模
如果第一步的用戶研究有所成功,這時你應該對你的用戶有所了解了漂辐。根據上面提到的五個方面泪喊,你需要挑揀出最典型的一個或幾個形象建模。例如逛知乎的人物角色可能有:比較普通的求知者髓涯、特定領域的專家袒啼、到處灌水的……
你不但要確定這些人物角色(Persona)的主要特點,還要確定他們的需求和目的纬纪。為了增加真實性蚓再,可以給人物角色(Persona)取名字,選一張照片包各,細化他們的背景資料摘仅。
到這里,你已經對人物角色(Persona)非常理解了问畅,可以設想出他們在使用產品中可能遇到的問題了娃属。這時候為每一個人物角色列一個問題清單,也可以把它們整理到一個簡短的故事里护姆。
接下來就是為已列出的問題給出可能的解決方案矾端,然后寫一個簡短的故事把這些解決方案囊括進去。寫成故事的好處是代入感較強须床,對別人來說容易理解豺旬。國內比較推崇故事版柒凉,但是把所有情景畫出來的效率是非常低的膝捞。
畫線框圖蔬咬、制作原型
到了這里林艘,你對你的交互方案已經有了一個很抽象的想法了狐援,只需要把它具象化就可以了。這時候需要做的就是把流程圖以及線框圖畫出來厨诸,它可以幫你把產品的邏輯理順禾酱,同時也是跟PM以及程序員溝(si)通(bi)的利器,特別是對于比較復雜的產品來說得封,流程圖指郁、線框圖顯得尤為重要闲坎。
制作原型可以讓團隊對產品的理解無異議,對最終的產品有更直觀的了解梗逮,同時對下一步的測試評估提供了便利慷彤,不然等出完視覺稿甚至產品開發(fā)出來再測試怖喻,出了問題改起來那就太麻煩锚沸,不僅浪費人力哗蜈,更是把整個項目都耽擱了距潘。
測試評估
丨專業(yè)人士測試評估
原型完成后召集兩三個設計師或者對交互比較了解的人唯鸭,使用并評測原型硅确。你可以將原型所關注的幾個任務列出來菱农,以免專家不知道原型哪部分可交互哪部分不可交互缭付。
比較常用的評測方法是啟發(fā)式評估法,而這種方法比較常見的標準是尼爾森交互設計法則陷猫。以下是十條尼爾森交互設計法則:
系統(tǒng)狀態(tài)是否可見
系統(tǒng)是否符合現(xiàn)實世界的習慣
用戶是否能自由地控制系統(tǒng)
統(tǒng)一與標準
錯誤防范
減輕低用戶的記憶負擔
靈活性和效率
美觀簡潔
幫助用戶認知、了解錯誤绣檬,并從錯誤中恢復
幫助文檔
那么如何做啟發(fā)式評估法呢娇未?很簡單零抬,專家們各自將自己發(fā)現(xiàn)問題列出來,并將之與對應的法則相關聯(lián)平夜,或者根據法則來查找問題卸亮,然后專家們分別給自己的問題打分。專家們完成自己的問題列表后兼贸,一起討論坷牛,將問題整合起來甩苛。
常用的打分方法如下:
- 4分 – 問題太過嚴重,一旦發(fā)生用戶的進程將會終止并且無法恢復
- 3分 – 問題較為嚴重墨林,很難能恢復
- 2分 – 問題一般嚴重,但是用戶能夠自行恢復痰娱,或者問題只會出現(xiàn)一次
- 1分 – 問題較小梨睁,偶爾發(fā)生坡贺,并且不會對用戶的進程產生太大影響
- 0分:不算問題
記姿┠睢:評測完后別忘記修改你的線框圖和原型褐缠!
丨用戶測試評估
原型通過專家評測后公般,你可以找一些典型用戶使用原型官帘。你可以把任務列給他們刽虹,讓他們自己嘗試完成任務呢诬。中間遇到的問題可以記錄下來尚镰,設計師通過觀察來進行評分狗唉。
比較常用的用戶評測方法是讓用戶使用原型完成指定的幾個任務,讓他們在使用過程中將他們的每一步和心中的想法說出來哆料。如果他們忘記說或者不知道該怎么說剧劝,你可以適當提問。與此同時谣妻,你要將屏幕和聲音錄下來蹋半,可以用錄屏軟件或攝像頭减江。完成后辈灼,你回放這些視頻巡莹,把觀察到的問題和用戶報告的問題全部記錄下來降宅,與交互法則關聯(lián)并且打分腰根。
改善設計额嘿,持續(xù)迭代
說到最后岩睁,交互設計的精髓不就是產品的迭代么捕儒,哪里沒做好改哪里刘莹。對于開發(fā)周期很長的產品点弯,互聯(lián)網行業(yè)賦予設計師最大的自由度抢肛,就是隨時沒做好捡絮,咱就改唄具體步驟就是酌情重復前面四步啦
以上就是交互設計的工作內容以及工作流程福稳,需要強調的是的圆,上面的流程是理想狀態(tài)下的流程越妈,實際上每個公司叮称、團隊都有自己的工作方式瓤檐。交互設計是一個涉及面很廣的學科挠蛉,但始終記住一點谴古,你做的一切都是圍繞用戶為核心去優(yōu)化的掰担。
文章首發(fā)于「庖丁開發(fā)」公眾號带饱,公眾號文章里有在文章內做左右滑動的交互圖(簡書里無法實現(xiàn)),想了解的朋友可以回復「庖丁開發(fā)」公眾號「技能」倆字獲取教程捏鱼。