不知不覺鲸鹦,正式踏入大門憋沿,把交互設(shè)計當成職業(yè)已經(jīng)有大半年了。作為一個前UI設(shè)計季稳,對自己的原型視覺要求可能真的有點高(誤)擅这,在轉(zhuǎn)向的時候曾經(jīng)有過不少的疑惑,說交互最好是什么要懂人體工學(xué)啊什么什么景鼠,這次就由自己的親身經(jīng)歷來說一下UI設(shè)計應(yīng)該怎么轉(zhuǎn)型成交互設(shè)計吧仲翎,希望能幫助到想要成為交互的小伙伴們~
了解什么是交互
首先你得確保你了解的交互是否準確。至于”交互是什么”這種問題相信你在百度會找到一堆滿意的答案的莲蜘,這里我就不詳細說了谭确。交互作為一個學(xué)科其實應(yīng)該存在已久了帘营,人和人票渠、人和機器之間的接觸溝通其實就是交互吧,所以我上面所說的要懂人體工學(xué)什么的芬迄,也不是不正確的问顷。例如車內(nèi)的變檔桿,人使用它的時候就是和它交互了吧禀梳,懂人體工學(xué)的話杜窄,設(shè)計出一個能更好地抓握的拉桿就能讓人產(chǎn)生良好的體驗了。
當然這是其他領(lǐng)域的交互了算途,互聯(lián)網(wǎng)來說塞耕,交互更加關(guān)注的是人與產(chǎn)品之間產(chǎn)生的溝通。為了方便嘴瓤,下文講的產(chǎn)品都是互聯(lián)網(wǎng)方面的產(chǎn)品扫外。
從摳細節(jié)到關(guān)注整個產(chǎn)品流程
這是UI和交互最大的不同關(guān)注點。UI更關(guān)注的是每個頁面的視覺表現(xiàn)廓脆,主要在產(chǎn)品體驗的表現(xiàn)層筛谚、框架層;而交互設(shè)計更關(guān)注的是頁面的跳轉(zhuǎn)邏輯停忿、產(chǎn)品的主要流程驾讲、信息結(jié)構(gòu)等等的內(nèi)容,主要在產(chǎn)品體驗的框架層席赂、結(jié)構(gòu)層吮铭。關(guān)于用戶體驗的5個層次可以看下圖
一開始處理交互工作時,總不經(jīng)意就花費太多時間在頁面上了颅停,這明顯是不對的谓晌。作為交互更關(guān)注的應(yīng)該是頁面之間的跳轉(zhuǎn),頁面一些特殊狀態(tài)(如空白便监、刷新)時的顯示扎谎,還有一些系統(tǒng)機制的設(shè)置以提供更好的體驗等等碳想。
當然了,在產(chǎn)品設(shè)計的過程中毁靶,為了打造良好的用戶體驗胧奔,UI設(shè)計、交互設(shè)計预吆、用戶體驗其實是密切相連的龙填,一個優(yōu)秀的UI設(shè)計師在設(shè)計界面的時候也肯定會同時考慮頁面的信息結(jié)構(gòu)是否合理,視覺元素有沒有把層次輕重表現(xiàn)出來等等拐叉,這些肯定都涉及到交互和用戶體驗的岩遗。這讓我想起我去面試交互時曾經(jīng)有面試官問過我,“你覺得從UI 轉(zhuǎn)過來的交互有什么優(yōu)勢凤瘦?”宿礁,一時之間覺得難以回答,但是轉(zhuǎn)念一想蔬芥,UI和UE和UX 本來就是同根生梆靖,在工作的過程之中互相滲透,一條流水線上的作業(yè)之間的轉(zhuǎn)換簡直不要太簡單笔诵,而且UI出身的交互審美肯定更勝一籌啊返吻,在交互時就把一些視覺輕重方面的問題就考慮到的話也是非常好的。
建立自己的工作方法
因為整個公司就只有我一個交互乎婿,我來的時候上一任已經(jīng)走了测僵,所以一開始工作的時候如何能快速上手還是有點考驗的。雖然交互最后也會產(chǎn)出一些流程圖線框圖和相關(guān)的文檔谢翎,但是這些畢竟是你最后的產(chǎn)出物捍靠,至于過程呢其實可能只有你知道。對需求岳服,可以說是”條條大路通羅馬“剂公,你可能要把全部的路都考慮上了,最后選擇出最優(yōu)的那一條吊宋。選擇最優(yōu)不是最難纲辽,難的是把全部的路都考慮上了。我自己喜歡先用手寫把主要場景和大致流程寫下來璃搜,整理好思路之后才開始畫流程圖和線框圖拖吼。這一點多得在剛轉(zhuǎn)工作的時候有幸在網(wǎng)絡(luò)課程上得到了一個大神的知點,滿滿的干貨这吻,得到了啟發(fā)吊档,真的非常感謝。
反正呢每個人的思路不一樣唾糯,對付不一樣的項目的時候也不可能用同一個方法能走到尾怠硼,建立起自己覺得最有效最快速的方法才是正解鬼贱。
把握好產(chǎn)出物的表達力度不要扼殺UI和開發(fā)的創(chuàng)造力
自己寫出來的方案就要交給UI和開發(fā)去實現(xiàn)了吧。在畫線框圖的時候不要使用過多的視覺元素讓UI先入為主阻礙他的創(chuàng)造力香璃;但是在某些很確定要怎么表達怕UI和開發(fā)誤會的地方就得寫好畫好提示这难。老實說這個力度呢到現(xiàn)在我有時還是會把我不好,有時看到UI 最后出的視覺稿沒有太大的突破還是感覺有點失望了葡秒。
幸好公司的UI和開發(fā)也還是很有獨立思考的能力的姻乓,有時有些覺得不好的地方會拿出來跟我討論。這時候溝通就要主要不要把話說得太死眯牧,只需要表達你需要一個什么樣的效果蹋岩,為什么這樣需要,至于用什么方法來表達這個效果呢就放心交給UI和開發(fā)吧学少,說不定他們的看法能為你打開新的思路噢~
以上剪个,算是第一份手記吧,感謝讀到這里的你旱易。