最近發(fā)現(xiàn)有很多童鞋關(guān)心如何從UI進階到UX又或者最新流行的產(chǎn)品設(shè)計的問題。那么我以一個非科班出身的UI到大廠資深UX的經(jīng)歷奖唯，不帶黑話的用4k字作文給大家描述一下這兩者之間如何無縫進階置森。

一.尋求轉(zhuǎn)變的背景與緣由

在分析進階方法之前，先磨刀不誤砍柴工的理清3個問題：

1.定義兩者差距?

2.弄清兩者的生存環(huán)境?

3.找到進階的理由

1.從UI到UX的距離

之前寫過一篇UI和UX到底有何異同的文章，里面詳細(xì)的描述了UI和UX在國內(nèi)外環(huán)境下的真實差異赠叼。偏專業(yè)的解釋2者的差別就是設(shè)計思考側(cè)重的不同，一個偏感性的視覺層面，另一個偏理性的調(diào)研和數(shù)據(jù)層面梅割，在國外2者并不存在進化關(guān)系霜第，只是側(cè)重不同而已。

但在國內(nèi)為何UX變成了UI的進階呢户辞？并不是像一些平臺所言的表現(xiàn)層已經(jīng)沒有更多的探索空間亦或可以被人工取締了，而是因為國內(nèi)大廠的UX在全鏈路設(shè)計師的基礎(chǔ)上被賦予了更多商業(yè)使命癞谒。他們既不能疏忽視覺底燎、易用度上的ui基礎(chǔ)表現(xiàn)（畫個界面吧）；還要定期review用研的報告定制對應(yīng)設(shè)計決策（來搞個競對設(shè)計分析吧）弹砚；及產(chǎn)品的埋點數(shù)據(jù)康康有沒可以做體驗優(yōu)化的點（來個梳理各路徑做體驗優(yōu)化吧）双仍；還需要手動接受各種一線業(yè)務(wù)戰(zhàn)略信息以此定制各種短期和長期目標(biāo)（給你負(fù)責(zé)的業(yè)務(wù)線設(shè)計做個目標(biāo)規(guī)劃吧）。

從個人的親身經(jīng)歷感受來談轉(zhuǎn)變前后的感受就是桌吃，盡管我還只是個小餅干朱沃，但被黑話包裹著的我，要操的心老多了茅诱。

2.UX是哪里的產(chǎn)物

之前有一些嘗試轉(zhuǎn)型的童鞋和我說：“啊逗物，我們小公司的設(shè)計師根本沒有時間做UX的那些優(yōu)化推進，每天就是被畫界面的產(chǎn)品需求擠壓著瑟俭◆嶙浚”好像我們就發(fā)現(xiàn)一個現(xiàn)象，資源越少摆寄、業(yè)務(wù)線產(chǎn)品生命周期越靠前的公司業(yè)務(wù)對于設(shè)計師的定位就越偏向視覺執(zhí)行層失暴。

“

所以所謂UX是大廠的產(chǎn)物嗎？

其實這也不是一個絕對值微饥，雖然大廠的人力財力資源相對豐富逗扒，對于設(shè)計師的要求更注重全鏈路與業(yè)務(wù)思維，但大廠的業(yè)務(wù)線繁雜欠橘，并不是所有業(yè)務(wù)線都有成熟的UED團隊負(fù)責(zé)矩肩。所以在一些大廠也仍然會在邊緣業(yè)務(wù)線或者新孵化的小項目組出現(xiàn)大量的純UI向定位，通常去了這樣業(yè)務(wù)線的同學(xué)就會發(fā)現(xiàn)每日仍然還是沉浸在各種畫圖中無法自拔简软，甚至連做系統(tǒng)搭建和項目沉淀的時間都沒有蛮拔。

3.進階后你能獲得怎樣的有效職場收獲

其實從普通UI轉(zhuǎn)變?yōu)榇髲S的UX是個挺心累的過程，時常在各種操心與壓力中懷念當(dāng)初當(dāng)一個快樂ui小美工的日子痹升，安安靜靜的追逐每個圖標(biāo)1像素的精致建炫。但是為何還是要轉(zhuǎn)變，想起之前有個讀者聊天時說的話疼蛾，“要說開心呢還是小時候最開心肛跌，畢竟開心和掙錢是很難兼得的”。

進階為大廠UX之后，雖然你要做的事情變多了衍慎，但是你做的事情的含金量卻是顯著提升的转唉。這里我們舉例說明，一般大廠成熟業(yè)務(wù)線對ux的日常業(yè)務(wù)型需求都不會太多稳捆，你有足夠的時間去好好思考業(yè)務(wù)訴求赠法，進行發(fā)散和沉淀，甚至還能擠出時間是不是搞個自驅(qū)項目乔夯。這對于你之后再選擇你的職業(yè)道路都有著跳板一般的作用砖织，拿到大廠UX背書之后，你既可以退而求其次末荐，也可以更輕松的追逐更高更有“利”的平臺與職級侧纯，也就是說，進階就意味著選擇權(quán)把握在自己手里甲脏。

二.專業(yè)技能層的轉(zhuǎn)變

1.認(rèn)知要素模型

從UI到UX最基礎(chǔ)的轉(zhuǎn)變應(yīng)該是從認(rèn)知要素模型（即設(shè)計時從上至下的思考層面）眶熬，用戶體驗要素在純UI的基礎(chǔ)上多加了2-3層，完整的5層如下圖所示：

要進階大廠UX要學(xué)會利用這5層模型覆蓋到設(shè)計方案中块请，讓你的整個方案從單純自嗨的視覺交互上升到具有業(yè)務(wù)說服力的維度娜氏。

這里我們在簡要列舉一下這5層要素都涵蓋了哪些子內(nèi)容：

戰(zhàn)略層：商業(yè)價值/目標(biāo)用戶/市場現(xiàn)狀與預(yù)期/項目挑戰(zhàn)與風(fēng)險/項目規(guī)劃

范圍層：項目背景和目標(biāo)/產(chǎn)品功能概述/非功能性需求（例如風(fēng)格訴求）

結(jié)構(gòu)層：產(chǎn)品結(jié)構(gòu)/信息架構(gòu)/頁面結(jié)構(gòu)/交互流程

框架層：信息設(shè)計/布局設(shè)計/交互設(shè)計

表現(xiàn)層：視覺設(shè)計

以上內(nèi)容并不要求每個同學(xué)都一一列舉，深入了解负乡，大家可以依照自己的精力由淺入深的逐步加深了解與應(yīng)用牍白。從高級UX到UX設(shè)計專家的未來之路很大一部分也是依賴著這5要素的應(yīng)用深度而走的。（PS：篇幅有限就不一一舉例給大家抖棘，可以自行搜索學(xué)習(xí)茂腥，或者等我以后一一碼給你們）

2.設(shè)計方法論

在我們還當(dāng)著快樂小ui的時候，常常也會關(guān)注一些交互理論定律切省，比如什么神奇數(shù)字 7±2 法則最岗、菲茨定律、接近法則等等朝捆。但基本不太會接觸體驗設(shè)計的方法論般渡，而這恰恰好正是非常重要的進階之鑰。

以下同樣給大家列舉平時我們比較實用的體驗設(shè)計方法論（之前有同學(xué)要求出個合集芙盘，這就來了）：

（1）SWOT模型-優(yōu)劣勢分析法

（2）雙鉆模型-結(jié)構(gòu)化設(shè)計方法

（3）Kano模型-用戶需求分類優(yōu)先級模型

（4）GSM指標(biāo)-Google體驗團隊提出的指標(biāo)體系

（5）五度模型-Google heart模型本土化版驯用，常與GSM合并使用分析活動各數(shù)據(jù)指標(biāo)

（6）GUCDR模型-設(shè)計推導(dǎo)模型

（7）...

雙鉆模型

體驗設(shè)計的方法論遠(yuǎn)不止以上我列舉的這些，大家可以在職業(yè)生涯慢慢沉淀儒老，把他們一一應(yīng)用起來蝴乔。當(dāng)有一天你發(fā)現(xiàn)你的作品集不再是僅僅用幾張界面圖就可以表達(dá)的了，就說明你已經(jīng)基本進階成功了驮樊。（這里同樣篇幅原因薇正，以后有機會再結(jié)合案例給大家一一分享片酝。）

3.工作流

上文也提及過UX的工作覆蓋度非常大，這個大的邊界與范圍非常的模糊挖腰，可以用蝙蝠俠里面的一句臺詞概括就是：“With great power comes great responsibility（能力最大雕沿，責(zé)任越大）”雖然不保證錢也越多，但是你的競爭力一定會越強猴仑。

從UI進階到UX之后我們需要接觸哪些新的工作流呢审轮？

（1）用戶調(diào)研：定量調(diào)研/定性調(diào)研

（2）市場調(diào)研：競品分析（市場/功能/設(shè)計等維度）

（3）設(shè)計決策：焦點小組/用戶體驗地圖

（4）體驗評估：可用性測試

（5）體驗優(yōu)化：用戶體驗路徑/流程漏斗

（6）效果驗證：A、B測試/埋點數(shù)據(jù)

以上基本就是一個基礎(chǔ)完整的UX工作流了宁脊，中間的步驟依然會根據(jù)團隊的資源配比以及業(yè)務(wù)的推進速度來做有效的跳過與投入比調(diào)整断国，能完整走一遍的團隊業(yè)務(wù)其實微乎其微，但是復(fù)盤的時候我們又一定會把這些流程補上榆苞，因為這些工作還是有利于我們下一個版本的改進與優(yōu)化的。

三.思維意識層的轉(zhuǎn)變

1.從整體到局部

初來某Di的時候常常被老板教育要有大局觀霞捡，那么到底啥樣才是有大局觀呢坐漏？其實無論是UI還是UX在工作和跳槽中都需要遇到設(shè)計決策和設(shè)計方案說明的時候，兩者思考執(zhí)行的路徑以及表述的邏輯碧信，區(qū)別就在于思考的維度赊琳。

擁有大局觀的開始從脫離細(xì)節(jié)的沉浸式表達(dá)開始，嘗試先了解整體大局（大到戰(zhàn)略業(yè)務(wù)目標(biāo)砰碴，小也到本次項目的產(chǎn)品目標(biāo)）躏筏，再落地設(shè)計細(xì)節(jié)。

再通俗一點來說就是陳訴方案時避免從icon粗細(xì)呈枉、卡片圓角多少px趁尼、配色多少種等執(zhí)行細(xì)節(jié)開始描述，先給出項目的背景與業(yè)務(wù)目標(biāo)猖辫，通過競品比對等分析后得出對應(yīng)設(shè)計策略酥泞，再細(xì)節(jié)表述每個設(shè)計策略對應(yīng)的落地視覺和交互方式是什么，這樣就會慢慢靠近一個有大局觀的UX思維啃憎。

2.如何不知不覺的說出黑話

大家估計也都發(fā)現(xiàn)了芝囤，很多大廠都有自己各自的特色黑話系統(tǒng)（就是生怕別人聽懂了就不高端了的各種專業(yè)方言），比如某Di的“抓手”辛萍、“用戶心智”悯姊、“夯實”等。剛開始的時候非常努力的只是入鄉(xiāng)隨俗也開始用這些詞匯贩毕，但在之后的述職悯许、面試中突然發(fā)現(xiàn)這些詞匯的好用之處，就是它們確實能以簡短的詞匯很精準(zhǔn)的表達(dá)出業(yè)務(wù)目的耳幢，且使得你的整個表述過程都非常的專業(yè)以及“不明覺厲”岸晦。

對于黑話的建議大家適度了解即可欧啤，它只是個調(diào)味劑，如果感興趣的童鞋可以多看大廠的復(fù)盤類文章或找在大廠的同學(xué)聊聊天启上。

四.加送2條快速升級的錦囊

雖然我們都不喜歡販賣焦慮邢隧，但是你明明可以提前“富起來”為啥不呢？下文冒著得罪各位前輩的風(fēng)險給大家分享職場真相：

1.不是所有項目對你都有意義

在做互聯(lián)網(wǎng)設(shè)計工作的起始冈在，幾乎無一例外的老板們都會要求你深度沉浸在業(yè)務(wù)線中倒慧，無限投入精力做該業(yè)務(wù)賽道上的需求。但實際上并不是所有的業(yè)務(wù)線上項目都對你的職業(yè)成長起到加速作用包券，完全沉浸在業(yè)務(wù)線中的你也許是個好學(xué)生纫谅，但不一定是個聰明的學(xué)生。

繼承老板們的意志溅固，你會獲得暫時的晉升付秕、暫時的無敵年終獎成績。但這并不代表你就真的變的很強侍郭，強到離開這條業(yè)務(wù)線離開這個老板询吴，也可以在任何地方都所向披靡。所以我覺得就如同學(xué)生時代一樣亮元，老板就如同老師猛计，尊重且學(xué)習(xí)，但不代表全盤接受與無腦跟隨爆捞，有自己的判斷和思考奉瘤，學(xué)會安排事情的優(yōu)先級與投入比例是非常重要的。

接下來說說什么樣的項目對轉(zhuǎn)型或升級更高職級的體驗設(shè)計師的職業(yè)生涯而言是有加速幫助的：

（1）可被量化的項目（即可獲得正向數(shù)據(jù)反饋的項目）

（2）大型設(shè)計系統(tǒng)0-1搭建類項目

（3）線上組件庫搭建項目

（4）落地后可能橫向影響其他部門或業(yè)務(wù)的項目

（5）自驅(qū)創(chuàng)新類設(shè)計項目

如果你是個想要快速進階大廠UX的初中高級設(shè)計師煮甥，發(fā)現(xiàn)你的工作中沒有覆蓋以上5點其中2點的項目盗温，建議思考是否被高強度業(yè)務(wù)線基礎(chǔ)需求擠壓了自己的成長沉淀空間。

2.不要依賴培訓(xùn)班給你加速

不建議大家盲目依賴培訓(xùn)班來提升自己的原因主要是2個苛秕，以下僅代表個人觀點：

（1）現(xiàn)在市面上的培訓(xùn)良莠不齊肌访，為了商業(yè)利益沒有實在可靠幫助的占多數(shù)，大家單依靠自己有時候不容易判斷艇劫。很多時候是聽的時候不明覺厲吼驶，但是事后才發(fā)現(xiàn)好像對自己的職業(yè)生涯沒有任何轉(zhuǎn)變幫助，白白浪費了金錢和時間店煞。

（2）嘗試自己梳理知識體系雖然剛開始不知從何下手蟹演，但你會獲得除專業(yè)外額外的能力值：整合、歸納顷蟀、自驅(qū)的能力酒请。也許專業(yè)上涉及的知識點有所不同，但互聯(lián)網(wǎng)設(shè)計師乃至大多數(shù)職業(yè)都需要這3個能力去支撐你在職業(yè)生涯里走的比別人更快更好鸣个。

如果還有童鞋不知該從何開始梳理羞反，這里推薦大家從看幾個平臺的推文開始（我自己平時看的）：

優(yōu)設(shè)（每日更新精選設(shè)計類文章）

人人都是產(chǎn)品經(jīng)理（產(chǎn)品設(shè)計/交互體驗類文章）

各大廠的官方公號

看多了之后你就會頓悟出哪些類型的知識可以進行劃分歸納布朦，建立自己的知識體系，再把他們都應(yīng)用到實際工作案例中昼窗。前期開始會藍(lán)瘦香菇是趴，但慢慢摸索出自己的學(xué)習(xí)方法論之后你就不用再氪金去冒險尋求加速了，因為憑借一己之力可以在同等性價比下更快更強hiahia~

微信公眾號：Nana的設(shè)計錦囊澄惊，原創(chuàng)文章唆途，轉(zhuǎn)載請聯(lián)系作者蟹蟹。