編輯：?土撥鼠? ?作者：Nana的設(shè)計錦囊?

轉(zhuǎn)載：優(yōu)設(shè)?https://www.uisdc.com/ui-to-ux#

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

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

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

定義兩者差距

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

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

1. 從UI到UX的距離

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

但在國內(nèi)為何UX變成了UI的進(jìn)階呢鹊漠？并不是像一些平臺所言的表現(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)化推進(jìn)轮纫，每天就是被畫界面的產(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團(tuán)隊負(fù)責(zé)览效。所以在一些大廠也仍然會在邊緣業(yè)務(wù)線或者新孵化的小項目組出現(xiàn)大量的純UI向定位却舀，通常去了這樣業(yè)務(wù)線的同學(xué)就會發(fā)現(xiàn)每日仍然還是沉浸在各種畫圖中無法自拔，甚至連做系統(tǒng)搭建和項目沉淀的時間都沒有锤灿。

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

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

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

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

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

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

要進(jìn)階大廠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è)計的方法論腺晾，而這恰恰好正是非常重要的進(jìn)階之鑰燕锥。

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

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

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

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

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

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

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

…

△ 雙鉆模型

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

設(shè)計法則合集：https://www.uisdc.com/zt/design-rules

3. 工作流

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

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

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

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

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

體驗評估：可用性測試

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

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

以上基本就是一個基礎(chǔ)完整的UX工作流了蜜自，中間的步驟依然會根據(jù)團(tuán)隊的資源配比以及業(yè)務(wù)的推進(jìn)速度來做有效的跳過與投入比調(diào)整菩貌，能完整走一遍的團(tuán)隊業(yè)務(wù)其實微乎其微，但是復(fù)盤的時候我們又一定會把這些流程補(bǔ)上重荠，因為這些工作還是有利于我們下一個版本的改進(jìn)與優(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é)聊聊天碍讯。

大廠復(fù)盤案例：https://www.uisdc.com/zt/redesign

加送2條快速升級的錦囊

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

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

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

繼承老板們的意志，你會獲得暫時的晉升始藕、暫時的無敵年終獎成績蒲稳。但這并不代表你就真的變的很強(qiáng)，強(qiáng)到離開這條業(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è)計項目

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

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

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

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

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