前言
兩年前,交互設計還未被重視,在我的印象中只是一個根據產品需求畫出產品線框圖、流程圖的這樣一個工作,毫無疑問我被打臉了,這種觀點就像某個親戚說:“聽說你是學設計的,幫我隨便畫個logo行不”,一聽就讓人滿頭黑線。
交互設計師其實就是設計師的一種,平庸和優秀的交互設計師之間的差別可以類比成美工和真·設計師的差別。要想把自己培養成優秀的交互設計師,可不僅僅需要讀過用戶體驗五要素、能畫出線框圖之類的水平,接下來我將從工作實踐講起,慢慢挖掘出交互設計的精髓點。
一、交互設計師的自我定位
交互指的是產品與它的使用者之間的互動過程,而交互設計師則是秉承以用戶為中心的設計理念,以用戶體驗度為原則,對交互過程進行研究并開展設計的工作人員。——百科
交互一詞,把它拆開來就是交流和互動,在互聯網中則是指人與電子產品之間的交流互動,所以交互設計就是通過設計幫助人與產品更好地交互,交互設計師要做的就是提升產品的用戶體驗,為了完成這個目標,你可以做的事情非常多。
1.1交互設計的崗位要求
我們可以給交互設計師一個簡潔的定位:懂設計的產品,懂產品的設計;產品經理確定目標、挖掘需求,當然也同時負責整個項目的各種管控工作、商業模式,與用戶、合作方和公司高層合作,決定項目的正確方向。當產品經理通過一系列方法挖掘出需求后,可能會產出MRD、BRD、PRD文檔或者簡單的原型圖,這取決于企業內部的工作分工和流程。先任意找個交互設計師的崗位需求看看:
交互設計師崗位職責
1.通過用戶調研以及其他方式來分析用戶的操作習慣和偏好,對用戶行為進行評測,出具用戶調研報告;
2.本著“以用戶為中心”理念,負責產品線或者網站的交互界面設計;或者配合其他相關人員進行交互設計的細化;
3.根據交互設計方案進行具體的實施,提高用戶的體驗;
4.負責跟蹤產品或網站的用戶體驗效果,并不斷根據用戶的反應進行修改;
5.負責制定交互設計標準和規范,并負責標準和規范的實施;
交互設計師應具備的能力
1.邏輯思維能力,結構化思考,交互設計是與用戶進行互動的界面,需要能根據用戶的使用習慣、行為習慣進行設計;
2.抽象思維能力,能從具體的復雜的事物中抽象出具體的設計元素,只從UI層面思考問題是很難得到深入思考的結果的;
3.創新思維能力,自己的設計方案要有一定創新,同時也需要在提交方案之前能自己論證驗證,能針對同一個問題提出多個解決方案,不能被一個解決方案框住思維;
4.具有審美能力,具備設計的美學知識;
5.具有交互設計的專業知識和能力,了解設計平臺的特性以及設計規范;
6.一般一個優秀的交互設計師是需要從產品方面進行設計,了解用戶的實際需求;
1.2產品開發流程與交互工作定位
小型企業一般不區分產品和交互的企業,基本是產品經理負責產出原型圖,溝通便利所以原型圖的形式也可靈活多樣。大型企業一般需要產出詳細的原型圖和文檔,避免出現產出不統一和互相推托。
交互設計師作為設計師的一員,在工作定位上與產品的區別是:交互設計師最主要的工作是根據產品經理的需求產出產品原型圖;在產出原型圖的過程中,需要同時考慮android、iOS等不同平臺的設計規范,同時要考慮通用的設計原則、設計美學等。
在工作合作上,需要在產出原型圖后與UI設計師進行對接,保證每個頁面的產出符合產品調性,與前端對接時,需要考慮頁面完整實現以及交互、動效設計上的一些細節符合需求。
所以產品往往會給出一些故事,告訴用戶到底需要什么樣的東西,交互把東西長什么樣告訴其他成員。而為了確保不同職位間溝通的流暢性,在產品做需求分析、用戶調研時,交互設計往往也需要參與其中,所以交互設計師與產品經理是合作最密切的,才能保證產出的原型圖符合產品經理的需求、用戶需求。
1.3交互設計的核心
產品經理的核心是用戶需求,交互設計的核心是用戶體驗。用戶體驗是用戶對于使用或期望使用的產品、系統或服務的主觀感受和反應,因此用戶體驗可以由多方面構成,產品需要抓準需求,讓用戶覺得產品為自己量身定制,交互需要維持產品使用的順暢,UI需要維持產品的美觀和調性,運營需要維持產品的氛圍等等。
用戶體驗五要素堪稱經典,很多人對用戶體驗的理解就是這個框架的內容,其實它稱為交互設計的用戶體驗五要素更合適。
產品經理的工作核心主要圍繞戰略層和范圍層;交互設計師的工作核心主要圍繞結構層和框架層,向上對接產品經理打通用戶需求,向下對接視覺和前端打通到用戶可看到可交互的界面。
所以交互設計的工作核心圍繞這些來展開:
1、信息架構——當你從產品拿到了一堆散亂的功能和內容需要時,如何把內容和功能組織起來,更好的被用戶高效、友好的找到。
2、導航和界面設計——導航設計就是告訴用戶在哪兒和能去哪兒,即各個頁面間如何跳轉。界面設計則要考慮,如何把當前頁面的功能和內容劃分優先級展示給用戶,優秀的界面設計可以提升達成目標的轉化率。
3、動效設計——即人機交互時的動效,這種視覺提示可以更好地幫助用戶理解用戶所在場景和功能間的關聯,讓用戶實時知道自己所處的狀態。
1.4交互工作配合上的一些坑
在與產品的配合方面,交互設計師是需要把功能模塊落地且決定優先級和順序的,因此參與產品的需求挖掘過程可以更精準地落地功能。產品可以在更宏觀層面、商業層面看需求,交互則可在用戶的功能流程體驗等方面更好地接近需求,避免一些產品顧及不到、落地上的坑。
在與UI設計的配合方面,交互設計師雖然是一個設計師,但不是一個視覺設計師,制作原型圖時盡量用黑白灰表示產品功能的重要性,否則會干擾視覺對色彩、圖案的感性認識,另外有些關鍵的頁面上,特別是涉及到圖片的頁面, 交互設計師要注明配圖這些要具備什么樣的情感色彩,例如登錄頁圖片或一些404錯誤的圖片等,避免因配圖不準確導致用戶心理的矛盾。
在與開發的配合方面,交互與開發是需要比較密切溝通的,包括一些信息架構上、異常流程處理上的瑣碎問題,以及有利于交互進行原型迭代的一些數據埋點的問題,在開發后也需要測試頁面的完成情況,有沒有頁面功能和交互細節上的錯誤等,實際工作中也許還有更多需要處理的。
另一方面,交互設計自身還需要進行用戶測試(產品可用性測試)的工作,通過一些評估方法來改進產品,如尼爾森十原則、眼動測試等評估方法,輸出更專業的交互稿,因此交互設計師僅完成產品經理的設計需求是不夠的。
后言
相對于產品經理,交互設計的方法論更完善,交互設計對細節的要求很高,很多設計的細節也是有據可循的,這需要自身的學習和積累,本篇方法論作為自己學習的一小步,下篇開始講方法論,歡迎批評。
這篇很實踐-交互設計師修煉指南:http://www.uisdc.com/interaction-designers-guide