前言
兩年前,交互設(shè)計(jì)還未被重視衷笋,在我的印象中只是一個(gè)根據(jù)產(chǎn)品需求畫出產(chǎn)品線框圖、流程圖的這樣一個(gè)工作矩屁,毫無疑問我被打臉了辟宗,這種觀點(diǎn)就像某個(gè)親戚說:“聽說你是學(xué)設(shè)計(jì)的爵赵,幫我隨便畫個(gè)logo行不”,一聽就讓人滿頭黑線泊脐。
交互設(shè)計(jì)師其實(shí)就是設(shè)計(jì)師的一種空幻,平庸和優(yōu)秀的交互設(shè)計(jì)師之間的差別可以類比成美工和真·設(shè)計(jì)師的差別。要想把自己培養(yǎng)成優(yōu)秀的交互設(shè)計(jì)師容客,可不僅僅需要讀過用戶體驗(yàn)五要素秕铛、能畫出線框圖之類的水平,接下來我將從工作實(shí)踐講起耘柱,慢慢挖掘出交互設(shè)計(jì)的精髓點(diǎn)如捅。
一、交互設(shè)計(jì)師的自我定位
交互指的是產(chǎn)品與它的使用者之間的互動(dòng)過程调煎,而交互設(shè)計(jì)師則是秉承以用戶為中心的設(shè)計(jì)理念镜遣,以用戶體驗(yàn)度為原則,對(duì)交互過程進(jìn)行研究并開展設(shè)計(jì)的工作人員士袄”兀——百科
交互一詞,把它拆開來就是交流和互動(dòng)娄柳,在互聯(lián)網(wǎng)中則是指人與電子產(chǎn)品之間的交流互動(dòng)寓辱,所以交互設(shè)計(jì)就是通過設(shè)計(jì)幫助人與產(chǎn)品更好地交互,交互設(shè)計(jì)師要做的就是提升產(chǎn)品的用戶體驗(yàn)赤拒,為了完成這個(gè)目標(biāo)秫筏,你可以做的事情非常多。
1.1交互設(shè)計(jì)的崗位要求
我們可以給交互設(shè)計(jì)師一個(gè)簡潔的定位:懂設(shè)計(jì)的產(chǎn)品挎挖,懂產(chǎn)品的設(shè)計(jì)这敬;產(chǎn)品經(jīng)理確定目標(biāo)、挖掘需求蕉朵,當(dāng)然也同時(shí)負(fù)責(zé)整個(gè)項(xiàng)目的各種管控工作崔涂、商業(yè)模式,與用戶始衅、合作方和公司高層合作冷蚂,決定項(xiàng)目的正確方向。當(dāng)產(chǎn)品經(jīng)理通過一系列方法挖掘出需求后汛闸,可能會(huì)產(chǎn)出MRD蝙茶、BRD、PRD文檔或者簡單的原型圖诸老,這取決于企業(yè)內(nèi)部的工作分工和流程尸闸。先任意找個(gè)交互設(shè)計(jì)師的崗位需求看看:
交互設(shè)計(jì)師崗位職責(zé)
1.通過用戶調(diào)研以及其他方式來分析用戶的操作習(xí)慣和偏好,對(duì)用戶行為進(jìn)行評(píng)測(cè),出具用戶調(diào)研報(bào)告;
2.本著“以用戶為中心”理念吮廉,負(fù)責(zé)產(chǎn)品線或者網(wǎng)站的交互界面設(shè)計(jì);或者配合其他相關(guān)人員進(jìn)行交互設(shè)計(jì)的細(xì)化;
3.根據(jù)交互設(shè)計(jì)方案進(jìn)行具體的實(shí)施苞尝,提高用戶的體驗(yàn);
4.負(fù)責(zé)跟蹤產(chǎn)品或網(wǎng)站的用戶體驗(yàn)效果,并不斷根據(jù)用戶的反應(yīng)進(jìn)行修改;
5.負(fù)責(zé)制定交互設(shè)計(jì)標(biāo)準(zhǔn)和規(guī)范宦芦,并負(fù)責(zé)標(biāo)準(zhǔn)和規(guī)范的實(shí)施;
交互設(shè)計(jì)師應(yīng)具備的能力
1.邏輯思維能力宙址,結(jié)構(gòu)化思考,交互設(shè)計(jì)是與用戶進(jìn)行互動(dòng)的界面调卑,需要能根據(jù)用戶的使用習(xí)慣抡砂、行為習(xí)慣進(jìn)行設(shè)計(jì);
2.抽象思維能力,能從具體的復(fù)雜的事物中抽象出具體的設(shè)計(jì)元素恬涧,只從UI層面思考問題是很難得到深入思考的結(jié)果的;
3.創(chuàng)新思維能力注益,自己的設(shè)計(jì)方案要有一定創(chuàng)新,同時(shí)也需要在提交方案之前能自己論證驗(yàn)證溯捆,能針對(duì)同一個(gè)問題提出多個(gè)解決方案丑搔,不能被一個(gè)解決方案框住思維;
4.具有審美能力,具備設(shè)計(jì)的美學(xué)知識(shí);
5.具有交互設(shè)計(jì)的專業(yè)知識(shí)和能力提揍,了解設(shè)計(jì)平臺(tái)的特性以及設(shè)計(jì)規(guī)范;
6.一般一個(gè)優(yōu)秀的交互設(shè)計(jì)師是需要從產(chǎn)品方面進(jìn)行設(shè)計(jì)啤月,了解用戶的實(shí)際需求;
1.2產(chǎn)品開發(fā)流程與交互工作定位
小型企業(yè)一般不區(qū)分產(chǎn)品和交互的企業(yè),基本是產(chǎn)品經(jīng)理負(fù)責(zé)產(chǎn)出原型圖劳跃,溝通便利所以原型圖的形式也可靈活多樣谎仲。大型企業(yè)一般需要產(chǎn)出詳細(xì)的原型圖和文檔,避免出現(xiàn)產(chǎn)出不統(tǒng)一和互相推托刨仑。
交互設(shè)計(jì)師作為設(shè)計(jì)師的一員郑诺,在工作定位上與產(chǎn)品的區(qū)別是:交互設(shè)計(jì)師最主要的工作是根據(jù)產(chǎn)品經(jīng)理的需求產(chǎn)出產(chǎn)品原型圖;在產(chǎn)出原型圖的過程中杉武,需要同時(shí)考慮android间景、iOS等不同平臺(tái)的設(shè)計(jì)規(guī)范,同時(shí)要考慮通用的設(shè)計(jì)原則艺智、設(shè)計(jì)美學(xué)等。
在工作合作上圾亏,需要在產(chǎn)出原型圖后與UI設(shè)計(jì)師進(jìn)行對(duì)接十拣,保證每個(gè)頁面的產(chǎn)出符合產(chǎn)品調(diào)性,與前端對(duì)接時(shí)志鹃,需要考慮頁面完整實(shí)現(xiàn)以及交互夭问、動(dòng)效設(shè)計(jì)上的一些細(xì)節(jié)符合需求。
所以產(chǎn)品往往會(huì)給出一些故事曹铃,告訴用戶到底需要什么樣的東西缰趋,交互把東西長什么樣告訴其他成員。而為了確保不同職位間溝通的流暢性,在產(chǎn)品做需求分析秘血、用戶調(diào)研時(shí)味抖,交互設(shè)計(jì)往往也需要參與其中,所以交互設(shè)計(jì)師與產(chǎn)品經(jīng)理是合作最密切的灰粮,才能保證產(chǎn)出的原型圖符合產(chǎn)品經(jīng)理的需求仔涩、用戶需求。
1.3交互設(shè)計(jì)的核心
產(chǎn)品經(jīng)理的核心是用戶需求粘舟,交互設(shè)計(jì)的核心是用戶體驗(yàn)熔脂。用戶體驗(yàn)是用戶對(duì)于使用或期望使用的產(chǎn)品、系統(tǒng)或服務(wù)的主觀感受和反應(yīng)柑肴,因此用戶體驗(yàn)可以由多方面構(gòu)成霞揉,產(chǎn)品需要抓準(zhǔn)需求,讓用戶覺得產(chǎn)品為自己量身定制晰骑,交互需要維持產(chǎn)品使用的順暢适秩,UI需要維持產(chǎn)品的美觀和調(diào)性,運(yùn)營需要維持產(chǎn)品的氛圍等等些侍。
用戶體驗(yàn)五要素堪稱經(jīng)典隶症,很多人對(duì)用戶體驗(yàn)的理解就是這個(gè)框架的內(nèi)容,其實(shí)它稱為交互設(shè)計(jì)的用戶體驗(yàn)五要素更合適岗宣。
產(chǎn)品經(jīng)理的工作核心主要圍繞戰(zhàn)略層和范圍層蚂会;交互設(shè)計(jì)師的工作核心主要圍繞結(jié)構(gòu)層和框架層,向上對(duì)接產(chǎn)品經(jīng)理打通用戶需求耗式,向下對(duì)接視覺和前端打通到用戶可看到可交互的界面胁住。
所以交互設(shè)計(jì)的工作核心圍繞這些來展開:
1、信息架構(gòu)——當(dāng)你從產(chǎn)品拿到了一堆散亂的功能和內(nèi)容需要時(shí)刊咳,如何把內(nèi)容和功能組織起來彪见,更好的被用戶高效、友好的找到娱挨。
2余指、導(dǎo)航和界面設(shè)計(jì)——導(dǎo)航設(shè)計(jì)就是告訴用戶在哪兒和能去哪兒,即各個(gè)頁面間如何跳轉(zhuǎn)跷坝。界面設(shè)計(jì)則要考慮酵镜,如何把當(dāng)前頁面的功能和內(nèi)容劃分優(yōu)先級(jí)展示給用戶,優(yōu)秀的界面設(shè)計(jì)可以提升達(dá)成目標(biāo)的轉(zhuǎn)化率柴钻。
3淮韭、動(dòng)效設(shè)計(jì)——即人機(jī)交互時(shí)的動(dòng)效,這種視覺提示可以更好地幫助用戶理解用戶所在場景和功能間的關(guān)聯(lián)贴届,讓用戶實(shí)時(shí)知道自己所處的狀態(tài)靠粪。
1.4交互工作配合上的一些坑
在與產(chǎn)品的配合方面蜡吧,交互設(shè)計(jì)師是需要把功能模塊落地且決定優(yōu)先級(jí)和順序的,因此參與產(chǎn)品的需求挖掘過程可以更精準(zhǔn)地落地功能占键。產(chǎn)品可以在更宏觀層面昔善、商業(yè)層面看需求,交互則可在用戶的功能流程體驗(yàn)等方面更好地接近需求捞慌,避免一些產(chǎn)品顧及不到耀鸦、落地上的坑。
在與UI設(shè)計(jì)的配合方面啸澡,交互設(shè)計(jì)師雖然是一個(gè)設(shè)計(jì)師袖订,但不是一個(gè)視覺設(shè)計(jì)師,制作原型圖時(shí)盡量用黑白灰表示產(chǎn)品功能的重要性嗅虏,否則會(huì)干擾視覺對(duì)色彩洛姑、圖案的感性認(rèn)識(shí),另外有些關(guān)鍵的頁面上皮服,特別是涉及到圖片的頁面楞艾, 交互設(shè)計(jì)師要注明配圖這些要具備什么樣的情感色彩,例如登錄頁圖片或一些404錯(cuò)誤的圖片等龄广,避免因配圖不準(zhǔn)確導(dǎo)致用戶心理的矛盾硫眯。
在與開發(fā)的配合方面,交互與開發(fā)是需要比較密切溝通的择同,包括一些信息架構(gòu)上两入、異常流程處理上的瑣碎問題,以及有利于交互進(jìn)行原型迭代的一些數(shù)據(jù)埋點(diǎn)的問題敲才,在開發(fā)后也需要測(cè)試頁面的完成情況裹纳,有沒有頁面功能和交互細(xì)節(jié)上的錯(cuò)誤等,實(shí)際工作中也許還有更多需要處理的紧武。
另一方面剃氧,交互設(shè)計(jì)自身還需要進(jìn)行用戶測(cè)試(產(chǎn)品可用性測(cè)試)的工作,通過一些評(píng)估方法來改進(jìn)產(chǎn)品阻星,如尼爾森十原則朋鞍、眼動(dòng)測(cè)試等評(píng)估方法,輸出更專業(yè)的交互稿妥箕,因此交互設(shè)計(jì)師僅完成產(chǎn)品經(jīng)理的設(shè)計(jì)需求是不夠的滥酥。
后言
相對(duì)于產(chǎn)品經(jīng)理,交互設(shè)計(jì)的方法論更完善矾踱,交互設(shè)計(jì)對(duì)細(xì)節(jié)的要求很高,很多設(shè)計(jì)的細(xì)節(jié)也是有據(jù)可循的疏哗,這需要自身的學(xué)習(xí)和積累呛讲,本篇方法論作為自己學(xué)習(xí)的一小步禾怠,下篇開始講方法論,歡迎批評(píng)贝搁。
這篇很實(shí)踐-交互設(shè)計(jì)師修煉指南:http://www.uisdc.com/interaction-designers-guide