旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢(xún)熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > 高級(jí)UI設(shè)計(jì)師教你怎么做交互設(shè)計(jì)

高級(jí)UI設(shè)計(jì)師教你怎么做交互設(shè)計(jì)

時(shí)間:2018-03-01來(lái)源:m.5wd995.cn點(diǎn)擊量:作者:馬晨皓
時(shí)間:2018-03-01點(diǎn)擊量:作者:馬晨皓

去年四月份,帶著平靜的心情來(lái)H區(qū)面試ITUX項(xiàng)目組。初次進(jìn)入H區(qū),有種安靜、祥和、隔絕之感,很難想象會(huì)在這樣的工作環(huán)境中度過(guò)未來(lái)一年多的愉快時(shí)光。

在項(xiàng)目組頭三個(gè)月,經(jīng)歷過(guò)大型產(chǎn)品從0到1上線。由于我負(fù)責(zé)好幾個(gè)產(chǎn)品模塊,之前我沒(méi)有經(jīng)歷過(guò)復(fù)雜的跨部門(mén)跨項(xiàng)目組協(xié)同。頭三個(gè)月對(duì)我來(lái)說(shuō)很煎熬,技能沒(méi)有任何進(jìn)步,工作對(duì)接中也不順暢。在工作中也沒(méi)有任何思考和總結(jié)。但三個(gè)月之后某個(gè)晚上突然間有種通透感,之前工作中的焦慮煎熬貌似全部看透一般。

對(duì)于看透的一些事情只可名狀難以言傳,沒(méi)有經(jīng)歷感受過(guò)的人來(lái)說(shuō)就是雞湯。

如一個(gè)很厲害的人,用畢生精力寫(xiě)下一本書(shū),他所有的才華經(jīng)驗(yàn)所得都濃縮在書(shū)里面,但是讀者讀完會(huì)成為他那樣的人嗎?其實(shí)是不可能的。因?yàn)樗慕?jīng)歷沒(méi)法復(fù)制。讀者只能把他的書(shū)多讀幾遍多揣摩去感悟而得到作者更多經(jīng)驗(yàn)和知識(shí)。可能他一句話就蘊(yùn)含著一個(gè)復(fù)雜而心酸的故事,而讀者卻無(wú)法去感受。

對(duì)于我的經(jīng)驗(yàn)感悟,可以用簡(jiǎn)單的五個(gè)關(guān)鍵詞概括:恐懼、推動(dòng)與把控、全局觀、認(rèn)知偏見(jiàn)、利弊。

 

一. 恐懼

人都會(huì)有恐懼,恐懼來(lái)源于對(duì)未知的不確定性的害怕。工作中的恐懼分為兩種。一種是對(duì)工作項(xiàng)目的恐懼;一種是對(duì)對(duì)接人的恐懼。

對(duì)工作項(xiàng)目的恐懼

對(duì)工作項(xiàng)目不了解,高估難度導(dǎo)致恐懼。其實(shí)在工作中,任何項(xiàng)目只要各個(gè)角色通力合作都不會(huì)很難。所以把工作項(xiàng)目都當(dāng)做一項(xiàng)平常心對(duì)待,多和各個(gè)角色平和的去溝通討論協(xié)作可克服恐懼。

對(duì)對(duì)接人的恐懼

可能因?yàn)楹蛯?duì)接人相處的不愉快抵觸,消極的對(duì)接,這樣出現(xiàn)的后果是信息的嚴(yán)重不對(duì)稱(chēng)。從而導(dǎo)致項(xiàng)目進(jìn)度很不順利。對(duì)于和人溝通,我們要抱著無(wú)所畏懼的態(tài)度去看待,畢竟他們又不能真正的把我們?cè)趺礃印?/span>

 

二. 推動(dòng)與把控

推動(dòng)與設(shè)計(jì)的把控能力是交互設(shè)計(jì)師綜合能力的具體體現(xiàn)。

場(chǎng)景1:在交互評(píng)審會(huì)上,產(chǎn)品經(jīng)理說(shuō)XX也有這樣的設(shè)計(jì),照著XX的來(lái)就可以了,沒(méi)必要像你這樣設(shè)計(jì);開(kāi)發(fā)說(shuō)這樣的設(shè)計(jì)成本比較高,不建議使用這種方案;運(yùn)營(yíng)說(shuō)這樣設(shè)計(jì)的對(duì)用戶來(lái)說(shuō)不夠吸引人注意,可以改成這樣……一場(chǎng)評(píng)審下來(lái),從用戶操作流程到界面布局被改的面目全非。更為可怕的是下一次評(píng)審確定交互的會(huì)議上,之前達(dá)成的共識(shí)又一次被推翻,陷入惡性循環(huán)中。

場(chǎng)景2:產(chǎn)品經(jīng)理給你一個(gè)很粗糙的原型簡(jiǎn)圖,讓你把原型流程和細(xì)節(jié)補(bǔ)充完成;交互評(píng)審最終通過(guò);給到視覺(jué)做視覺(jué)稿,視覺(jué)加入自己的想法;把你的交互稿的結(jié)構(gòu)邏輯定義規(guī)則按照自己的理解邏輯改了一遍。

很多交互設(shè)計(jì)師會(huì)遇到以上兩個(gè)場(chǎng)景,交互設(shè)計(jì)師的角色完全陷入被動(dòng)。淪為一個(gè)悲催的線框仔,和設(shè)計(jì)的推動(dòng)和設(shè)計(jì)的把控完全不沾邊。那么問(wèn)題來(lái)了交互設(shè)計(jì)師如何可以變被動(dòng)為主動(dòng),做一個(gè)設(shè)計(jì)的推動(dòng)與把控者?

以上兩種場(chǎng)景的根源是交互設(shè)計(jì)師在平時(shí)工作中缺乏專(zhuān)業(yè)能力、氣場(chǎng)和溝通協(xié)作能力。因?yàn)槿狈@些才導(dǎo)致在工作中地位較低,不斷地被質(zhì)疑被修改以及和各個(gè)角色的對(duì)接產(chǎn)生不順。專(zhuān)業(yè)能力,氣場(chǎng)和溝通協(xié)作能力這三個(gè)沒(méi)法在短時(shí)間內(nèi)提高,但是針對(duì)場(chǎng)景1和2也有套路來(lái)應(yīng)對(duì)。

應(yīng)對(duì)場(chǎng)景1:在評(píng)審過(guò)程中學(xué)會(huì)拆分使用場(chǎng)景講述交互方案。

交互設(shè)計(jì)師直接用具體的交互原型界面進(jìn)行評(píng)審很容易被質(zhì)疑和推翻。會(huì)議上的人對(duì)于具體的界面感知度很高。學(xué)會(huì)用抽象的東西進(jìn)行評(píng)審,這個(gè)可以吸引會(huì)議的人的大部分精力,最后再拿出具體的交互原型界面。

整個(gè)交互原型可以拆分為很多頁(yè),最開(kāi)始講解整個(gè)設(shè)計(jì)的背景(業(yè)務(wù)背景,技術(shù)背景),適用人群,整個(gè)交互設(shè)計(jì)解決了那些問(wèn)題,然后再講需求,拆分需求,拆分不同的使用場(chǎng)景和對(duì)應(yīng)的功能流程圖?;驹谶@個(gè)過(guò)程中,會(huì)議上的其他人不會(huì)有太多的異議。因?yàn)檫@個(gè)是抽象不容易反駁的。這個(gè)過(guò)程基本是一稿過(guò)。最后拿著對(duì)應(yīng)的場(chǎng)景、功能流程圖和最后的交互原型一一對(duì)應(yīng)。前面大部分時(shí)間和精力為最后的交互原型圖做鋪墊。這樣就可以讓交互一稿過(guò)。

應(yīng)對(duì)場(chǎng)景2:在一一對(duì)接產(chǎn)品和視覺(jué)時(shí),要嘗試在交流中和對(duì)方達(dá)成一致,站在統(tǒng)一戰(zhàn)線上,幫助他們分擔(dān)壓力。同時(shí)通過(guò)外在的因素達(dá)成想要的結(jié)果。

承擔(dān)產(chǎn)品經(jīng)理的原型輸出文檔工作。讓產(chǎn)品經(jīng)理認(rèn)識(shí)到我做交互原型更專(zhuān)業(yè)更省心,他不用在此分散精力。他可以將更多時(shí)間把控產(chǎn)品需求的進(jìn)度和挖掘需求。我是他親密的戰(zhàn)友,一起解決產(chǎn)品問(wèn)題; 和視覺(jué)設(shè)計(jì)師的關(guān)系是兩方是一個(gè)用戶體驗(yàn)團(tuán)隊(duì)。遇到分歧可以從產(chǎn)品,開(kāi)發(fā),用戶等多角度去說(shuō)服對(duì)方;遇到確實(shí)偏執(zhí)的視覺(jué)設(shè)計(jì)強(qiáng)行把交互評(píng)審確定的原型圖改的面目全非可以在評(píng)審大會(huì)上接受產(chǎn)品經(jīng)理,開(kāi)發(fā),運(yùn)營(yíng)等角色的挑戰(zhàn)。來(lái)回幾次視覺(jué)設(shè)計(jì)師就不會(huì)亂改交互原型邏輯和整體布局了。

 

三. 認(rèn)知

交互設(shè)計(jì)的工作是將產(chǎn)品目標(biāo)設(shè)計(jì)出符合用戶的認(rèn)知模型。但是每個(gè)人都存在認(rèn)知盲區(qū),對(duì)于設(shè)計(jì)界面和流程的時(shí)候,認(rèn)知盲區(qū)導(dǎo)致設(shè)計(jì)錯(cuò)誤。所以?xún)?yōu)秀的交互設(shè)計(jì)師在工作中不斷地減少認(rèn)知盲區(qū)的范圍,讓設(shè)計(jì)出切合絕大部分用戶的認(rèn)知模型。

以下章節(jié)引自采銅關(guān)于認(rèn)知的文章,以此幫助大家了解認(rèn)知這個(gè)概念。

當(dāng)我們思考一個(gè)現(xiàn)實(shí)場(chǎng)景中的問(wèn)題時(shí),如果很快就找到答案,那么可能意味著這個(gè)答案并不周密。只顧及了問(wèn)題中某個(gè)側(cè)面或者局部。若真要把一個(gè)問(wèn)題所牽扯的方方面面想清楚,則要困難得多,只有少數(shù)思維能力極強(qiáng)的人才能做到。

周密地思考問(wèn)題很不容易,有幾個(gè)原因:

  • 第一個(gè)原因是我們總是偏好生動(dòng)形象的具體事例甚于抽象信息,即我們的思維和決策更容易受少數(shù)特殊事件的影響,例如一說(shuō)到輟學(xué)創(chuàng)業(yè)就想到了蓋茨、喬布斯這些極端成功的例子,卻完全忽略數(shù)量遠(yuǎn)多得多的失敗者。而從統(tǒng)計(jì)學(xué)的角度來(lái)說(shuō),顯然這些極端隔離并不能反映整體情況。若是我們沒(méi)有意識(shí)到這一點(diǎn)。我們的思考就容易出現(xiàn)偏頗。
  • 第二個(gè)原因是「證實(shí)偏見(jiàn)」,也就是人一旦形成對(duì)某個(gè)問(wèn)題的看法,那么接下來(lái)就往往只是去佐證這個(gè)看法,只關(guān)注能證實(shí)這個(gè)觀點(diǎn)的論據(jù),而對(duì)相反的論據(jù)視而不見(jiàn),因此就無(wú)法從反面來(lái)考慮問(wèn)題。
  • 第三個(gè)原因是每個(gè)人受自己已有的知識(shí)和經(jīng)驗(yàn)的限制,必定會(huì)存在思維中的「盲區(qū)」。每個(gè)人很難自己去消滅這些「盲區(qū)」,因?yàn)樗鼘儆凇肝粗奈粗?,即一些我們并不知道自己不知道的東西,所以在解決一個(gè)具體問(wèn)題時(shí),我們無(wú)法消除盲區(qū),最多只能逼近無(wú)盲區(qū)的狀態(tài)。

簡(jiǎn)單的矩陣可以發(fā)現(xiàn)更多思考的盲區(qū):

  • 公開(kāi)區(qū):我知他也知
  • 盲區(qū):他知我不知
  • 隱秘區(qū):我知他不知
  • 未知區(qū):我他都不知

每一次交流都會(huì)使四個(gè)區(qū)域的面積發(fā)生或多或少的變化。而理想的交流,應(yīng)該是公開(kāi)區(qū)越來(lái)越大,盲區(qū)和隱秘區(qū)越來(lái)越小,甚至未知區(qū)也隨著減少。

上述是對(duì)認(rèn)知的介紹。交互設(shè)計(jì)師要做的就是在工作中不斷了解用戶,學(xué)習(xí)行業(yè)主流產(chǎn)品的設(shè)計(jì)背后邏輯,學(xué)習(xí)用戶體驗(yàn)相關(guān)的知識(shí),通過(guò)不斷提升專(zhuān)業(yè)度減少盲區(qū)和未知區(qū)。交互設(shè)計(jì)師和別人最大的優(yōu)勢(shì)應(yīng)該是對(duì)用戶懂得更多,即盲區(qū)更小。

 

四. 全局觀

每種方案,站在不同的角色角度都會(huì)有不同的結(jié)果,有著不同的優(yōu)劣,出現(xiàn)這種情況就需要取舍和平衡,如何去取舍和平衡各個(gè)角色?

當(dāng)一個(gè)方案需要平衡,需要取舍時(shí),這時(shí)候需要全局觀的去看待。這里可以給一個(gè)參考標(biāo)準(zhǔn):低緯度服從高緯度。即戰(zhàn)略層范圍層>范圍層>結(jié)構(gòu)層>框架層>表現(xiàn)層。



 

五. 利弊

全局性的去看待事情的利弊關(guān)系。

任何一件事情去考量,如果我參與去做會(huì)給我?guī)?lái)怎么樣的好處,給我?guī)?lái)怎么樣的壞處?這種好處是否是我想要的,這種壞處是否是我能夠承受的?

任何一件事情的發(fā)生都可以追尋它的本質(zhì),存在著因果,一個(gè)人的所做行為也是基于深層本質(zhì)行為。所以去剖析深層內(nèi)在才能看的更透。

單純的去用利益利弊去衡量,會(huì)和心理需求產(chǎn)生沖突,強(qiáng)烈的功利性會(huì)導(dǎo)致過(guò)于痛苦,所以大部分的時(shí)候追尋自己的價(jià)值觀,兩者結(jié)合一起看待處理事情。


 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ m.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖