不知不覺(jué)，正式踏入大門(mén)，把交互設(shè)計(jì)當(dāng)成職業(yè)已經(jīng)有大半年了。作為一個(gè)前UI設(shè)計(jì)，對(duì)自己的原型視覺(jué)要求可能真的有點(diǎn)高（誤），在轉(zhuǎn)向的時(shí)候曾經(jīng)有過(guò)不少的疑惑，說(shuō)交互最好是什么要懂人體工學(xué)啊什么什么，這次就由自己的親身經(jīng)歷來(lái)說(shuō)一下UI設(shè)計(jì)應(yīng)該怎么轉(zhuǎn)型成交互設(shè)計(jì)吧，希望能幫助到想要成為交互的小伙伴們~
了解什么是交互
首先你得確保你了解的交互是否準(zhǔn)確。至于”交互是什么”這種問(wèn)題相信你在百度會(huì)找到一堆滿意的答案的，這里我就不詳細(xì)說(shuō)了。交互作為一個(gè)學(xué)科其實(shí)應(yīng)該存在已久了，人和人、人和機(jī)器之間的接觸溝通其實(shí)就是交互吧，所以我上面所說(shuō)的要懂人體工學(xué)什么的，也不是不正確的。例如車(chē)內(nèi)的變檔桿，人使用它的時(shí)候就是和它交互了吧，懂人體工學(xué)的話，設(shè)計(jì)出一個(gè)能更好地抓握的拉桿就能讓人產(chǎn)生良好的體驗(yàn)了。
當(dāng)然這是其他領(lǐng)域的交互了，互聯(lián)網(wǎng)來(lái)說(shuō)，交互更加關(guān)注的是人與產(chǎn)品之間產(chǎn)生的溝通。為了方便，下文講的產(chǎn)品都是互聯(lián)網(wǎng)方面的產(chǎn)品。
從摳細(xì)節(jié)到關(guān)注整個(gè)產(chǎn)品流程
這是UI和交互最大的不同關(guān)注點(diǎn)。UI更關(guān)注的是每個(gè)頁(yè)面的視覺(jué)表現(xiàn)，主要在產(chǎn)品體驗(yàn)的表現(xiàn)層、框架層；而交互設(shè)計(jì)更關(guān)注的是頁(yè)面的跳轉(zhuǎn)邏輯、產(chǎn)品的主要流程、信息結(jié)構(gòu)等等的內(nèi)容，主要在產(chǎn)品體驗(yàn)的框架層、結(jié)構(gòu)層。關(guān)于用戶體驗(yàn)的5個(gè)層次可以看下圖
一開(kāi)始處理交互工作時(shí)，總不經(jīng)意就花費(fèi)太多時(shí)間在頁(yè)面上了，這明顯是不對(duì)的。作為交互更關(guān)注的應(yīng)該是頁(yè)面之間的跳轉(zhuǎn)，頁(yè)面一些特殊狀態(tài)（如空白、刷新）時(shí)的顯示，還有一些系統(tǒng)機(jī)制的設(shè)置以提供更好的體驗(yàn)等等。
當(dāng)然了，在產(chǎn)品設(shè)計(jì)的過(guò)程中，為了打造良好的用戶體驗(yàn)，UI設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)其實(shí)是密切相連的，一個(gè)優(yōu)秀的UI設(shè)計(jì)師在設(shè)計(jì)界面的時(shí)候也肯定會(huì)同時(shí)考慮頁(yè)面的信息結(jié)構(gòu)是否合理，視覺(jué)元素有沒(méi)有把層次輕重表現(xiàn)出來(lái)等等，這些肯定都涉及到交互和用戶體驗(yàn)的。這讓我想起我去面試交互時(shí)曾經(jīng)有面試官問(wèn)過(guò)我，“你覺(jué)得從UI 轉(zhuǎn)過(guò)來(lái)的交互有什么優(yōu)勢(shì)？”，一時(shí)之間覺(jué)得難以回答，但是轉(zhuǎn)念一想，UI和UE和UX 本來(lái)就是同根生，在工作的過(guò)程之中互相滲透，一條流水線上的作業(yè)之間的轉(zhuǎn)換簡(jiǎn)直不要太簡(jiǎn)單，而且UI出身的交互審美肯定更勝一籌啊，在交互時(shí)就把一些視覺(jué)輕重方面的問(wèn)題就考慮到的話也是非常好的。
建立自己的工作方法
因?yàn)檎麄€(gè)公司就只有我一個(gè)交互，我來(lái)的時(shí)候上一任已經(jīng)走了，所以一開(kāi)始工作的時(shí)候如何能快速上手還是有點(diǎn)考驗(yàn)的。雖然交互最后也會(huì)產(chǎn)出一些流程圖線框圖和相關(guān)的文檔，但是這些畢竟是你最后的產(chǎn)出物，至于過(guò)程呢其實(shí)可能只有你知道。對(duì)需求，可以說(shuō)是”條條大路通羅馬“，你可能要把全部的路都考慮上了，最后選擇出最優(yōu)的那一條。選擇最優(yōu)不是最難，難的是把全部的路都考慮上了。我自己喜歡先用手寫(xiě)把主要場(chǎng)景和大致流程寫(xiě)下來(lái)，整理好思路之后才開(kāi)始畫(huà)流程圖和線框圖。這一點(diǎn)多得在剛轉(zhuǎn)工作的時(shí)候有幸在網(wǎng)絡(luò)課程上得到了一個(gè)大神的知點(diǎn)，滿滿的干貨，得到了啟發(fā)，真的非常感謝。
反正呢每個(gè)人的思路不一樣，對(duì)付不一樣的項(xiàng)目的時(shí)候也不可能用同一個(gè)方法能走到尾，建立起自己覺(jué)得最有效最快速的方法才是正解。
把握好產(chǎn)出物的表達(dá)力度不要扼殺UI和開(kāi)發(fā)的創(chuàng)造力
自己寫(xiě)出來(lái)的方案就要交給UI和開(kāi)發(fā)去實(shí)現(xiàn)了吧。在畫(huà)線框圖的時(shí)候不要使用過(guò)多的視覺(jué)元素讓UI先入為主阻礙他的創(chuàng)造力；但是在某些很確定要怎么表達(dá)怕UI和開(kāi)發(fā)誤會(huì)的地方就得寫(xiě)好畫(huà)好提示。老實(shí)說(shuō)這個(gè)力度呢到現(xiàn)在我有時(shí)還是會(huì)把我不好，有時(shí)看到UI 最后出的視覺(jué)稿沒(méi)有太大的突破還是感覺(jué)有點(diǎn)失望了。
幸好公司的UI和開(kāi)發(fā)也還是很有獨(dú)立思考的能力的，有時(shí)有些覺(jué)得不好的地方會(huì)拿出來(lái)跟我討論。這時(shí)候溝通就要主要不要把話說(shuō)得太死，只需要表達(dá)你需要一個(gè)什么樣的效果，為什么這樣需要，至于用什么方法來(lái)表達(dá)這個(gè)效果呢就放心交給UI和開(kāi)發(fā)吧，說(shuō)不定他們的看法能為你打開(kāi)新的思路噢~
以上，算是第一份手記吧，感謝讀到這里的你。
