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

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

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

對于看透的一些事情只可名狀難以言傳，沒有經(jīng)歷感受過的人來說就是雞湯。

如一個(gè)很厲害的人，用畢生精力寫下一本書，他所有的才華經(jīng)驗(yàn)所得都濃縮在書里面，但是讀者讀完會成為他那樣的人嗎？其實(shí)是不可能的。因?yàn)樗慕?jīng)歷沒法復(fù)制。讀者只能把他的書多讀幾遍多揣摩去感悟而得到作者更多經(jīng)驗(yàn)和知識?？赡芩痪湓捑吞N(yùn)含著一個(gè)復(fù)雜而心酸的故事，而讀者卻無法去感受。

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

 

一. 恐懼

人都會有恐懼，恐懼來源于對未知的不確定性的害怕。工作中的恐懼分為兩種。一種是對工作項(xiàng)目的恐懼；一種是對對接人的恐懼。

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

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

對對接人的恐懼

可能因?yàn)楹蛯尤讼嗵幍牟挥淇斓钟|，消極的對接，這樣出現(xiàn)的后果是信息的嚴(yán)重不對稱。從而導(dǎo)致項(xiàng)目進(jìn)度很不順利。對于和人溝通，我們要抱著無所畏懼的態(tài)度去看待，畢竟他們又不能真正的把我們怎么樣。

 

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

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

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

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

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

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

應(yīng)對場景1：在評審過程中學(xué)會拆分使用場景講述交互方案。

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

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

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

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

 

三. 認(rèn)知

交互設(shè)計(jì)的工作是將產(chǎn)品目標(biāo)設(shè)計(jì)出符合用戶的認(rèn)知模型。但是每個(gè)人都存在認(rèn)知盲區(qū)，對于設(shè)計(jì)界面和流程的時(shí)候，認(rèn)知盲區(qū)導(dǎo)致設(shè)計(jì)錯(cuò)誤。所以優(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í)場景中的問題時(shí)，如果很快就找到答案，那么可能意味著這個(gè)答案并不周密。只顧及了問題中某個(gè)側(cè)面或者局部。若真要把一個(gè)問題所牽扯的方方面面想清楚，則要困難得多，只有少數(shù)思維能力極強(qiáng)的人才能做到。

周密地思考問題很不容易，有幾個(gè)原因：

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

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

• 公開區(qū)：我知他也知
• 盲區(qū)：他知我不知
• 隱秘區(qū)：我知他不知
• 未知區(qū)：我他都不知

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

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

 

四. 全局觀

每種方案，站在不同的角色角度都會有不同的結(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)系。

任何一件事情去考量，如果我參與去做會給我?guī)碓趺礃拥暮锰帲o我?guī)碓趺礃拥膲奶?？這種好處是否是我想要的，這種壞處是否是我能夠承受的？

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

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