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

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

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

    > 定義兩者差距

    > 弄清兩者的生存環(huán)境

    > 找到進階的理由

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)品需求擠壓著�！购孟裎覀兙桶l(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)用深度而走的。

2. 設(shè)計方法論

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

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

    >SWOT模型-優(yōu)劣勢分析法

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

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

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

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

    >GUCDR模型-設(shè)計推導(dǎo)模型

    >…

△ 雙鉆模型

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

3. 工作流

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

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

• 用戶調(diào)研：定量調(diào)研/定性調(diào)研

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

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

• 體驗評估：可用性測試

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

• 效果驗證：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é)的沉浸式表達開始，嘗試先了解整體大局（大到戰(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)的表達出業(yè)務(wù)目的，且使得你的整個表述過程都非常的專業(yè)以及「不明覺厲」。

加送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è)生涯而言是有加速幫助的：

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

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

• 線上組件庫搭建項目

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

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

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

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

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

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

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

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

歡迎關(guān)注作者的微信公眾號：「Nana的設(shè)計錦囊」