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

參考來源:知乎 庖丁開發(fā)整理編輯

維基百科是這么定義交互設(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,即人工制品在特定場景下的反應(yīng)方式)相關(guān)的界面。

交互設(shè)計(jì)是在近幾年才慢慢被國人所熟知,目前只有一些較大規(guī)模的公司才會(huì)設(shè)有專門的交互設(shè)計(jì)職位,小公司一般是 UI 或者 PM 把交互設(shè)計(jì)的工作包了,那么交互設(shè)計(jì)職位的工作到底有哪些呢?今天丁丁就來跟大家談?wù)劷换ピO(shè)計(jì)的工作內(nèi)容以及流程,需要說明的是其實(shí)并沒有標(biāo)準(zhǔn)的交互設(shè)計(jì)流程,另外,這些步驟并不是每步都是必須的,要根據(jù)項(xiàng)目去分析你所使用的方法。

用戶研究

交互設(shè)計(jì)的初衷就是解決用戶的問題。不論設(shè)計(jì)什么產(chǎn)品,能夠被用戶認(rèn)可的途徑只有這個(gè)產(chǎn)品解決了他們生活中的一個(gè)問題。交互設(shè)計(jì)的第一步,不論是對成熟產(chǎn)品還是初創(chuàng)產(chǎn)品都一樣,就是定義這個(gè)設(shè)計(jì)到底要解決用戶的什么問題,這一步可以說至關(guān)重要。

用戶研究就是圍繞以用戶為中心所進(jìn)行的活動(dòng),使用戶實(shí)際需求成為產(chǎn)品設(shè)計(jì)的導(dǎo)向,使產(chǎn)品更貼近用戶。目的是為了定位產(chǎn)品的目標(biāo)人群和用戶需求,辦法有用戶訪談,實(shí)地考察,發(fā)放問卷等等。

不管你是以哪種形式做研究,在這個(gè)過程中,你需要了解:

  • 行為(Activities):例如用戶多久用一次、一次用多久?

  • 態(tài)度(Attitudes):例如用戶怎樣看待這個(gè)產(chǎn)品?

  • 資質(zhì)(Aptitudes):例如用戶的學(xué)歷怎樣?

  • 動(dòng)力(Motivation):例如用戶為什么用?

  • 技能(Skills):例如用戶對使用相關(guān)產(chǎn)品是否熟悉?

確定人物角色(Persona)并建模

如果第一步的用戶研究有所成功,這時(shí)你應(yīng)該對你的用戶有所了解了。根據(jù)上面提到的五個(gè)方面,你需要挑揀出最典型的一個(gè)或幾個(gè)形象建模。例如逛知乎的人物角色可能有:比較普通的求知者、特定領(lǐng)域的專家、到處灌水的……

你不但要確定這些人物角色(Persona)的主要特點(diǎn),還要確定他們的需求和目的。為了增加真實(shí)性,可以給人物角色(Persona)取名字,選一張照片,細(xì)化他們的背景資料。

到這里,你已經(jīng)對人物角色(Persona)非常理解了,可以設(shè)想出他們在使用產(chǎn)品中可能遇到的問題了。這時(shí)候?yàn)槊恳粋€(gè)人物角色列一個(gè)問題清單,也可以把它們整理到一個(gè)簡短的故事里。

接下來就是為已列出的問題給出可能的解決方案,然后寫一個(gè)簡短的故事把這些解決方案囊括進(jìn)去。寫成故事的好處是代入感較強(qiáng),對別人來說容易理解。國內(nèi)比較推崇故事版,但是把所有情景畫出來的效率是非常低的。

畫線框圖、制作原型

到了這里,你對你的交互方案已經(jīng)有了一個(gè)很抽象的想法了,只需要把它具象化就可以了。這時(shí)候需要做的就是把流程圖以及線框圖畫出來,它可以幫你把產(chǎn)品的邏輯理順,同時(shí)也是跟PM以及程序員溝(si)通(bi)的利器,特別是對于比較復(fù)雜的產(chǎn)品來說,流程圖、線框圖顯得尤為重要。

確認(rèn)訂單~

制作原型可以讓團(tuán)隊(duì)對產(chǎn)品的理解無異議,對最終的產(chǎn)品有更直觀的了解,同時(shí)對下一步的測試評估提供了便利,不然等出完視覺稿甚至產(chǎn)品開發(fā)出來再測試,出了問題改起來那就太麻煩,不僅浪費(fèi)人力,更是把整個(gè)項(xiàng)目都耽擱了。

測試評估

丨專業(yè)人士測試評估
原型完成后召集兩三個(gè)設(shè)計(jì)師或者對交互比較了解的人,使用并評測原型。你可以將原型所關(guān)注的幾個(gè)任務(wù)列出來,以免專家不知道原型哪部分可交互哪部分不可交互。

比較常用的評測方法是啟發(fā)式評估法,而這種方法比較常見的標(biāo)準(zhǔn)是尼爾森交互設(shè)計(jì)法則。以下是十條尼爾森交互設(shè)計(jì)法則:

  • 系統(tǒng)狀態(tài)是否可見

  • 系統(tǒng)是否符合現(xiàn)實(shí)世界的習(xí)慣

  • 用戶是否能自由地控制系統(tǒng)

  • 統(tǒng)一與標(biāo)準(zhǔn)

  • 錯(cuò)誤防范

  • 減輕低用戶的記憶負(fù)擔(dān)

  • 靈活性和效率

  • 美觀簡潔

  • 幫助用戶認(rèn)知、了解錯(cuò)誤,并從錯(cuò)誤中恢復(fù)

  • 幫助文檔

那么如何做啟發(fā)式評估法呢?很簡單,專家們各自將自己發(fā)現(xiàn)問題列出來,并將之與對應(yīng)的法則相關(guān)聯(lián),或者根據(jù)法則來查找問題,然后專家們分別給自己的問題打分。專家們完成自己的問題列表后,一起討論,將問題整合起來。
常用的打分方法如下:

  • 4分 – 問題太過嚴(yán)重,一旦發(fā)生用戶的進(jìn)程將會(huì)終止并且無法恢復(fù)
  • 3分 – 問題較為嚴(yán)重,很難能恢復(fù)
  • 2分 – 問題一般嚴(yán)重,但是用戶能夠自行恢復(fù),或者問題只會(huì)出現(xiàn)一次
  • 1分 – 問題較小,偶爾發(fā)生,并且不會(huì)對用戶的進(jìn)程產(chǎn)生太大影響
  • 0分:不算問題
    記?。涸u測完后別忘記修改你的線框圖和原型!

丨用戶測試評估
原型通過專家評測后,你可以找一些典型用戶使用原型。你可以把任務(wù)列給他們,讓他們自己嘗試完成任務(wù)。中間遇到的問題可以記錄下來,設(shè)計(jì)師通過觀察來進(jìn)行評分。

比較常用的用戶評測方法是讓用戶使用原型完成指定的幾個(gè)任務(wù),讓他們在使用過程中將他們的每一步和心中的想法說出來。如果他們忘記說或者不知道該怎么說,你可以適當(dāng)提問。與此同時(shí),你要將屏幕和聲音錄下來,可以用錄屏軟件或攝像頭。完成后,你回放這些視頻,把觀察到的問題和用戶報(bào)告的問題全部記錄下來,與交互法則關(guān)聯(lián)并且打分。

改善設(shè)計(jì),持續(xù)迭代

說到最后,交互設(shè)計(jì)的精髓不就是產(chǎn)品的迭代么,哪里沒做好改哪里。對于開發(fā)周期很長的產(chǎn)品,互聯(lián)網(wǎng)行業(yè)賦予設(shè)計(jì)師最大的自由度,就是隨時(shí)沒做好,咱就改唄具體步驟就是酌情重復(fù)前面四步啦


以上就是交互設(shè)計(jì)的工作內(nèi)容以及工作流程,需要強(qiáng)調(diào)的是,上面的流程是理想狀態(tài)下的流程,實(shí)際上每個(gè)公司、團(tuán)隊(duì)都有自己的工作方式。交互設(shè)計(jì)是一個(gè)涉及面很廣的學(xué)科,但始終記住一點(diǎn),你做的一切都是圍繞用戶為核心去優(yōu)化的。

文章首發(fā)于「庖丁開發(fā)」公眾號,公眾號文章里有在文章內(nèi)做左右滑動(dòng)的交互圖(簡書里無法實(shí)現(xiàn)),想了解的朋友可以回復(fù)「庖丁開發(fā)」公眾號「技能」倆字獲取教程。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容