當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁設(shè)計(jì)教程 > 設(shè)計(jì)理論 > 用Keep的案例,讓你輕松理解交互設(shè)計(jì)師的職責(zé)

半年做了兩個(gè)APP,我總結(jié)出這6個(gè)實(shí)戰(zhàn)經(jīng)驗(yàn)

三木自習(xí)室:轉(zhuǎn)眼就到了2018年了,自從寫完上一篇文章后,差不多有半年多沒寫本身的東西了,這半年在新的公司,新的工作崗位上收獲挺大的,已經(jīng)做了兩個(gè) app,一個(gè)資訊類(已經(jīng)上線),另一個(gè)是小眾電商(還沒上線)。工作的過程充滿了各種艱難險(xiǎn)阻,但還好,統(tǒng)統(tǒng)的困難都總能戰(zhàn)勝。在這半年里,本身收獲的不僅僅是線上app 的作品,更多的是,對(duì)于 UI&UX 的理解和感悟賡續(xù)地改變和深入。眼看著又要過年了,也是時(shí)候把本身這大半年的工作感受稍稍總結(jié)一下,和大家做一點(diǎn)分享。

一、團(tuán)隊(duì)工作,妥協(xié)是一門學(xué)問

一個(gè)產(chǎn)品最后出來的樣子,是各種妥協(xié)的效果。

互聯(lián)網(wǎng)產(chǎn)品和平面類型的設(shè)計(jì)工作最大的區(qū)別,可能是在于工種的細(xì)分上。之前做平面相干的工作(品牌,視覺,電商),本身一小我可能就充當(dāng)了基本上除了印刷以外的所有重要工作,既要和客戶溝通,了解用戶需求和想法以及存在的題目,又要思考和制訂設(shè)計(jì)方案,向客戶展示設(shè)計(jì)提案,又要實(shí)行獲得認(rèn)可的設(shè)計(jì)提案,保證設(shè)計(jì)成果吻合客戶預(yù)期并落地,假如是最后要交付印刷品,可能還要跟進(jìn)印刷的過程,保證印刷物料的質(zhì)量。彷佛一小我把所有的活都要干了。

但是互聯(lián)網(wǎng)產(chǎn)品不太一樣,首先最大的題目是如何讓方案落地的過程,這個(gè)工作一樣平常來說沒有辦法一小我干(除非是牛到精通前端后端和客戶端的各種開發(fā)語言的全棧設(shè)計(jì)師),由于會(huì)涉及到程序開發(fā),有一些設(shè)計(jì)師,就算你厲害了,你能把產(chǎn)品交互和 UI 都搞定,然后你還會(huì)(web端)前端開發(fā)語言或者客戶端開發(fā)語言,但是你照舊必要一個(gè)能寫后臺(tái)的工程師,所以,正常情況下,互聯(lián)網(wǎng)產(chǎn)品的開發(fā),是環(huán)環(huán)相扣的,至少都必要兩到三小我來配合工作。這照舊比較小型的產(chǎn)品,假如是復(fù)雜的產(chǎn)品,那每個(gè)環(huán)節(jié)都必須細(xì)分出來,而且可能每個(gè)環(huán)節(jié)都不止一小我,產(chǎn)品,交互,UI,前端,客戶端,后臺(tái),由于每個(gè)環(huán)節(jié)的工作量都太大了!



△ 圖源:Nick Taylor

既然有這么多的分工,那必然會(huì)導(dǎo)致不同的工作崗位看題目的點(diǎn)都是不一樣的。舉個(gè)例子:經(jīng)常會(huì)聽到開發(fā)說,明明用 A 就可以,為什么非要用 B?一開始的時(shí)候,其實(shí)我真的不太理解,但是后來慢慢認(rèn)識(shí)了開發(fā)的工作之后(尤其是本身開始學(xué)習(xí)一些代碼知識(shí)之后)慢慢理解了,其實(shí)開發(fā)在實(shí)現(xiàn)我們的設(shè)計(jì)的時(shí)候,最關(guān)注的是功能的實(shí)現(xiàn),而功能就是各種交互的薈萃,一個(gè)網(wǎng)頁上,假如交互不變,功能不變,只是改一些視覺上的樣式,這是相對(duì)來說簡單的,假如牽扯到交互的調(diào)整和修改,那個(gè)工作量可能就成倍增長,所謂牽一發(fā)而動(dòng)全身。所以我們?cè)谠O(shè)計(jì)的時(shí)候,更要細(xì)致模塊和組件的同等性和可復(fù)用性,如許不僅可以進(jìn)步我們的設(shè)計(jì)質(zhì)量,也可以有用的削減開發(fā)的工作量,進(jìn)步開發(fā)的服從。

同時(shí),開發(fā)在實(shí)現(xiàn)的第一個(gè)版本的產(chǎn)品中一樣平常許多時(shí)候視覺上會(huì)有各種各樣的題目,開發(fā)人員在開發(fā)過程中,為了進(jìn)步服從,不太在意還原 UI 的細(xì)節(jié),比如這個(gè)間距是多少,那個(gè)間隔是幾個(gè)像素,所以最后產(chǎn)品上線前都會(huì)有 UI走查的環(huán)節(jié),在這個(gè)過程中就是要一點(diǎn)一點(diǎn)地改進(jìn)產(chǎn)品UI 實(shí)現(xiàn)中不吻合設(shè)計(jì)稿的地方,這個(gè)時(shí)候才是我們?cè)O(shè)計(jì)師關(guān)注所謂的每一個(gè)像素的時(shí)候,在那之前,照舊先關(guān)注功能和流程的實(shí)現(xiàn)吧。

其實(shí)不僅僅是由于每個(gè)崗位的職能不同會(huì)導(dǎo)致許多不同的意見,偶然候也可能是由于每小我的審美或者是性格的題目,也會(huì)產(chǎn)生不少的摩擦,所以,學(xué)會(huì)妥協(xié),在妥協(xié)中堅(jiān)持是團(tuán)隊(duì)合作中的一門大學(xué)問。

二、把本身定位為產(chǎn)品設(shè)計(jì)師

以攻為守,讓本身從更周全的視角去思考 UI 的工作。



△ 圖源:Nick Taylor

一個(gè) UI設(shè)計(jì)師的將來在哪里?偶然候我會(huì)思考如許的題目,有可能是由于我已經(jīng)30了。這一兩年,危急感很重,每次看到非科班群里各種90后、95后的年輕設(shè)計(jì)師,心生傾慕的同時(shí)也充滿了莫名的壓力。

這半年多由于本身團(tuán)隊(duì)中沒有專門的交互設(shè)計(jì)師,所以我就同時(shí)肩負(fù)了大部分交互設(shè)計(jì)的工作。一開始做交互設(shè)計(jì)的東西,其實(shí)本身的熟悉照舊很淺薄的,雖然平時(shí)本身也看許多用戶體驗(yàn),設(shè)計(jì)生理學(xué)、交互設(shè)計(jì)等等的書籍,但是真的上手干活,照舊會(huì)經(jīng)常一頭霧水,由于交互設(shè)計(jì)太必要縝密的邏輯思維了。市場上常見的 app 的標(biāo)準(zhǔn)化的交互設(shè)計(jì)由于都有競品參考,照舊相對(duì)來說簡單的,在我看來比較難的是工具型的產(chǎn)品和 CMS(內(nèi)容管理體系后臺(tái)),尤其是 CMS 的交互設(shè)計(jì),假如設(shè)計(jì)不好,分分鐘讓用的人感覺要崩潰。交互設(shè)計(jì)是一門很深的學(xué)問,也是 UI設(shè)計(jì)師必須去了解和熟知的,它絕不是簡單的網(wǎng)頁之間的跳轉(zhuǎn),也不僅是酷炫的動(dòng)效,它是能讓產(chǎn)品的使用體驗(yàn)得到質(zhì)的飛躍的關(guān)鍵。

假如把一個(gè)產(chǎn)品比作一小我,那產(chǎn)品自己的方向是這小我的靈魂和思想,交互是這小我的舉止和修養(yǎng),而 UI 是一小我形狀和穿衣品味以及團(tuán)體氣質(zhì),良好的人,三者缺一不可,三者是共生的關(guān)系。

在我看來。成為一個(gè)產(chǎn)品設(shè)計(jì)師,了解產(chǎn)品思維,認(rèn)識(shí)交互設(shè)計(jì),精通視覺設(shè)計(jì),如許的設(shè)計(jì)師覺得才是以后互聯(lián)網(wǎng)設(shè)計(jì)師的標(biāo)配。高配是什么?我覺得至少是全棧設(shè)計(jì)師吧。這就像平面設(shè)計(jì)領(lǐng)域,不懂印刷各種工藝和材質(zhì)的,都稱不上好的平面設(shè)計(jì)師。好的建筑設(shè)計(jì)師,也得懂許多建筑學(xué)和建筑材料的知識(shí)。

我在這半年的現(xiàn)實(shí)工作中,雖然第一個(gè)產(chǎn)品的概念定義和原型我沒有參加討論(我去的時(shí)候已經(jīng)定下來了),但是我照舊嘗試去思考這個(gè)產(chǎn)品到底意義在哪里,目標(biāo)用戶是哪些人,解決了目標(biāo)用戶的什么需求,他們的使用場景有哪些。我一向都認(rèn)為互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)工作始終更是貫穿著設(shè)計(jì)思維,只是每個(gè)詳細(xì)的分工的側(cè)重點(diǎn)不同,你可以不精于產(chǎn)品需求的整頓和篩選,但你是得曉暢你你所設(shè)計(jì)的是為了知足什么需求,有目標(biāo)和方向才能做出更好的設(shè)計(jì),你連題目都不知道,怎么去解決題目。設(shè)計(jì)的工作,終究都是為了解決題目,不了解題目的來龍去脈,便不能梳理出題目的本質(zhì),更無法做出好的設(shè)計(jì)去解決題目。

把本身定位為產(chǎn)品設(shè)計(jì)師,稍微多花點(diǎn)心思去思考產(chǎn)品,去學(xué)習(xí)交互,別讓本身的眼界停頓在只畫幾個(gè)悅目界面,畫幾套分外的圖標(biāo),不然你早晚要被這個(gè)行業(yè)鐫汰,舛錯(cuò),是被其他更良好的設(shè)計(jì)師鐫汰。

三、牢記UCD,但別太靈活

許多公司并不真的在意所謂的 UCD。



△ 圖源:Nick Taylor

我信賴大部分的設(shè)計(jì)師照舊在中小型的企業(yè)里工作,如許的企業(yè)的設(shè)計(jì)工作有一個(gè)很顯明的特性,就是以主管或者老板的喜愛為第一知足目標(biāo),所有的設(shè)計(jì)方案都會(huì)以老板的喜愛為基準(zhǔn)參考,只有老板說 ok 才算是 ok。當(dāng)然,我們公司也是,畢竟我們也是一個(gè)小型公司,而且老板的小我風(fēng)格分外強(qiáng)烈。所以在做第一款 app 時(shí),僅僅是首屏的視覺方案,都出了不止七八個(gè)版本。在進(jìn)入更加深入的其他網(wǎng)頁的設(shè)計(jì)環(huán)節(jié)時(shí),我們也沒有去做什么用戶場景分析或者用戶需求分析之類的工作,都是依照著老板的一些想法去一步一步的實(shí)現(xiàn),當(dāng)然,這并不是肯定是錯(cuò)的,只是大部分公司的設(shè)計(jì)工作的近況,如許也可能會(huì)有好的產(chǎn)品,只是可能性更低而已。許多公司沒有很專業(yè)的設(shè)計(jì)團(tuán)隊(duì),也沒有很專業(yè)的產(chǎn)品經(jīng)理,更沒有很專業(yè)的產(chǎn)品設(shè)計(jì)師,做許多設(shè)計(jì)決策的時(shí)候基本上都是靠拍腦袋,或者寄托小我的生活或者設(shè)計(jì)經(jīng)驗(yàn),在不知不覺中,就把 UCD 的設(shè)計(jì)方法忘在腦后了,UI設(shè)計(jì)師只是負(fù)責(zé)機(jī)械式美化下每一個(gè)元素,做一下視覺風(fēng)格的同一,變成了一個(gè)不折不扣的界面美化師。

但我們 UI設(shè)計(jì)師不能只是美化一下界面,雖然我們可以沒有專業(yè)的設(shè)計(jì)團(tuán)隊(duì),沒有很厲害的產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師,但是我們也要在設(shè)計(jì)過程中賡續(xù)地提示本身,要以用戶體驗(yàn)為中間,用戶在這個(gè)界面必要的是什么,什么信息對(duì)他來說是最緊張的,怎么樣設(shè)計(jì)可以削減用戶的欣賞負(fù)擔(dān),進(jìn)步用戶的使用服從,雖然可能我們思考的方向和效果的不肯定對(duì),但是只要去想,才能賡續(xù)強(qiáng)化我們本身的這個(gè)設(shè)計(jì)思維,避免本身產(chǎn)出一模一樣的設(shè)計(jì)方案,進(jìn)步本身的設(shè)計(jì)能力。假如能把每一項(xiàng)工作都盡百分之120的努力去完成,那就算你如今是在一個(gè)眇乎小哉的小公司,你也肯定能成長為一個(gè)設(shè)計(jì)大牛。

四、堅(jiān)持學(xué)習(xí),賡續(xù)進(jìn)步審美和眼界

如今作品不好,沒題目,假如一向都不好,那就是你本身真的出了題目。



△ 圖源:Nick Taylor

我曩昔很傾慕那種設(shè)計(jì)師,年紀(jì)輕輕就進(jìn)大公司,或者20歲不到作品就讓人感覺面前目今一亮。對(duì)于我這種非科班的,大學(xué)卒業(yè)7年了,認(rèn)真靜下心來干設(shè)計(jì)才3年多,好像還沒開始跑,就已經(jīng)被人甩開一大截了。

看起來好像很糟糕,但其實(shí)真不是,你所經(jīng)歷的統(tǒng)統(tǒng)艱難,假如挺曩昔了,那就是你人生珍貴的財(cái)富。那應(yīng)該怎么做呢?只能賡續(xù)努力地去縮小和別人的差距,舛錯(cuò),不是和別人的差距,是和本身對(duì)本身期望值的差距。

那么進(jìn)步審美和眼界就是最基本要做的事情,同時(shí)我也認(rèn)為這是作為一個(gè)設(shè)計(jì)師必要持續(xù)賡續(xù)進(jìn)步的最基本的能力。審美和眼界的進(jìn)步是必要日積月累的,軟件操作和技法可以短時(shí)間內(nèi)突擊學(xué)習(xí),也可以一時(shí)偷師,但是假如你審美不行,你永久都不可能做出好的設(shè)計(jì),由于在你的眼里的高級(jí)和在高水平設(shè)計(jì)師眼里的高級(jí),可能是大相徑庭。審美和眼界就像是一種設(shè)計(jì)師的隱蔽屬性,會(huì)在你日常的設(shè)計(jì)當(dāng)中不天然的吐露出來,你不必要去調(diào)動(dòng)它,它天然而然的就會(huì)在你的工作中賡續(xù)地幫助你。

但是每每許多設(shè)計(jì)師不把這個(gè)當(dāng)一回事。其實(shí)你只要天天堅(jiān)持一直地看良好的作品,堅(jiān)持幾個(gè)月或者半年一年的,你的審美一定都會(huì)有質(zhì)的飛躍。曩昔你覺得設(shè)計(jì)很棒的作品,可能你以后看起來就會(huì)嗤之以鼻了。

看作品這件事其實(shí)很簡單,你只要天天打開 behance,打開首頁保舉的十個(gè)作品,花個(gè)十幾二十分鐘細(xì)細(xì)看下來,覺得好的就分類珍藏一下,以備以后可以用來做設(shè)計(jì)的參考。

但是,關(guān)鍵是堅(jiān)持。

五、重拾英語,不讓本身做井底之蛙

別總看國內(nèi)的設(shè)計(jì)網(wǎng)站了,表面的世界更精彩。

為什么要重新學(xué)習(xí)英語?(我就是想萬一以后牛X了,可以混到國際舞臺(tái)上,嗯,這個(gè)可以有)

一開始決定重拾英語的契機(jī),這還要感謝砂姐組織的翻譯小組。我也只是想試試看,能不能把英語重新?lián)炱饋?。于是?7年2月份開始我給本身定了個(gè)目標(biāo),每個(gè)月翻一篇英語的設(shè)計(jì)類文章,很慶幸本身堅(jiān)持下來了。同時(shí)在工作中碰到的不少題目,會(huì)逼著我去看一些外文的資料,讓我覺得我必須得更努力地把英語撿起來,于是最近幾個(gè)月同時(shí)也開始背單詞,天天堅(jiān)持讀英語的設(shè)計(jì)文章,跟一開始比,感覺照舊很有收獲的,看文章的速度越來越快,閱讀時(shí)的語感也越來越好(這個(gè)越來越好是相對(duì)于本身很糟糕時(shí)候的狀況)。

慢慢地,我感覺,學(xué)好英語,對(duì)于一個(gè)設(shè)計(jì)師的長遠(yuǎn)發(fā)展是很有幫助的。

假如你想去了解世界上更多良好設(shè)計(jì)師的想法,學(xué)習(xí)他們的經(jīng)驗(yàn),那么就得親自去獲取第一手的信息,而不是等著其他人的翻譯,而且許多各種設(shè)計(jì)領(lǐng)域的良好的教材和資料都只有英文版本,假如不把英語學(xué)好,本身學(xué)到的不僅僅是許多殘缺不全的二手資料,甚至連學(xué)習(xí)的機(jī)會(huì)都沒有。把英語學(xué)好,是給本身打開通往更廣闊領(lǐng)域的鑰匙。你的眼界,決定了你成就的上限。

六、接觸代碼,發(fā)現(xiàn)一個(gè)新世界

學(xué)習(xí)從來都不是件輕松興奮的事情。

做界面的同窗有沒有碰到過如許的情況:我明明是設(shè)計(jì)成如許的,為什么開發(fā)出來之后就變成那樣了?

這就是我下定決心想學(xué)習(xí)代碼的導(dǎo)火索。我就想,為什么我不能本身學(xué)習(xí)代碼本身實(shí)現(xiàn)本身的設(shè)計(jì)么?這不是很厲害么?加上我之前也斷斷續(xù)續(xù)地對(duì)前端技術(shù)有過學(xué)習(xí)的念頭,于是一鼓作氣下定決心就開始學(xué)了。

出于想給本身開發(fā)小我網(wǎng)站的初衷,我就選擇了前端的開發(fā)語言作為我的學(xué)習(xí)內(nèi)容。我目前重要學(xué)習(xí)的是 &#106avascript(html 和 css 已經(jīng)學(xué)了個(gè)也許)。

一開始學(xué)習(xí)的時(shí)候真的是痛楚不堪,但是在度過了一兩個(gè)月的痛楚的煎熬之后,已經(jīng)慢慢地發(fā)現(xiàn)學(xué)習(xí)代碼的樂趣,但同時(shí),發(fā)現(xiàn)這個(gè)坑是越來越大,感覺要學(xué)的東西是本身預(yù)想的要多太多了。雖然過程很糾結(jié)也很痛楚(我估計(jì)這種痛楚的感覺還會(huì)持續(xù)好長時(shí)間),學(xué)習(xí)代碼的過程對(duì)于進(jìn)步設(shè)計(jì)師的邏輯思維確實(shí)很有幫助,由于編程思維和設(shè)計(jì)工作的思維相比,更看重邏輯性(設(shè)計(jì)工作也很看重邏輯性)。同時(shí),多了解一些編程的知識(shí)(編程開發(fā)的語言許多,但是思維體例是類似的)對(duì)于理解開發(fā)人員的工作內(nèi)容和工作體例,也會(huì)有很大的幫助?;ヂ?lián)網(wǎng)的設(shè)計(jì)師,我覺得在學(xué)有余力的情況下,都應(yīng)該多多少少學(xué)習(xí)一些代碼的知識(shí),由于這畢竟也是產(chǎn)品開發(fā)的其中的一個(gè)緊張環(huán)節(jié),你不必要擅長,但懂一些,可以讓你更好地和開發(fā)人員進(jìn)行有用的溝通,知己知彼,削減撕逼。但是不建議設(shè)計(jì)工作經(jīng)驗(yàn)較少的同窗學(xué)習(xí)代碼,畢竟這必要許多的時(shí)間去學(xué)習(xí),不要把本身變成什么都是半桶水,在不影響設(shè)計(jì)工作之余可以抽出時(shí)間的話讓本身嘗試一下,說不定你也會(huì)喜好上編程這件事。

作者的小我微旌旗燈號(hào):sking51

迎接關(guān)注作者的公眾號(hào):「三木自習(xí)室」


圖片素材作者:Kyrylo Kazachek

[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di4165.html
美團(tuán)點(diǎn)評(píng) UED 總監(jiān)突破設(shè)計(jì)邊界,互聯(lián)網(wǎng)變革幸存之道
超實(shí)用!通用設(shè)計(jì)法則解析之「導(dǎo)引手冊(cè)」
圖趣網(wǎng)微信
建議反饋
×