一個完整的交互設計流程是怎麼樣
交互設計是在近幾年才慢慢被國人所熟知,目前只有一些較大規模的公司才會設有專門的交互設計職位,小公司一般是 UI 或者 PM 把交互設計的工作包了,那麼交互設計職位的工作到底有哪些呢?今天就來跟大家談談交互設計的工作內容以及流程,需要説明的是其實並沒有標準的交互設計流程,另外,這些步驟並不是每步都是必須的,要根據項目去分析你所使用的方法。
用户研究
交互設計的初衷就是解決用户的問題。不論設計什麼產品,能夠被用户認可的途徑只有這個產品解決了他們生活中的一個問題。交互設計的第一步,不論是對成熟產品還是初創產品都一樣,就是定義這個設計到底要解決用户的什麼問題,這一步可以説至關重要。
用户研究就是圍繞以用户為中心所進行的活動,使用户實際需求成為產品設計的導向,使產品更貼近用户。目的是為了定位產品的目標人羣和用户需求,辦法有用户訪談,實地考察,發放問卷等等。
不管你是以哪種形式做研究,在這個過程中,你需要了解:
行為(Activities):例如用户多久用一次、一次用多久?
態度(Attitudes):例如用户怎樣看待這個產品?
資質(Aptitudes):例如用户的學歷怎樣?
動力(Motivation):例如用户為什麼用?
技能(Skills):例如用户對使用相關產品是否熟悉?
確定人物角色(Persona)並建模
如果第一步的用户研究有所成功,這時你應該對你的用户有所瞭解了。根據上面提到的五個方面,你需要挑揀出最典型的一個或幾個形象建模。例如逛知乎的人物角色可能有:比較普通的求知者、特定領域的專家、到處灌水的……
你不但要確定這些人物角色(Persona)的主要特點,還要確定他們的需求和目的。為了增加真實性,可以給人物角色(Persona)取名字,選一張照片,細化他們的背景資料。
到這裏,你已經對人物角色(Persona)非常理解了,可以設想出他們在使用產品中可能遇到的問題了。這時候為每一個人物角色列一個問題清單,也可以把它們整理到一個簡短的故事裏。
接下來就是為已列出的.問題給出可能的解決方案,然後寫一個簡短的故事把這些解決方案囊括進去。寫成故事的好處是代入感較強,對別人來説容易理解。國內比較推崇故事版,但是把所有情景畫出來的效率是非常低的。
畫線框圖、製作原型
到了這裏,你對你的交互方案已經有了一個很抽象的想法了,只需要把它具象化就可以了。這時候需要做的就是把流程圖以及線框圖畫出來,它可以幫你把產品的邏輯理順,同時也是跟PM以及程序員溝(si)通(bi)的利器,特別是對於比較複雜的產品來説,流程圖、線框圖顯得尤為重要。
確認訂單~
製作原型可以讓團隊對產品的理解無異議,對最終的產品有更直觀的瞭解,同時對下一步的測試評估提供了便利,不然等出完視覺稿甚至產品開發出來再測試,出了問題改起來那就太麻煩,不僅浪費人力,更是把整個項目都耽擱了。
測試評估
丨專業人士測試評估
原型完成後召集兩三個設計師或者對交互比較瞭解的人,使用並評測原型。你可以將原型所關注的幾個任務列出來,以免專家不知道原型哪部分可交互哪部分不可交互。
比較常用的評測方法是啟發式評估法,而這種方法比較常見的標準是尼爾森交互設計法則。以下是十條尼爾森交互設計法則:
系統狀態是否可見
系統是否符合現實世界的習慣
用户是否能自由地控制系統
統一與標準
錯誤防範
減輕低用户的記憶負擔
靈活性和效率
美觀簡潔
幫助用户認知、瞭解錯誤,並從錯誤中恢復
幫助文檔
-
關於HTML meat作用
meta標籤用於網頁的與中,meta標籤的用處很多。meta的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。這其中最重要的是descrip...
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
WAP的簡介
WAP協議被設計用來在無線客户端(比如移動電話)上展示因特網內容。您應當具備的基礎知識在繼續學習之前,您需要對下面的知識有基本的瞭解:WWW,HTML以及有關網頁構建的基礎知識JavaScriptXML如果您希望首先學習這些項目,請在我們的首頁訪問這些教程。什麼是WAP?無線產...
-
關於javascript使用isNaN()函數判斷變量是否為數字
javascript中判斷變量是否為數字的方法,這裏主要介紹javascript裏的isNaN()函數。功能:isNaN()函數用於檢查其參數是否是非數字值。語法:isNaN(x)x必需。要檢測的值。返回值:如果x是特殊的`非數字值NaN(或者能被轉換為這樣的值),返回的值就是true。如果x是其他值,則返...