想要從UI進(jìn)階到UX，不僅需要在專業(yè)技能層上有所轉(zhuǎn)變，更需要在思維意識(shí)上有所進(jìn)階。本文作者結(jié)合自身經(jīng)歷，對(duì)具體需要轉(zhuǎn)變的幾個(gè)方面進(jìn)行了總結(jié)，與大家分享。

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

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

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

1. 定義兩者差距
2. 弄清兩者的生存環(huán)境
3. 找到進(jìn)階的理由

1. 從UI到UX的距離

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

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

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

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

之前有一些嘗試轉(zhuǎn)型的童鞋和我說：“啊，我們小公司的設(shè)計(jì)師根本沒有時(shí)間做UX的那些優(yōu)化推進(jìn)，每天就是被畫界面的產(chǎn)品需求擠壓著?！焙孟裎覀兙桶l(fā)現(xiàn)一個(gè)現(xiàn)象，資源越少、業(yè)務(wù)線產(chǎn)品生命周期越靠前的公司業(yè)務(wù)對(duì)于設(shè)計(jì)師的定位就越偏向視覺執(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)每日仍然還是沉浸在各種畫圖中無法自拔，甚至連做系統(tǒng)搭建和項(xiàng)目沉淀的時(shí)間都沒有。

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

其實(shí)從普通UI轉(zhuǎn)變?yōu)榇髲S的UX是個(gè)挺心累的過程，時(shí)常在各種操心與壓力中懷念當(dāng)初當(dāng)一個(gè)快樂ui小美工的日子，安安靜靜的追逐每個(gè)圖標(biāo)1像素的精致。

但是為何還是要轉(zhuǎn)變？想起之前有個(gè)讀者聊天時(shí)說的話，“要說開心呢還是小時(shí)候最開心，畢竟開心和掙錢是很難兼得的”。進(jìn)階為大廠UX之后，雖然你要做的事情變多了，但是你做的事情的含金量卻是顯著提升的。

這里我們舉例說明，一般大廠成熟業(yè)務(wù)線對(duì)ux的日常業(yè)務(wù)型需求都不會(huì)太多，你有足夠的時(shí)間去好好思考業(yè)務(wù)訴求，進(jìn)行發(fā)散和沉淀，甚至還能擠出時(shí)間是不是搞個(gè)自驅(qū)項(xiàng)目。這對(duì)于你之后再選擇你的職業(yè)道路都有著跳板一般的作用，拿到大廠UX背書之后，你既可以退而求其次，也可以更輕松的追逐更高更有“利”的平臺(tái)與職級(jí)，也就是說，進(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è)方案從單純自嗨的視覺交互上升到具有業(yè)務(wù)說服力的維度。這里我們?cè)诤喴信e一下這5層要素都涵蓋了哪些子內(nèi)容：

• 戰(zhàn)略層：商業(yè)價(jià)值/目標(biāo)用戶/市場現(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)/頁面結(jié)構(gòu)/交互流程
• 框架層：信息設(shè)計(jì)/布局設(shè)計(jì)/交互設(shè)計(jì)
• 表現(xiàn)層：視覺設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

（7）…

雙鉆模型

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

3. 工作流

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

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

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

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

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

（4）體驗(yàn)評(píng)估：可用性測試

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

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

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

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

1. 從整體到局部

初來某Di的時(shí)候常常被老板教育要有大局觀，那么到底啥樣才是有大局觀呢？其實(shí)無論是UI還是UX在工作和跳槽中都需要遇到設(shè)計(jì)決策和設(shè)計(jì)方案說明的時(shí)候，兩者思考執(zhí)行的路徑以及表述的邏輯，區(qū)別就在于思考的維度。擁有大局觀的開始從脫離細(xì)節(jié)的沉浸式表達(dá)開始，嘗試先了解整體大局（大到戰(zhàn)略業(yè)務(wù)目標(biāo)，小也到本次項(xiàng)目的產(chǎn)品目標(biāo)），再落地設(shè)計(jì)細(xì)節(jié)。

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

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

大家估計(jì)也都發(fā)現(xiàn)了，很多大廠都有自己各自的特色黑話系統(tǒng)（就是生怕別人聽懂了就不高端了的各種專業(yè)方言），比如某Di的“抓手”、“用戶心智”、“夯實(shí)”等。剛開始的時(shí)候非常努力的只是入鄉(xiāng)隨俗也開始用這些詞匯，但在之后的述職、面試中突然發(fā)現(xiàn)這些詞匯的好用之處，就是它們確實(shí)能以簡短的詞匯很精準(zhǔn)的表達(dá)出業(yè)務(wù)目的，且使得你的整個(gè)表述過程都非常的專業(yè)以及“不明覺厲”。對(duì)于黑話的建議大家適度了解即可，它只是個(gè)調(diào)味劑，如果感興趣的童鞋可以多看大廠的復(fù)盤類文章或找在大廠的同學(xué)聊聊天。

四、加送兩條快速升級(jí)的錦囊

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

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

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

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

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

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

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

（3）線上組件庫搭建項(xiàng)目

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

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

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

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

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

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

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

如果還有童鞋不知該從何開始梳理，可以多關(guān)注各設(shè)計(jì)平臺(tái)的發(fā)文以及各大廠的官方公號(hào)，看多了之后你就會(huì)頓悟出哪些類型的知識(shí)可以進(jìn)行劃分歸納，建立自己的知識(shí)體系，再把他們都應(yīng)用到實(shí)際工作案例中。前期開始會(huì)藍(lán)瘦香菇，但慢慢摸索出自己的學(xué)習(xí)方法論之后你就不用再氪金去冒險(xiǎn)尋求加速了，因?yàn)閼{借一己之力可以在同等性價(jià)比下更快更強(qiáng)hiahia~

作者：Nana，滴滴資深UX設(shè)計(jì)師，微信公眾號(hào)「Nana的設(shè)計(jì)錦囊」

本文由 @NaNa 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議