一個完整的交互設計流程是怎么樣的坎吻?

參考來源:知乎 庖丁開發(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ā)」公眾號「技能」倆字獲取教程捏鱼。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市看尼,隨后出現(xiàn)的幾起案子狡忙,更是在濱河造成了極大的恐慌,老刑警劉巖谷炸,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件旬陡,死亡現(xiàn)場離奇詭異描孟,居然都是意外死亡匿醒,警方通過查閱死者的電腦和手機廉羔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來竹挡,“玉大人揪罕,你說我怎么就攤上這事耸序】补郑” “怎么了搅窿?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵男应,是天一觀的道長沐飘。 經常有香客問我耐朴,道長筛峭,這世上最難降的妖魔是什么影晓? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任疤祭,我火速辦了婚禮饵婆,結果婚禮上,老公的妹妹穿的比我還像新娘谓传。我一直安慰自己芹关,他們只是感情好,可當我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布诗祸。 她就那樣靜靜地躺著,像睡著了一般博个。 火紅的嫁衣襯著肌膚如雪功偿。 梳的紋絲不亂的頭發(fā)上械荷,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天痹兜,我揣著相機與錄音颤诀,去河邊找鬼崖叫。 笑死归露,一個胖子當著我的面吹牛剧包,可吹牛的內容都是我干的疆液。 我是一名探鬼主播堕油,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼眶明!你這毒婦竟也來了搜囱?” 一聲冷哼從身側響起蜀肘,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤西乖,失蹤者是張志新(化名)和其女友劉穎浴栽,沒想到半個月后典鸡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體萝玷,經...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了豆拨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片施禾。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡弥搞,死狀恐怖攀例,靈堂內的尸體忽然破棺而出肛度,到底是詐尸還是另有隱情承耿,我是刑警寧澤加袋,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布扁誓,位于F島的核電站蝗敢,受9級特大地震影響寿谴,放射性物質發(fā)生泄漏讶泰。R本人自食惡果不足惜痪署,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望悯森。 院中可真熱鬧,春花似錦莲兢、人聲如沸改艇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽燕鸽。三九已至啊研,卻和暖如春党远,著一層夾襖步出監(jiān)牢的瞬間沟娱,已是汗流浹背花沉。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工磷脯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留赵誓,地道東北人俩功。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像蔓罚,于是被迫代替她去往敵國和親豺谈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內容