當前位置:才華齋>設計>網頁設計>

一個完整的互動設計流程是怎麼樣

網頁設計 閱讀(5.54K)

互動設計是在近幾年才慢慢被國人所熟知,目前只有一些較大規模的公司才會設有專門的互動設計職位,小公司一般是 UI 或者 PM 把互動設計的工作包了,那麼互動設計職位的工作到底有哪些呢?今天就來跟大家談談互動設計的工作內容以及流程,需要說明的是其實並沒有標準的互動設計流程,另外,這些步驟並不是每步都是必須的,要根據專案去分析你所使用的方法。

一個完整的互動設計流程是怎麼樣

  使用者研究

互動設計的初衷就是解決使用者的問題。不論設計什麼產品,能夠被使用者認可的途徑只有這個產品解決了他們生活中的一個問題。互動設計的第一步,不論是對成熟產品還是初創產品都一樣,就是定義這個設計到底要解決使用者的什麼問題,這一步可以說至關重要。

使用者研究就是圍繞以使用者為中心所進行的活動,使使用者實際需求成為產品設計的導向,使產品更貼近使用者。目的是為了定位產品的目標人群和使用者需求,辦法有使用者訪談,實地考察,發放問卷等等。

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

行為(Activities):例如使用者多久用一次、一次用多久?

態度(Attitudes):例如使用者怎樣看待這個產品?

資質(Aptitudes):例如使用者的學歷怎樣?

動力(Motivation):例如使用者為什麼用?

技能(Skills):例如使用者對使用相關產品是否熟悉?

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

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

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

到這裡,你已經對人物角色(Persona)非常理解了,可以設想出他們在使用產品中可能遇到的問題了。這時候為每一個人物角色列一個問題清單,也可以把它們整理到一個簡短的故事裡。

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

  畫線框圖、製作原型

到了這裡,你對你的互動方案已經有了一個很抽象的想法了,只需要把它具象化就可以了。這時候需要做的就是把流程圖以及線框圖畫出來,它可以幫你把產品的邏輯理順,同時也是跟PM以及程式設計師溝(si)通(bi)的利器,特別是對於比較複雜的產品來說,流程圖、線框圖顯得尤為重要。

  確認訂單~

製作原型可以讓團隊對產品的理解無異議,對最終的產品有更直觀的瞭解,同時對下一步的測試評估提供了便利,不然等出完視覺稿甚至產品開發出來再測試,出了問題改起來那就太麻煩,不僅浪費人力,更是把整個專案都耽擱了。

  測試評估

丨專業人士測試評估

原型完成後召集兩三個設計師或者對互動比較瞭解的人,使用並評測原型。你可以將原型所關注的幾個任務列出來,以免專家不知道原型哪部分可互動哪部分不可互動。

比較常用的評測方法是啟發式評估法,而這種方法比較常見的標準是尼爾森互動設計法則。以下是十條尼爾森互動設計法則:

  系統狀態是否可見

系統是否符合現實世界的習慣

使用者是否能自由地控制系統

統一與標準

錯誤防範

減輕低使用者的記憶負擔

靈活性和效率

美觀簡潔

幫助使用者認知、瞭解錯誤,並從錯誤中恢復

幫助文件