一款產(chǎn)品，本質(zhì)是提供服務(wù)以解決某個(gè)用戶問(wèn)題。因此產(chǎn)品體驗(yàn)設(shè)計(jì)師對(duì)整個(gè)業(yè)務(wù)的核心價(jià)值一定是解決用戶/業(yè)務(wù)問(wèn)題，其次才是帶來(lái)美的感受?！爱a(chǎn)品設(shè)計(jì)師的價(jià)值取決于業(yè)務(wù)需要他貢獻(xiàn)出多大的價(jià)值”。如果你認(rèn)同這個(gè)觀點(diǎn)，你就能理解接下來(lái)的兩個(gè)觀點(diǎn)。
交互創(chuàng)造價(jià)值的機(jī)會(huì)大于視覺(jué)
交互在工作流程上在視覺(jué)上游，產(chǎn)品問(wèn)題的討論一定是先基于交互，所以在交互領(lǐng)域解決問(wèn)題的機(jī)會(huì)遠(yuǎn)遠(yuǎn)多于視覺(jué)。因此在產(chǎn)品體驗(yàn)設(shè)計(jì)中，交互創(chuàng)造價(jià)值的機(jī)會(huì)往往大于視覺(jué)。所以我的建議是：體驗(yàn)設(shè)計(jì)師可以做純交互，但盡可能不要做純視覺(jué)，工作中一定要觸及交互部分。
B端體驗(yàn)設(shè)計(jì)創(chuàng)造價(jià)值的機(jī)會(huì)大于C端
價(jià)值，應(yīng)該是所有大廠設(shè)計(jì)師都被問(wèn)到過(guò)的點(diǎn)。不管你的價(jià)值陳述對(duì)象是誰(shuí)，本質(zhì)上都是陳述給業(yè)務(wù)方，區(qū)別僅僅是由你直接陳述給業(yè)務(wù)方，還是由你的上級(jí)將大家的價(jià)值匯總打包陳述給業(yè)務(wù)方。
所以，業(yè)務(wù)方愿意買(mǎi)單的價(jià)值才算價(jià)值。
作為一個(gè)C端B端都待過(guò)的設(shè)計(jì)師，我說(shuō)說(shuō)二者的特點(diǎn)：
C端產(chǎn)品功能少+簡(jiǎn)單(面向小白)、產(chǎn)品體驗(yàn)有競(jìng)品可參考，因此體驗(yàn)設(shè)計(jì)難度可控。
B端產(chǎn)品功能復(fù)雜+龐大、競(jìng)品參考成本高 (賽道小眾(無(wú)競(jìng)品)、專業(yè)門(mén)檻(跨行業(yè))、收費(fèi)門(mén)檻(企業(yè)版定制))，因此產(chǎn)品體驗(yàn)難度更大，業(yè)務(wù)只能依賴設(shè)計(jì)師所給出的體驗(yàn)方案。
從前文的觀點(diǎn)“產(chǎn)品設(shè)計(jì)師的價(jià)值取決于業(yè)務(wù)需要他貢獻(xiàn)多大的價(jià)值”來(lái)看，B端體驗(yàn)設(shè)計(jì)的難度更高，所以B端體驗(yàn)設(shè)計(jì)創(chuàng)造價(jià)值的機(jī)會(huì)應(yīng)該更大。
坊間傳言：tb的設(shè)計(jì)團(tuán)隊(duì)據(jù)說(shuō)有上百人… dy的設(shè)計(jì)團(tuán)隊(duì)據(jù)說(shuō)有數(shù)百人… wx的設(shè)計(jì)師連按鈕是圓角還是方角都要展開(kāi)討論，還要做ABtest… 三魚(yú)講個(gè)小故事吧：
在C端的工作就好像在一艘裝滿水手的大船上
你在船上被分配到了負(fù)責(zé)擦拭桅桿的工作
你需要思考如何在擦桅桿的工作中展現(xiàn)自己的價(jià)值
于是你研究了不同擦拭工具的工作效率
研究不同溫度、濕度下的桅桿油漆磨損情況
你越研究越癡迷
這份工作看似簡(jiǎn)單，但其實(shí)
有很多可以深挖的點(diǎn)
有很多值得研究的課題
甚至你的價(jià)值看起來(lái)還很好衡量
畢竟在大船上
哪怕是一根桅桿都會(huì)被天天使用
看來(lái)這真是一份有價(jià)值的工作
畢竟
體驗(yàn)設(shè)計(jì)就應(yīng)該做到嚴(yán)謹(jǐn)且錙銖必較嘛！
可以思考一下，倘若一個(gè)領(lǐng)域能創(chuàng)造價(jià)值的機(jī)會(huì)已經(jīng)很少了，那就意味著這個(gè)領(lǐng)域的競(jìng)爭(zhēng)會(huì)變得殘酷且事不由人。大家論證價(jià)值的成本越來(lái)越高，邊際收益越來(lái)越低，俗稱“內(nèi)卷”…
再來(lái)看看B端，B端體驗(yàn)設(shè)計(jì)師往往可以負(fù)責(zé)一個(gè)完整產(chǎn)品(甚至多個(gè))，設(shè)計(jì)師會(huì)負(fù)責(zé)產(chǎn)品的框架搭建、邏輯梳理、頁(yè)面設(shè)計(jì)、品牌、官網(wǎng)、運(yùn)營(yíng)等一系列設(shè)計(jì)。有趣的是，由于B端設(shè)計(jì)往往都是創(chuàng)新項(xiàng)目，產(chǎn)品經(jīng)理其實(shí)對(duì)這個(gè)產(chǎn)品該是什么樣的也沒(méi)有清晰的認(rèn)知，最終的產(chǎn)品形態(tài)往往是設(shè)計(jì)師和產(chǎn)品經(jīng)理一同討論出來(lái)的，設(shè)計(jì)對(duì)業(yè)務(wù)的價(jià)值不言而喻。
如果還是套用那個(gè)故事，在B端工作，你所負(fù)責(zé)的可能是一艘小船，你的注意力不再是這艘小船的桅桿是否擦得夠嚴(yán)謹(jǐn)科學(xué)，而是這條小船的航道、動(dòng)力、擴(kuò)建規(guī)劃等，這些將會(huì)更有意思。
工作難度決定價(jià)值，價(jià)值與職業(yè)壽命掛鉤，職業(yè)壽命決定了焦慮感。那三魚(yú)的建議也不言而喻。
動(dòng)態(tài)思維是B端交互很重要的能力
一直以來(lái)我們把動(dòng)效歸為視覺(jué)能力。但事實(shí)上，動(dòng)效背后的動(dòng)態(tài)思維應(yīng)該是交互尤其是B端交互必備的能力?？纯聪旅孢@幾個(gè)案例中設(shè)計(jì)師所解決的問(wèn)題。
案例1
下圖是AE的界面，當(dāng)用戶不選中任何圖層時(shí)，點(diǎn)擊“形狀工具”，可以新建一個(gè)矢量圖形，但當(dāng)用戶選中某個(gè)圖層時(shí)，再點(diǎn)擊“形狀工具”，該功能則變成了給用戶選中的圖層創(chuàng)建蒙版。我相信用過(guò)AE的人，都見(jiàn)識(shí)過(guò)這個(gè)鬼畜的交互：即同一個(gè)按鈕卻有兩種不同的含義。
Adobe After Effects-“形狀工具”
在我所負(fù)責(zé)的一款數(shù)據(jù)分析產(chǎn)品中，也遇到了類似的問(wèn)題 (即用戶點(diǎn)擊圖表icon可以新建一個(gè)圖表，用戶選中某個(gè)已有圖表時(shí)，再點(diǎn)擊圖表icon則是切換該圖表的類型)。
因此在2.0版我們嘗試將 “創(chuàng)建圖表” 和 “切換圖表類型” 兩種場(chǎng)景區(qū)分開(kāi)?？梢钥吹较聢D中，圖1和圖2都解決了這個(gè)的問(wèn)題。但圖1的方式是直接將其拆分成兩套功能區(qū)，雖然解決了問(wèn)題，但也讓導(dǎo)航的內(nèi)容變得冗余。而圖2的方式則更為巧妙，拆分功能區(qū)的同時(shí)，利用鼠標(biāo)的點(diǎn)擊和失焦，用動(dòng)效的方式讓用戶感知到場(chǎng)景的切換，不影響操作的同時(shí)還節(jié)約了導(dǎo)航空間。
案例2
在一款數(shù)據(jù)產(chǎn)品中，我們上線了一款新功能，對(duì)用戶有很大的學(xué)習(xí)成本，于是我們計(jì)劃在承接頁(yè)放一張功能全局流程圖，它既可以對(duì)新功能有一個(gè)系統(tǒng)的介紹，同時(shí)也可作為功能入口快速定位想要的模塊。但問(wèn)題來(lái)了，由于功能復(fù)雜，導(dǎo)致流程圖上的信息體量太大，倘若完整展示，則會(huì)超出一屏空間，用戶就很難看清完整的功能流程。最終我們通過(guò)動(dòng)效手段，兼顧了“模塊介紹”和“流程展示”，這種展現(xiàn)形式也被業(yè)內(nèi)好評(píng)，還被華為云等多家云服務(wù)廠商所借鑒，現(xiàn)在大家在很多B端產(chǎn)品中都能看到我們的影子。
案例3
以上兩個(gè)案例比較復(fù)雜，再舉兩個(gè)簡(jiǎn)單的例子：B端產(chǎn)品限于專業(yè)性，表單信息通常很長(zhǎng)，所以為了表單信息能盡可能完整展現(xiàn)，我們?cè)谙吕蛘归_(kāi)的瞬間，往外“借”了一部分空間，以展示更多的信息。
案例4
這是一個(gè)“邏輯表”，一個(gè)數(shù)據(jù)模型中通常有N個(gè)邏輯表，信息密度極大，因此我們要盡可能節(jié)約空間，所以我們?cè)诓挥绊懹脩羰褂眯实幕A(chǔ)上，把搜索框“收”了起來(lái)。
有沒(méi)有發(fā)現(xiàn)這幾個(gè)案例解決的都是交互問(wèn)題，而且是直接影響用戶感知的交互細(xì)節(jié)問(wèn)題。我們可以看到，在不具備動(dòng)態(tài)思維的時(shí)候，交互在面對(duì)“信息過(guò)載”這個(gè)B端繞不過(guò)去的課題時(shí)，唯一的解法只有“平鋪”一招，但這招在面對(duì)復(fù)雜問(wèn)題時(shí)明顯不夠用。而一旦具備動(dòng)態(tài)思維，交互設(shè)計(jì)師就可以從“時(shí)間(出現(xiàn)順序) + 空間(疊放層級(jí))”兩個(gè)維度對(duì)信息的展示進(jìn)行重組，解題能力將大幅提升。
不止是前文提到的“信息過(guò)載”… 諸如“提升操作效率”、“降低認(rèn)知成本”、“數(shù)據(jù)可視化”也全是B端體驗(yàn)中對(duì)用戶體驗(yàn)影響極大的課題，對(duì)于交互的工作，也不僅僅只有產(chǎn)品框架的梳理，還有產(chǎn)品細(xì)節(jié)的打磨，尤其是一款產(chǎn)品成長(zhǎng)到后期，一定會(huì)圍繞體驗(yàn)細(xì)節(jié)精細(xì)化打磨，只靠“靜態(tài)平鋪”這一招恐怕遠(yuǎn)遠(yuǎn)不夠解題，而動(dòng)態(tài)思維能拓寬B端交互在細(xì)節(jié)上的解題思路，對(duì)交互而言是很重要的能力。
視覺(jué)創(chuàng)造價(jià)值的機(jī)會(huì)大于交互
我瘋了嗎？明明前面才說(shuō)了“交互的機(jī)會(huì)大于視覺(jué)”。三魚(yú)解釋解釋：對(duì)業(yè)務(wù)而言，交互的機(jī)會(huì)往往大于視覺(jué)，但對(duì)設(shè)計(jì)師自己而言，“交互”是一種必備的但不易被證明的能力，反之“視覺(jué)”是一種錦上添花的但容易出彩的能力。
再說(shuō)詳細(xì)一點(diǎn)：在設(shè)計(jì)師的職場(chǎng)博弈中，“交互能力弱”有可能會(huì)成為你的短板，但“交互能力強(qiáng)”卻很難被塑造成你的長(zhǎng)板，因?yàn)樗恼撟C成本極高，尤其是在B端復(fù)雜的業(yè)務(wù)場(chǎng)景下。與之相比，“視覺(jué)能力弱”往往不會(huì)成為一個(gè)設(shè)計(jì)師的短板，但“視覺(jué)能力強(qiáng)”則可能成為一個(gè)設(shè)計(jì)師的長(zhǎng)版，因?yàn)樗恼撟C成本極低。不要小看論證成本，晉升答辯通常只有15-20分鐘，如果不能在極短時(shí)間內(nèi)論證清楚自己的能力(價(jià)值)，就會(huì)很吃虧。所以短時(shí)間內(nèi)把自己的能力(價(jià)值)論證清楚極為重要。
根據(jù)我的經(jīng)驗(yàn)，短時(shí)間內(nèi)將“交互”論證到“強(qiáng)”的難度遠(yuǎn)大于將“視覺(jué)”論證到“強(qiáng)”。所以成本最小、收益最大的方式應(yīng)該是將交互論證到“不弱”+將視覺(jué)論證到“強(qiáng)”的能力組合。
但現(xiàn)實(shí)是幾乎所有大公司的體驗(yàn)團(tuán)隊(duì)，視覺(jué)設(shè)計(jì)師往往被交互設(shè)計(jì)師“壓著打”。因?yàn)椤敖换ァ笔潜貍淠芰?，“視覺(jué)”是錦上添花能力，“視覺(jué)能力弱”并不算短板，而“交互能力弱”卻是明顯的短板。在大部分設(shè)計(jì)師都談不上具備明顯長(zhǎng)板的前提下，在職場(chǎng)博弈中，存在明顯短板的一方一定會(huì)輸，也就是說(shuō)視覺(jué)一定會(huì)被交互壓著打。所以如前文所講，三魚(yú)建議：“體驗(yàn)設(shè)計(jì)師的工作一定要觸及交互部分”。
所以標(biāo)題可以完善一下：“在交互已不是短板的前提下，視覺(jué)創(chuàng)造價(jià)值的機(jī)會(huì)大于交互”。
三魚(yú)的做法
（這一段是題外話）既然講到這里，大概能理解三魚(yú)的做法了吧？我在站酷所發(fā)的作品，都是英文排版+動(dòng)效展示，目的就是只展現(xiàn)視覺(jué)的“強(qiáng)”，因?yàn)樗且环N觀眾只需要“看”就能感受到的、論證成本極低的能力，很適合線上場(chǎng)景。倘若有聽(tīng)過(guò)三魚(yú)線下分享的同學(xué)就會(huì)發(fā)現(xiàn)，同樣的作品我在線下會(huì)花很大的篇幅講出背后的交互思考，因?yàn)橐胝撟C清楚交互的“強(qiáng)”，就離不開(kāi)闡述業(yè)務(wù)原理，這是需要觀眾付出“看+聽(tīng)+提問(wèn)互動(dòng)”的理解成本才能get到的，因此只有線下場(chǎng)景才比較適合展現(xiàn)出交互的“強(qiáng)”。
嗯，雖然前面說(shuō)了交互的論證成本很大，但誰(shuí)規(guī)定了“視覺(jué)”和“交互”必須要孤立論證。有機(jī)會(huì)我也分享一下體驗(yàn)設(shè)計(jì)該如何論證交互的“強(qiáng)”。
B端的劣勢(shì)
我不喜歡很多人鼓吹的“B端是一片藍(lán)?！?，仿佛轉(zhuǎn)行B端就進(jìn)入職業(yè)發(fā)展的快車道一樣。三魚(yú)必須坦言，B端比起C端，同樣存在著極大的劣勢(shì)：開(kāi)發(fā)成本大就不多講了，B端產(chǎn)品往往服務(wù)于一小戳群體的工作，這些用戶群體本身數(shù)量較小，而且很多還是新興職業(yè)，所以B端產(chǎn)品發(fā)展初期的用戶體量都很小。那么就帶來(lái)一個(gè)問(wèn)題，一小戳用戶的收益往往短時(shí)間攤不掉研發(fā)成本，如果沒(méi)有公司戰(zhàn)略上的強(qiáng)投入，那么產(chǎn)品更新迭代將是極慢的，甚至90%的產(chǎn)品會(huì)因?yàn)槭找娌蛔?，永遠(yuǎn)停留在1.0版，也就意味著大部分B端產(chǎn)品可能連體驗(yàn)流程都無(wú)法閉環(huán)，更別說(shuō)打磨體驗(yàn)了。這些問(wèn)題在C端不容易遇到，但在B端卻很常見(jiàn)。
這也就導(dǎo)致了開(kāi)發(fā)資源都優(yōu)先投入到功能研發(fā)中，留給體驗(yàn)打磨的開(kāi)發(fā)資源很有限，這會(huì)影響設(shè)計(jì)師的價(jià)值論證。我親眼見(jiàn)過(guò)一些設(shè)計(jì)師負(fù)責(zé)了很多1.0的B端項(xiàng)目，這些產(chǎn)品在幾個(gè)核心功能上線后，就停止更新迭代了，產(chǎn)品經(jīng)理和研發(fā)只在意核心功能能讓用戶用起來(lái)，至于體驗(yàn)是否流暢，流程是否閉環(huán)，對(duì)他們而言并不重要。因此這些設(shè)計(jì)師忙了一年，卻沒(méi)有一個(gè)可以論證自己價(jià)值的體驗(yàn)設(shè)計(jì)故事。這在B端是一個(gè)普遍現(xiàn)象，是B端相對(duì)于C端的劣勢(shì)。那些只講B端的好，不講B端存在問(wèn)題的言論是不負(fù)責(zé)的。
當(dāng)然，哪怕存在這樣的劣勢(shì)，B端體驗(yàn)設(shè)計(jì)依托復(fù)雜業(yè)務(wù)所帶來(lái)的價(jià)值優(yōu)勢(shì)依然是C端無(wú)法比擬的。而B(niǎo)端的劣勢(shì)其實(shí)是可以克服掉的，也就是接下來(lái)我要分享的“干貨”。
干貨來(lái)了
先說(shuō)說(shuō)上次那篇文章中，我認(rèn)為通常情況下設(shè)計(jì)師要講出有價(jià)值的好故事主要靠?jī)牲c(diǎn)：
1. 時(shí)+運(yùn)：B端產(chǎn)品更新迭代慢，你如果有充足的耐心陪伴它成長(zhǎng)，且它足夠好運(yùn)地成長(zhǎng)起來(lái)了，且你也足夠好運(yùn)沒(méi)有被中途變更業(yè)務(wù)，那么恭喜你總算等來(lái)了一個(gè)講出好故事的機(jī)會(huì)。但目前互聯(lián)網(wǎng)早就過(guò)了野蠻生長(zhǎng)的時(shí)期，這種機(jī)會(huì)已經(jīng)越來(lái)越少了；
2. 權(quán)力：依靠你能調(diào)動(dòng)的資源，以體量來(lái)堆出一個(gè)好的體驗(yàn)故事，比如造輪子。好處是簡(jiǎn)單粗暴，故事往降本提效上講業(yè)務(wù)肯定是買(mǎi)單的，缺點(diǎn)是輪子不能經(jīng)常造，造多了就不降本了。而且故事的效果受限于業(yè)務(wù)體量，有多大體量講多大故事，所以這種故事更多地適合大廠的管理層去講。但這似乎就把雞和蛋顛倒了，倘若設(shè)計(jì)都熬到這個(gè)位子上了，又何必來(lái)等我的“干貨”呢？
所以在過(guò)去兩者都不具備的前提下，我有一招自己的玩法。先來(lái)看一個(gè)案例：
https://www.zcool.com.cn/work/ZNTczNjg3MDg=.html
如果你把案例中的視頻看完，你大概能感受到這是一個(gè)涵蓋了產(chǎn)品框架、角色路徑、界面設(shè)計(jì)、品牌設(shè)計(jì)的還算蠻大而全的方案，雖然限于保密，對(duì)外只能看視覺(jué)，連Logo我都不敢多解釋兩句。所以我大致講講：一開(kāi)始，產(chǎn)品經(jīng)理所提過(guò)來(lái)的需求僅僅只是幾個(gè)核心功能的設(shè)計(jì)需求，大概4-5頁(yè)原型圖，這時(shí)大部分設(shè)計(jì)師可能會(huì)按照原型圖把交互和視覺(jué)完善，然后產(chǎn)出設(shè)計(jì)稿的標(biāo)注和切圖，交付開(kāi)發(fā)。
但三魚(yú)了解完業(yè)務(wù)之后，發(fā)現(xiàn)這個(gè)1.0的需求用戶的路徑并沒(méi)有閉環(huán)，于是我繼續(xù)深入理解業(yè)務(wù)，為產(chǎn)品定義了三種不同的使用角色，并根據(jù)每一種角色的訴求推導(dǎo)出場(chǎng)景和體驗(yàn)路徑，從而重新梳理了整個(gè)產(chǎn)品框架，補(bǔ)全了缺失場(chǎng)景。
然后將產(chǎn)品能力集成并可視化展現(xiàn)出來(lái)，最終交付了一套流程閉環(huán)、交互創(chuàng)新、視覺(jué)感知強(qiáng)烈的體驗(yàn)方案。
這套產(chǎn)出令業(yè)務(wù)很驚喜，也認(rèn)可了整套方案并愿意為之投入開(kāi)發(fā)資源。但三魚(yú)實(shí)話告訴你，目前大半年過(guò)去了，我所提交的方案被開(kāi)發(fā)上線的只有60%，因?yàn)槟壳暗挠脩趔w量實(shí)在支撐不起更多開(kāi)發(fā)人力投入了，所以哪怕那40%的功能是對(duì)的，也需要很久以后才能開(kāi)發(fā)上線。
但沒(méi)有關(guān)系，對(duì)我而言，我已經(jīng)得到了一個(gè)流程閉環(huán)、交互創(chuàng)新、視覺(jué)感知強(qiáng)烈、能充分反映設(shè)計(jì)價(jià)值的故事了。
這便是三魚(yú)的思路，概括下來(lái)就一句話：把1.0的需求按3.0的質(zhì)量產(chǎn)出。畢竟當(dāng)現(xiàn)實(shí)條件無(wú)法支撐你展示自己的價(jià)值，那就自己創(chuàng)造機(jī)會(huì)去展示。靠這個(gè)思路，當(dāng)別人還在耐心且不確定地等待業(yè)務(wù)慢慢成長(zhǎng)時(shí)，三魚(yú)已經(jīng)在短時(shí)間內(nèi)積累了大量?jī)?yōu)質(zhì)故事，這也讓我的職場(chǎng)博弈占了優(yōu)勢(shì)。
這里有個(gè)問(wèn)題：就是我創(chuàng)造的價(jià)值，并不是業(yè)務(wù)方當(dāng)下買(mǎi)單的價(jià)值，似乎與前面我所說(shuō)的觀點(diǎn)有出入。
這里我要再講一個(gè)觀點(diǎn)：設(shè)計(jì)對(duì)業(yè)務(wù)的價(jià)值不一定以設(shè)計(jì)師對(duì)當(dāng)前業(yè)務(wù)的價(jià)值為轉(zhuǎn)移。通俗來(lái)說(shuō)，所有業(yè)務(wù)方都希望自己的產(chǎn)品是功能完善、流程閉環(huán)、體驗(yàn)舒適的，這個(gè)訴求可能會(huì)因?yàn)楫?dāng)下開(kāi)發(fā)成本的短缺而被抑制，但卻是可預(yù)見(jiàn)的只要條件成熟業(yè)務(wù)就一定會(huì)產(chǎn)生的訴求。因此設(shè)計(jì)師主動(dòng)往前走一步的做法一定是業(yè)務(wù)方所認(rèn)可的，哪怕最后沒(méi)有開(kāi)發(fā)人力落地這些設(shè)計(jì)，業(yè)務(wù)方也清楚是現(xiàn)階段的業(yè)務(wù)水平所導(dǎo)致的，而不是去否定設(shè)計(jì)的價(jià)值。而對(duì)于設(shè)計(jì)師而言，只要你提供的設(shè)計(jì)方案是超預(yù)期的，總有一天會(huì)有優(yōu)質(zhì)的業(yè)務(wù)場(chǎng)景愿意為之買(mǎi)單 (意會(huì)) … 總之，“把1.0的需求按3.0的標(biāo)準(zhǔn)交付”是一條經(jīng)過(guò)三魚(yú)驗(yàn)證過(guò)的行之有效的手段。
以上輸出的都是認(rèn)知，認(rèn)知的提升會(huì)帶來(lái)成長(zhǎng)的幻覺(jué)。但事實(shí)上，哪怕你知道了動(dòng)畫(huà)對(duì)交互的提升巨大，但不具備動(dòng)畫(huà)能力也是空談；哪怕你知道視覺(jué)創(chuàng)造價(jià)值的機(jī)會(huì)更大，視覺(jué)能力不夠成為你的長(zhǎng)板也是空談；哪怕你知道把1.0的需求按3.0來(lái)產(chǎn)出收益巨大，你不具備3.0的視野也是空談… 認(rèn)知更像是臨門(mén)一腳的點(diǎn)破，手上功夫才是你的基本盤(pán)。
手上功夫的成長(zhǎng)
最后聊聊成長(zhǎng)，三魚(yú)的經(jīng)歷可能會(huì)給你一些參照吧。先附上我的培訓(xùn)班作品，這就是三魚(yú)最初的水平，那時(shí)我已是工作了兩年轉(zhuǎn)行的狀態(tài)，年齡和經(jīng)驗(yàn)都很吃虧。
培訓(xùn)班作品-《愛(ài)情小管家》
但三魚(yú)運(yùn)氣還算好，趕在互聯(lián)網(wǎng)的末班車進(jìn)了大廠。這保證了我的成長(zhǎng)環(huán)境至少是不錯(cuò)的，也更有機(jī)會(huì)接觸到一些好的產(chǎn)品、優(yōu)秀的設(shè)計(jì)師，能學(xué)到更多的東西 (說(shuō)真的，當(dāng)初能進(jìn)大廠，也許有能力的加持，但更多的要?dú)w功于時(shí)代的運(yùn)氣)。
但進(jìn)了大廠也未必就踏上了快車道，大廠的競(jìng)爭(zhēng)很激烈，好的項(xiàng)目機(jī)會(huì)從來(lái)都是搶手貨。從培訓(xùn)班出來(lái)的我，因?yàn)闆](méi)有工作經(jīng)驗(yàn)，被分配去做廣告圖優(yōu)化，三魚(yú)先解釋一下這個(gè)工作：就是客戶在我們的產(chǎn)品中投放廣告，有些客戶投放的廣告點(diǎn)擊率并不理想，為了確?？蛻舻耐茝V費(fèi)花得值 (不然人家不投了)，于是我們會(huì)對(duì)一些不理想的廣告圖進(jìn)行設(shè)計(jì)優(yōu)化。對(duì)設(shè)計(jì)師來(lái)說(shuō)，這些廣告圖的質(zhì)量參差不齊，且沒(méi)有源文件，優(yōu)化工作是一件繁瑣且低價(jià)值的事。這種事，很適合我這個(gè)剛轉(zhuǎn)行的菜鳥(niǎo)來(lái)干。下圖是一些我優(yōu)化過(guò)的廣告圖，這就是三魚(yú)在大廠一開(kāi)始的主要工作。
廣告圖優(yōu)化
這對(duì)當(dāng)時(shí)的我來(lái)說(shuō)已經(jīng)很滿足了，畢竟能創(chuàng)造價(jià)值、能挺過(guò)試用期三魚(yú)就謝天謝地了。于是我很認(rèn)真地完成手上的工作，還沉淀了一套廣告圖優(yōu)化“方法論”，比如把廣告圖分為電商、工具、游戲、社交等，每一種類別有特定的優(yōu)化方式，還附帶最后的數(shù)據(jù)驗(yàn)證… 嗯，這是我第一次接觸 “大廠套路”。
看我廣告圖優(yōu)化得還不錯(cuò)，于是主管給我新增了一項(xiàng)任務(wù)：我們團(tuán)隊(duì)每天都要在Facebook上發(fā)一條動(dòng)態(tài)，每條動(dòng)態(tài)都會(huì)附一張配圖，所以每周我需要畫(huà)5張運(yùn)營(yíng)配圖。
日常運(yùn)營(yíng)支持
日常運(yùn)營(yíng)配圖所要求的質(zhì)量并不高，倘若只是按可交差的水準(zhǔn)來(lái)產(chǎn)出設(shè)計(jì)，這5張圖其實(shí)費(fèi)不了多少功夫，于是三魚(yú)決定利用富余的時(shí)間去錘煉自己的專業(yè)能力。具體來(lái)說(shuō)：每周一業(yè)務(wù)方會(huì)告知本周需要繪制的5個(gè)主題，我會(huì)用一天的時(shí)間把其中4個(gè)主題快速地畫(huà)完交差，然后留一個(gè)自己最感興趣的主題，去設(shè)計(jì)平臺(tái)上學(xué)習(xí)新的風(fēng)格，并結(jié)合主題去創(chuàng)作。比如下圖的產(chǎn)品矩陣紀(jì)念日：https://www.zcool.com.cn/work/ZMTQ4MTQyMDg=.html 。就是花了心思去做的。
產(chǎn)品矩陣紀(jì)念日
再比如美食節(jié)活動(dòng)：https://www.zcool.com.cn/work/ZMTUwNDk4NzY=.html 。我不僅嘗試了新的風(fēng)格，還給它加入了愛(ài)情故事。
還有一些名人名著的紀(jì)念日閃屏：https://www.zcool.com.cn/work/ZMTY3MTkzMjg=.html 。
于是我就一直用這種刻意練習(xí)的方式，把自己的手上功夫越練越扎實(shí)了。而對(duì)于業(yè)務(wù)方來(lái)說(shuō)，本來(lái)預(yù)期就不高，偶爾還能收到三魚(yú)超預(yù)期的設(shè)計(jì)交付，自然是很欣喜的，于是對(duì)我的評(píng)價(jià)也很高。
隨著我的交付質(zhì)量不斷提升，業(yè)務(wù)方的預(yù)期也越來(lái)越高。一次在別的設(shè)計(jì)師的運(yùn)營(yíng)事故中，業(yè)務(wù)方指名要三魚(yú)來(lái)設(shè)計(jì)。于是我站出來(lái)救了場(chǎng)，這次事件過(guò)后，大家突然意識(shí)到我不是一個(gè)初入行的菜鳥(niǎo)了。
地球一小時(shí)
但三魚(yú)的目標(biāo)還是想往產(chǎn)品體驗(yàn)方向發(fā)展，但產(chǎn)品設(shè)計(jì)的機(jī)會(huì)是很稀缺的。但三魚(yú)隨即等來(lái)了一個(gè)機(jī)會(huì)：我們的核心產(chǎn)品要進(jìn)行一次體驗(yàn)升級(jí)，這種級(jí)別的項(xiàng)目只有最資深的設(shè)計(jì)師才能參與的。所以我們的主管選了三位資深設(shè)計(jì)師來(lái)比稿定方案。
三魚(yú)很積極地表示自己也想?yún)⑴c比稿，不僅表達(dá)了自己的職業(yè)規(guī)劃，還保證參與比稿不會(huì)耽誤手上的工作。由于我之前的工作中已經(jīng)積累了不錯(cuò)的口碑，主管同意了我的請(qǐng)求。
我很珍惜這樣的機(jī)會(huì)，于是一口氣出了兩套方案 (都在站酷中)。
但現(xiàn)實(shí)很殘酷，大家并不認(rèn)可我作為一個(gè)設(shè)計(jì)新人的實(shí)力，我的方案在一開(kāi)始的內(nèi)部評(píng)審中就被提前“斃掉”了 (其實(shí)這很正常，沒(méi)有人會(huì)相信一個(gè)新入行的設(shè)計(jì)師的實(shí)力)。不過(guò)主管考慮到我認(rèn)真的態(tài)度，雖然讓我失去了上臺(tái)提案資格，但還是把我的兩套方案作為“更多風(fēng)格探索”放在PPT的最后了…
三魚(yú)的兩套方案
但戲劇性的一幕又來(lái)了，提案的過(guò)程很不順利?？赡苁且?yàn)槟菚r(shí)流行扁平風(fēng)，但過(guò)于千篇一律導(dǎo)致幾個(gè)大領(lǐng)導(dǎo)看膩了，反而認(rèn)為我這種帶質(zhì)感的方案讓人耳目一新。結(jié)果我的陪跑方案居然奇跡般地被采納了…
這可把三魚(yú)牛逼壞了，當(dāng)晚我把這個(gè)結(jié)果告訴小白，小白叮囑我：“這個(gè)時(shí)候很尷尬，這么重要的項(xiàng)目不可能完全交給你這個(gè)新人來(lái)負(fù)責(zé)，你現(xiàn)在最好的做法是一定要低調(diào)，明天去了公司別吭聲，等你的主管來(lái)找你聊，聽(tīng)安排就是了，切記切記，我看你已經(jīng)飄得不行了”！
于是第二天三魚(yú)全程裝蒜，默默地等待著。果然！主管來(lái)找我了，希望我能加入到產(chǎn)品改版的項(xiàng)目中來(lái)，她會(huì)安排一位資深設(shè)計(jì)師帶著我一起做，至于我手上目前的工作，就交接給其他設(shè)計(jì)師吧。于是三魚(yú)開(kāi)開(kāi)心心地服從了安排。
噢對(duì)，由于原來(lái)業(yè)務(wù)方對(duì)我實(shí)在太滿意了，這次的業(yè)務(wù)調(diào)整，那些業(yè)務(wù)方紛紛跑去請(qǐng)求我的主管“讓三魚(yú)再為我們畫(huà)最后一張吧…” 我也被主管戲稱為設(shè)計(jì)團(tuán)隊(duì)的“頭牌”。
寫(xiě)到這里，三魚(yú)算不算靠努力與運(yùn)氣就走上快車道了？事實(shí)上還早… 目前為止我的手上功夫還僅限于PS用得不錯(cuò)罷了，其它能力為0。而能力的欠缺很快就讓我遇到了難題。
那就是：動(dòng)效設(shè)計(jì)師不干了。
以前的一些大廠會(huì)設(shè)置專門(mén)的動(dòng)效設(shè)計(jì)崗，由一位擅長(zhǎng)動(dòng)畫(huà)軟件的同學(xué)來(lái)幫其他設(shè)計(jì)師實(shí)現(xiàn)動(dòng)畫(huà)上的創(chuàng)意演示，但這種“只能替別人實(shí)現(xiàn)創(chuàng)意”的工作模式，對(duì)動(dòng)效設(shè)計(jì)師的職業(yè)成長(zhǎng)不利，于是越來(lái)越多動(dòng)效設(shè)計(jì)師轉(zhuǎn)行去做產(chǎn)品體驗(yàn)。
這可苦了那些不會(huì)做動(dòng)效的設(shè)計(jì)師 (包括三魚(yú))，工具類的產(chǎn)品，對(duì)動(dòng)效的要求比較高，倘若沒(méi)人替自己實(shí)現(xiàn)腦海里的動(dòng)畫(huà)創(chuàng)意，工作對(duì)接就很吃力了。
所以只好去學(xué)。三魚(yú)覺(jué)得動(dòng)效比3D還難學(xué)，它難在幾乎找不到針對(duì)性的動(dòng)畫(huà)教程，那時(shí)我能從網(wǎng)上找到的動(dòng)畫(huà)教程全是教“影視后期”的。可沒(méi)辦法，只能硬著頭皮學(xué)，不然我的創(chuàng)意就不得不妥協(xié)于手上功夫了。于是三魚(yú)一路東拼西湊，艱難地把動(dòng)效學(xué)會(huì)了。
下圖是我做的第一個(gè)動(dòng)效，一開(kāi)始我只會(huì)簡(jiǎn)單的位移旋轉(zhuǎn)，動(dòng)畫(huà)雖然生硬，但好在PS畫(huà)的素材質(zhì)量本身不錯(cuò)。
這是一年以后的水平，那時(shí)我已經(jīng)能3D+動(dòng)效結(jié)合著玩了。
說(shuō)到3D能力，也是在這期間，我和小白一起報(bào)名了第一期的白無(wú)常C4D課程培訓(xùn)班 (三魚(yú)喜歡抱團(tuán)學(xué)，可以互相監(jiān)督，一個(gè)人學(xué)很容易半途而廢)，我還把學(xué)到的東西應(yīng)用到了實(shí)際工作案例中。
當(dāng)我把這兩張圖發(fā)給白無(wú)常老師看的時(shí)候，老師很詫異：“我沒(méi)有教角色建模呀”？其實(shí)圖里的熊是PS畫(huà)的，說(shuō)明那時(shí)我的PS水平已經(jīng)比較強(qiáng)了。
說(shuō)到PS繪畫(huà)，這種風(fēng)格受李舜影響比較大。在李舜的風(fēng)格剛出現(xiàn)的時(shí)候，我覺(jué)得很驚艷，就去學(xué)習(xí)了她的畫(huà)法 (她寫(xiě)過(guò)一篇教程，感興趣的朋友可以去她的站酷找找)。下圖的IP算比較出名的了，因?yàn)檫@套作品時(shí)不時(shí)被我發(fā)現(xiàn)放在了某些淘寶店里掛羊賣狗…
那段時(shí)間是我過(guò)得最快樂(lè)的時(shí)候，我同時(shí)負(fù)責(zé)產(chǎn)品體驗(yàn)和品牌設(shè)計(jì)，包容的大廠環(huán)境也給了我學(xué)習(xí)和應(yīng)用新技能的空間，一年的時(shí)間我的手上功夫突飛猛進(jìn)。
再后來(lái)去了福廠，那是三魚(yú)最痛苦、但也是成長(zhǎng)最大的經(jīng)歷：
我遇到了一個(gè)很糟糕的主管，在福場(chǎng)的三年多時(shí)間里，三魚(yú)一方面依托平臺(tái)加速成長(zhǎng)，一方面對(duì)抗來(lái)自主管的PUA，并最終完成了反殺。細(xì)節(jié)不多講了，說(shuō)說(shuō)最后的結(jié)果吧：這三年里，我的績(jī)效全是最優(yōu)(憑借著無(wú)法否定的能力和成果，三魚(yú)逼著主管給自己打了好績(jī)效)，反觀這位主管，三年里有兩年拿了最差績(jī)效，最后被迫轉(zhuǎn)崗…
我在福廠的成長(zhǎng)不僅是手上功夫，更多的成長(zhǎng)是“認(rèn)知”，而后者對(duì)我的職業(yè)突破起了決定性作用。但這段經(jīng)歷很痛苦，如果說(shuō)在百度的成長(zhǎng)是技能上的成長(zhǎng)，它是一個(gè)逐漸變好的過(guò)程，是愉快的，那么在福廠的經(jīng)歷更像是把人打碎以后的重塑，因?yàn)檎J(rèn)知的成長(zhǎng)一定是伴隨著否定、懷疑、焦慮的，三魚(yú)在其中艱難地探索出了一條可能是對(duì)的的路，以后有機(jī)會(huì)再慢慢分享吧。
回想起來(lái)，三魚(yú)算幸運(yùn)的，我趕上了互聯(lián)網(wǎng)的末班車，在狼廠寬容的環(huán)境下鍛煉了能力，在福場(chǎng)如日中天的階段實(shí)現(xiàn)了個(gè)人的成長(zhǎng)。但三魚(yú)也是不容易的，我的成長(zhǎng)經(jīng)歷并沒(méi)有大家臆想的那么一帆風(fēng)順。大廠的競(jìng)爭(zhēng)非常慘烈，被打碎以后是一蹶不振還是再重塑？這么多大廠設(shè)計(jì)師，能出頭的有幾個(gè)？玩明白的又有幾個(gè)？
寫(xiě)在最后
這篇文章真長(zhǎng)，如果你能耐心讀完… 嗯，算你厲害。我最后再總結(jié)一下吧：
前半部分講了認(rèn)知，是三魚(yú)基于自身環(huán)境所形成的認(rèn)知，但這些認(rèn)知希望大家斟酌著看：第一，它是基于三魚(yú)的成長(zhǎng)路徑和自身?xiàng)l件所得出的，未必適合所有人；第二，行業(yè)是不斷發(fā)展的，認(rèn)知也不會(huì)一成不變，也許一年以后這套認(rèn)知就失效了。
后半部分講了成長(zhǎng)，當(dāng)然主要集中在專業(yè)上的成長(zhǎng)，這也是目前大部分設(shè)計(jì)師更需要的，也是比較適合在站酷分享給大家的。
認(rèn)知可以讓你們前進(jìn)的過(guò)程中少走彎路，但是技能才是推動(dòng)你前進(jìn)的核心動(dòng)力。三魚(yú)能講的東西還有很多，后續(xù)再慢慢聊。
原文地址：站酷
作者：三魚(yú)先生
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》干貨遲到了，但三魚(yú)不會(huì)讓它缺席2
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司