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

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

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

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

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

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

△ 圖源：Nick Taylor

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

同時(shí)，開(kāi)發(fā)在實(shí)現(xiàn)的第一個(gè)版本的產(chǎn)品中一樣平常許多時(shí)候視覺(jué)上會(huì)有各種各樣的題目，開(kāi)發(fā)人員在開(kāi)發(fā)過(guò)程中，為了進(jìn)步服從，不太在意還原 UI 的細(xì)節(jié)，比如這個(gè)間距是多少，那個(gè)間隔是幾個(gè)像素，所以最后產(chǎn)品上線前都會(huì)有 UI走查的環(huán)節(jié)，在這個(gè)過(guò)程中就是要一點(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)致許多不同的意見(jiàn)，偶然候也可能是由于每小我的審美或者是性格的題目，也會(huì)產(chǎn)生不少的摩擦，所以，學(xué)會(huì)妥協(xié)，在妥協(xié)中堅(jiān)持是團(tuán)隊(duì)合作中的一門(mén)大學(xué)問(wèn)。

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

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

△ 圖源：Nick Taylor

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

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

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

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

我在這半年的現(xiàn)實(shí)工作中，雖然第一個(gè)產(chǎn)品的概念定義和原型我沒(méi)有參加討論（我去的時(shí)候已經(jīng)定下來(lái)了），但是我照舊嘗試去思考這個(gè)產(chǎn)品到底意義在哪里，目標(biāo)用戶是哪些人，解決了目標(biāo)用戶的什么需求，他們的使用場(chǎng)景有哪些。我一向都認(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ì)的工作，終究都是為了解決題目，不了解題目的來(lái)龍去脈，便不能梳理出題目的本質(zhì)，更無(wú)法做出好的設(shè)計(jì)去解決題目。

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

三、牢記UCD，但別太靈活

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

△ 圖源：Nick Taylor

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

但我們 UI設(shè)計(jì)師不能只是美化一下界面，雖然我們可以沒(méi)有專業(yè)的設(shè)計(jì)團(tuán)隊(duì)，沒(méi)有很厲害的產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師，但是我們也要在設(shè)計(jì)過(guò)程中賡續(xù)地提示本身，要以用戶體驗(yàn)為中間，用戶在這個(gè)界面必要的是什么，什么信息對(duì)他來(lái)說(shuō)是最緊張的，怎么樣設(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è)眇乎小哉的小公司，你也肯定能成長(zhǎng)為一個(gè)設(shè)計(jì)大牛。

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

如今作品不好，沒(méi)題目，假如一向都不好，那就是你本身真的出了題目。

△ 圖源：Nick Taylor

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

看起來(lái)好像很糟糕，但其實(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)中不天然的吐露出來(lái)，你不必要去調(diào)動(dòng)它，它天然而然的就會(huì)在你的工作中賡續(xù)地幫助你。

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

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

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

五、重拾英語(yǔ)，不讓本身做井底之蛙

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

為什么要重新學(xué)習(xí)英語(yǔ)？（我就是想萬(wàn)一以后牛X了，可以混到國(guó)際舞臺(tái)上，嗯，這個(gè)可以有）

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

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

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

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

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

做界面的同窗有沒(méi)有碰到過(guò)如許的情況：我明明是設(shè)計(jì)成如許的，為什么開(kāi)發(fā)出來(lái)之后就變成那樣了？

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

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

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

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

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

圖片素材作者：Kyrylo Kazachek