五步走,帶你了解交互設計流程

本文作者分享交互設計的流程,但切記具體問題具體分析哦~

儘管「交互設計」在近幾年的設計行業中早已不是什麼新鮮名詞,但依然還是有很多朋友,尤其是剛入行的新人會問:

  • 什麼是交互設計?
  • 交互設計師到底是幹嘛的?
  • 交互設計的流程是怎樣的?
  • 交互設計(Interaction Design):定義、設計人造系統的行為的設計領域。人造物,即人工製成物品,例如,軟體、移動設備、人造環境、服務、可佩帶裝置以及系統的組織結構。交互設計在於定義人造物的行為方式(the interaction, 即人工製品在特定場景下的反應方式)相關的界面。

    ——維基百科

    Allen Cooper在《軟體觀念革命:交互設計精髓》(About Face)中提到一個國際上廣為認可的交互設計流程:

    一、定性研究(Qualitative Research)

    針對可能使用你的產品的人,可以是問卷、訪談……不管是以什麼形式,主要是了解交互行為的五要素,也就是用戶的行為(Activities),態度(Attitudes),資質(Aptitudes),動力(Motivation),技能(Skills)。

    二、人物角色(Persona)

    人物角色一般會包含一些個人基本信息,家庭、工作、生活環境描述,與產品使用相關的具體情境,用戶目標或產品使用行為描述等。一個產品通常會設計3~6個角色代表所有的用戶群體。

    為了準確定位人物角色,你需要對他們有所了解。真正的了解用戶並不需要華而不實的調研,最好途徑就是通過協作。

    下面這幅圖會給你答案。

    三、腳本 (Scenario)

    問題腳本(Problem Scenario)& 動作腳本(Action Scenario)

    基於你對人物角色(Persona)的理解,設想出目標用戶在使用產品中可能遇到的問題。你可以為每一個人物角色(Persona)列一個問題清單,猜想他們在使用產品時會發生的細節並將這些細節準備一個合理的解決方案。這個時候呢,你的交互方案的概念模型已經基本成型了,這個概念模型是通過解決問題腳本里的問題而得出的。

    畫線框圖(Framework) & 製作原型 (Prototype)

    線框圖和原型都是對你的方案進行具象化的步驟,藉助當下流行的原型工具,例如Mockplus, Axure,Justinmind, Invision 等等一籮筐的工具,不要程序員的幫忙,也可以輕鬆地展現你的想法。

    四、專家評測(Expert Evaluation)

    原型完成後,可以邀請設計師對你的原型做一個評估。比較常用的評測方法是啟發式評估法(Heuristic Evaluation),而這種方法比較常見的標準是尼爾森交互設計法則(Nielsen Heuristic)。

    以下是十條尼爾森交互設計法則(Nielsen Heuristic):

    1. 系統狀態是否可見(Visibility of system status)
    2. 系統是否符合現實世界的習慣(Match between system and the real world)
    3. 用戶是否能自由地控制系統(User control and freedom)
    4. 統一與標準(Consistency and standards)
    5. 錯誤防範(Error prevention)
    6. 減輕低用戶的記憶負擔(Recognition rather than recall)
    7. 靈活性和效率(Flexibility and efficiency of use)
    8. 美觀簡潔(Aesthetic and minimalist design)
    9. 幫助用戶認知、了解錯誤,並從錯誤中恢復(Help users recognize, diagnose, and recover from errors)
    10. 幫助文檔(Help and documentation)

    如何做啟發式評估法(Heuristic Evaluation)?很簡單,專家們各自將自己發現問題列出來,並將之與對應的法則相關聯,或者根據法則來查找問題,然後專家們分別給自己的問題打分。專家們完成自己的問題列表後,一起討論,將問題整合起來。

    常用的打分方法如下:

  • 4分 – 問題太過嚴重,一旦發生用戶的進程將會終止並且無法恢復
  • 3分 – 問題較為嚴重,很難能恢復
  • 2分 – 問題一般嚴重,但是用戶能夠自行恢復,或者問題只會出現一次
  • 1分 – 問題較小,偶爾發生,並且不會對用戶的進程產生太大影響
  • 0分:不算問題
  • 記住:評測完後別忘記修改你的線框圖和原型!

    五、用戶評測(User Evaluation)

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

    比較常用的用戶評測方法是Think Aloud,做法也很簡單,你讓用戶使用原型完成指定的幾個任務,讓他們在使用過程中將他們的每一步和心中的想法說出來。如果他們忘記說或者不知道該怎麼說,你可以適當提問。與此同時,你要將屏幕和聲音錄下來,可以用錄屏軟體或攝像頭。完成後,你回放這些視頻,把觀察到的問題和用戶報告的問題全部記錄下來,與交互法則關聯並且打分。

    值得注意的有兩點:

    1. 這些步驟並不是每步都是必須的,要根據項目去分析你所使用的方法。
    2. 這個過程中每一步都是和用戶相關的,切莫主觀臆斷。

    本文由 @jongge原創發佈於人人都是產品經理。未經許可,禁止轉載。


    推薦閱讀:

    北京拆牌匾露天際線,這麼做不怕市民找不到回家的路嗎?
    創意時尚掛鐘設計欣賞
    2018最長臉的客餐廳設計 拿走不謝!
    管理型設計師缺失怎麼破:全鏈路設計師扭轉困局
    個性業主不想在客廳裝主燈?當然是答應ta啊!【設計聯·1718期】

    TAG:交互設計 | 設計 | 了解 | 流程 |