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

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

在分析進(jìn)階方法之前，先磨刀不誤砍柴工的理清3個(gè)問(wèn)題：

    > 定義兩者差距

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

    > 找到進(jìn)階的理由

1. 從UI到UX的距離

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

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

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

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

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

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

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

3. 進(jìn)階后你能獲得怎樣的有效職場(chǎng)收獲

其實(shí)從普通UI轉(zhuǎn)變?yōu)榇髲S的UX是個(gè)挺心累的過(guò)程，時(shí)常在各種操心與壓力中懷念當(dāng)初當(dāng)一個(gè)快樂(lè)UI小美工的日子，安安靜靜的追逐每個(gè)圖標(biāo)1像素的精致。但是為何還是要轉(zhuǎn)變，想起之前有個(gè)讀者聊天時(shí)說(shuō)的話，「要說(shuō)開(kāi)心呢還是小時(shí)候最開(kāi)心，畢竟開(kāi)心和掙錢(qián)是很難兼得的」。

進(jìn)階為大廠UX之后，雖然你要做的事情變多了，但是你做的事情的含金量卻是顯著提升的。這里我們舉例說(shuō)明，一般大廠成熟業(yè)務(wù)線對(duì)UX的日常業(yè)務(wù)型需求都不會(huì)太多，你有足夠的時(shí)間去好好思考業(yè)務(wù)訴求，進(jìn)行發(fā)散和沉淀，甚至還能擠出時(shí)間是不是搞個(gè)自驅(qū)項(xiàng)目。這對(duì)于你之后再選擇你的職業(yè)道路都有著跳板一般的作用，拿到大廠UX背書(shū)之后，你既可以退而求其次，也可以更輕松的追逐更高更有「利」的平臺(tái)與職級(jí)，也就是說(shuō)，進(jìn)階就意味著選擇權(quán)把握在自己手里。

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

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

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

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

這里我們?cè)诤?jiǎn)要列舉一下這5層要素都涵蓋了哪些子內(nèi)容：

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

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

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

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

    >表現(xiàn)層：視覺(jué)設(shè)計(jì)

以上內(nèi)容并不要求每個(gè)同學(xué)都一一列舉，深入了解，大家可以依照自己的精力由淺入深的逐步加深了解與應(yīng)用。從高級(jí)UX到UX設(shè)計(jì)專家的未來(lái)之路很大一部分也是依賴著這5要素的應(yīng)用深度而走的。

2. 設(shè)計(jì)方法論

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

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

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

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

    >Kano模型-用戶需求分類(lèi)優(yōu)先級(jí)模型

    >GSM指標(biāo)-Google體驗(yàn)團(tuán)隊(duì)提出的指標(biāo)體系

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

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

    >…

△ 雙鉆模型

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

3. 工作流

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

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

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

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

• 設(shè)計(jì)決策：焦點(diǎn)小組/用戶體驗(yàn)地圖

• 體驗(yàn)評(píng)估：可用性測(cè)試

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

• 效果驗(yàn)證：A、B測(cè)試/埋點(diǎn)數(shù)據(jù)

以上基本就是一個(gè)基礎(chǔ)完整的UX工作流了，中間的步驟依然會(huì)根據(jù)團(tuán)隊(duì)的資源配比以及業(yè)務(wù)的推進(jìn)速度來(lái)做有效的跳過(guò)與投入比調(diào)整，能完整走一遍的團(tuán)隊(duì)業(yè)務(wù)其實(shí)微乎其微，但是復(fù)盤(pán)的時(shí)候我們又一定會(huì)把這些流程補(bǔ)上，因?yàn)檫@些工作還是有利于我們下一個(gè)版本的改進(jìn)與優(yōu)化的。

思維意識(shí)層的轉(zhuǎn)變

1. 從整體到局部

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

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

再通俗一點(diǎn)來(lái)說(shuō)就是陳訴方案時(shí)避免從icon粗細(xì)、卡片圓角多少px、配色多少種等執(zhí)行細(xì)節(jié)開(kāi)始描述，先給出項(xiàng)目的背景與業(yè)務(wù)目標(biāo)，通過(guò)競(jìng)品比對(duì)等分析后得出對(duì)應(yīng)設(shè)計(jì)策略，再細(xì)節(jié)表述每個(gè)設(shè)計(jì)策略對(duì)應(yīng)的落地視覺(jué)和交互方式是什么，這樣就會(huì)慢慢靠近一個(gè)有大局觀的UX思維。

2. 如何不知不覺(jué)的說(shuō)出黑話

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

加送2條快速升級(jí)的錦囊

雖然我們都不喜歡販賣(mài)焦慮，但是你明明可以提前「富起來(lái)」為啥不呢？下文冒著得罪各位前輩的風(fēng)險(xiǎn)給大家分享職場(chǎng)真相：

1. 不是所有項(xiàng)目對(duì)你都有意義

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

繼承老板們的意志，你會(huì)獲得暫時(shí)的晉升、暫時(shí)的無(wú)敵年終獎(jiǎng)成績(jī)。但這并不代表你就真的變的很強(qiáng)，強(qiáng)到離開(kāi)這條業(yè)務(wù)線離開(kāi)這個(gè)老板，也可以在任何地方都所向披靡。所以我覺(jué)得就如同學(xué)生時(shí)代一樣，老板就如同老師，尊重且學(xué)習(xí)，但不代表全盤(pán)接受與無(wú)腦跟隨，有自己的判斷和思考，學(xué)會(huì)安排事情的優(yōu)先級(jí)與投入比例是非常重要的。

接下來(lái)說(shuō)說(shuō)什么樣的項(xiàng)目對(duì)轉(zhuǎn)型或升級(jí)更高職級(jí)的體驗(yàn)設(shè)計(jì)師的職業(yè)生涯而言是有加速幫助的：

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

• 大型設(shè)計(jì)系統(tǒng)0-1搭建類(lèi)項(xiàng)目

• 線上組件庫(kù)搭建項(xiàng)目

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

• 自驅(qū)創(chuàng)新類(lèi)設(shè)計(jì)項(xiàng)目

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

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

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

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

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

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

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