在國(guó)內(nèi)UX是指交互設(shè)計(jì)的一個(gè)崗位，可在國(guó)外UX設(shè)計(jì)師已經(jīng)是一個(gè)包括了UX、UI甚至包括了前端的工作。那UI設(shè)計(jì)學(xué)習(xí)UX，要怎么開始呢？

最近阿里的全鏈路設(shè)計(jì)師的概念很火，在互聯(lián)網(wǎng)行業(yè)中，現(xiàn)在很多公司都在將公司的UI和UX的職位合并為一個(gè)角色，學(xué)習(xí)交互設(shè)計(jì)知識(shí)成為一個(gè)全鏈路設(shè)計(jì)師是當(dāng)下很多設(shè)計(jì)師的目標(biāo)，而UI設(shè)計(jì)師在學(xué)習(xí)交互的時(shí)候就會(huì)碰到很多的迷茫，不知道如何跨出第一步。

其實(shí)UX這個(gè)概念在國(guó)內(nèi)大多數(shù)是指的是交互設(shè)計(jì)一個(gè)崗位，其實(shí)在國(guó)外UX設(shè)計(jì)師已經(jīng)是一個(gè)包括了UX、UI甚至包括了前端的工作。

根據(jù)用戶體驗(yàn)的概念：用戶在使用產(chǎn)品時(shí)的該產(chǎn)品，給予用戶的所有交互反饋，用戶的心里和情感發(fā)生的波動(dòng)和變化。

國(guó)外的UX設(shè)計(jì)師的工作其實(shí)囊括了：

• 最基本的，產(chǎn)品的使用外觀，也就是國(guó)內(nèi)所講的產(chǎn)品的UI；
• 產(chǎn)品提供的樂趣，也可以說，是一些用戶在使用產(chǎn)品中，能有一些超出自己心理預(yù)期的使用感受；
• 可用性，也就是能幫助用戶順利完成功能需求的目標(biāo)。所以國(guó)外的UX設(shè)計(jì)師的工作，其實(shí)是負(fù)責(zé)了整個(gè)產(chǎn)品的體驗(yàn)設(shè)計(jì)，包括了除了正確的設(shè)計(jì)排版和顏色搭配外，他還會(huì)去研究用戶，去做產(chǎn)品的可用性方面的研究。

反觀國(guó)內(nèi)，UX設(shè)計(jì)師，也就是我們?nèi)粘Ｋv的交互設(shè)計(jì)師，對(duì)于很多剛?cè)腴T的UI設(shè)計(jì)師朋友來說是個(gè)神秘組織，不知道他們究竟是在做什么事情？也不知道自己如果想加入U(xiǎn)X設(shè)計(jì)的行列，應(yīng)該做哪些努力？

我們?cè)诟鞔笳衅妇W(wǎng)站上看到的BAT，或者TMD（頭條、美團(tuán)、滴滴）這些大公司放出的交互設(shè)計(jì)師需求中經(jīng)?？梢钥吹剑涸诔吮匾?jīng)驗(yàn)和學(xué)歷之外，在JD（職位簡(jiǎn)介）中也經(jīng)常會(huì)加入：“希望你是一個(gè)有個(gè)性有自己追求的人、能有所堅(jiān)持、對(duì)新生事物抱有強(qiáng)烈的興趣和樂于分析”這些看起來跟這個(gè)職位沒有一點(diǎn)關(guān)系的要求。

那么想成為一個(gè)交互設(shè)計(jì)師，究竟應(yīng)該具備什么樣的素質(zhì)，或者說我們需要去學(xué)習(xí)哪些學(xué)科呢？

事實(shí)上用戶體驗(yàn)設(shè)計(jì)知識(shí)涵蓋的學(xué)科是巨大的，它的內(nèi)容可以包括：“工業(yè)設(shè)計(jì)、人機(jī)交互、視覺傳達(dá)、藝術(shù)設(shè)計(jì)、計(jì)算機(jī)、心理學(xué)等等。”單獨(dú)拿一個(gè)出來，它都是一個(gè)獨(dú)立的學(xué)科可以讓你在大學(xué)里面苦讀四年，這么巨大的知識(shí)還不是單獨(dú)存在的，相反這些學(xué)科在用戶體驗(yàn)設(shè)計(jì)的知識(shí)體系中是相互重疊的。

但是你想成為一名交互設(shè)計(jì)師，并不需要你去成為所有可能的垂直領(lǐng)域的專家，也就是說你并不需要了解關(guān)于用戶體驗(yàn)知識(shí)的每一個(gè)方面，你也做不到了解每一個(gè)方面的知識(shí)。

查看了很多國(guó)外對(duì)這個(gè)概念的表述，其實(shí)國(guó)外對(duì)于這個(gè)概念的觀點(diǎn)是比較偏向于Graghic Design to UX Design，就是圖形設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)的轉(zhuǎn)變。這也就說明了UI設(shè)計(jì)師向UX設(shè)計(jì)師轉(zhuǎn)變的關(guān)鍵其實(shí)也就是——設(shè)計(jì)師本身的視覺思維向以用戶為中心的設(shè)計(jì)思維的轉(zhuǎn)變。

所以作為一個(gè)UI設(shè)計(jì)師入門UX設(shè)計(jì)，我覺得我們可以這樣開始：先不要去啃關(guān)于交互設(shè)計(jì)的任何書籍，什么《交互設(shè)計(jì)的精髓》《交互設(shè)計(jì)沉思錄》啊啥的厚厚一本看著頭暈。

首先我們作為一個(gè)自然人，我們可以從自己日常的周遭觀察起，學(xué)會(huì)去批判去吐槽一切自己不滿意和給自己造成不好體驗(yàn)的地方，也努力去創(chuàng)造一個(gè)給別人好的體驗(yàn)的一個(gè)自己。

舉好多例子：

你去銀行的自助辦卡機(jī)辦卡的時(shí)候，你覺得整個(gè)自助辦卡流程非常繁瑣，你內(nèi)心很煩躁。

你開始發(fā)現(xiàn)：一些人機(jī)交互問題，并會(huì)思考如果你是這個(gè)產(chǎn)品的交互設(shè)計(jì)師的話，你會(huì)怎么改造它的體驗(yàn)？你開始主動(dòng)地與人交談并讓對(duì)方覺得舒服，對(duì)方愿意跟你分享他的信息。

UX設(shè)計(jì)，很大程度是通過迭代解決問題和修復(fù)體驗(yàn)的一個(gè)過程，體驗(yàn)問題的識(shí)別很多情況下，是通過用戶調(diào)研發(fā)現(xiàn)的。而用戶調(diào)研則是十分考驗(yàn)?zāi)闩c用戶的聊天和獲取關(guān)鍵信息的技巧，當(dāng)你開始讓與你交談的人感到放松并愿意分享，其實(shí)你已經(jīng)開始掌握一些用戶心理研究和訪談的技巧了

你在畫界面的時(shí)候開始刻意去繁就簡(jiǎn)，并加入一些創(chuàng)意性的互動(dòng)。

UI設(shè)計(jì)師傾向于追求像素美學(xué)，確保排版和配色的合理巧妙，占據(jù)了平時(shí)很大部分的工作時(shí)間。而UX設(shè)計(jì)師主要關(guān)注用戶，關(guān)注用戶與產(chǎn)品之間的關(guān)系，并尋找方法來確保產(chǎn)品滿足用戶的關(guān)鍵需求。當(dāng)你開始這么做的時(shí)候，其實(shí)你已經(jīng)開始知道有效的信息傳遞才是最重要的，而不是在有限的移動(dòng)端界面上夸張的炫技。

你慢慢在培養(yǎng)自己對(duì)數(shù)字的敏感度，并且分析數(shù)字背后的指代含義。這時(shí)候你開始參與到分析各種設(shè)計(jì)動(dòng)作對(duì)用戶行為的影響。你甚至嫌棄自己小區(qū)的電梯按鈕設(shè)計(jì)，覺得它的設(shè)計(jì)反人類的不好用。

這些都是合理的，因?yàn)榻换ゲ⒉粌H僅局限在人跟一塊屏幕，而是人跟這個(gè)世界周遭產(chǎn)生的互動(dòng)等等……

就是從這些看起來很細(xì)微的改變開始，不用刻意去學(xué)習(xí)關(guān)于用戶體驗(yàn)的所有學(xué)科。隨著時(shí)間的推移，你將會(huì)開始熟悉用戶體驗(yàn)的幾個(gè)學(xué)科，并自然地傾向某一個(gè)領(lǐng)域。當(dāng)你察覺到自己的這個(gè)細(xì)分的興趣領(lǐng)域之后，在找相關(guān)的書籍和資料去縱向切去，我覺得應(yīng)該收獲一個(gè)豁然開朗的結(jié)果。

期間，你也可以選擇一個(gè)大廠的APP，做一個(gè)很費(fèi)時(shí)間，但結(jié)果卻對(duì)自己的交互邏輯思維很有幫助的事情。那就是把一款A(yù)PP上的所有頁面和所有的狀態(tài)表現(xiàn)都截圖下來，包括各種極端場(chǎng)景下的APP所展示的各種UI表現(xiàn)都截圖記錄下來，然后用一個(gè)編輯思維邏輯的工具，用線條把各個(gè)按鈕的觸發(fā)后的跳轉(zhuǎn)情況都連接起來，你會(huì)發(fā)現(xiàn)整個(gè)產(chǎn)品的最終會(huì)是一個(gè)閉環(huán)。

頁面一般從哪里進(jìn)去就會(huì)從哪里出來，有時(shí)候在不同場(chǎng)景下UI所表現(xiàn)出來的結(jié)果是不一樣的。簡(jiǎn)單的表單頁，就有那么的狀態(tài)和在極端場(chǎng)景下的各種表現(xiàn)，原來不同的操作APP會(huì)給出相對(duì)應(yīng)的不同的反饋，原來一款A(yù)PP的交互設(shè)計(jì)，需要思考的場(chǎng)景和定義的交互規(guī)則實(shí)在是太多了等等。

這些都是需要你自己去整理和感受，最后可能你對(duì)UX設(shè)計(jì)這個(gè)崗位有全新的認(rèn)識(shí)。

UX設(shè)計(jì)師一定程度上，就是一個(gè)發(fā)現(xiàn)問題并解決問題的一個(gè)過程，所以這也是為什么一開始講的，我們要去發(fā)現(xiàn)和吐槽身邊的體驗(yàn)問題，并思考換成你的話要怎么去解決。我們甚至細(xì)心的話，也能發(fā)現(xiàn)一些產(chǎn)品的體驗(yàn)問題。

比如：我在2016年6月3日使用安卓端想退出登錄PC端的微信的時(shí)候，微信給予了我這樣的反饋如下圖所示：

當(dāng)時(shí)看到這個(gè)界面我思考至少4秒鐘的時(shí)間，這個(gè)頁面跟用戶的溝通就沒那么美好了。

按照提示內(nèi)容“是否退出Windows微信？”

其實(shí)，選項(xiàng)的內(nèi)容就直接給“是”和“否”就非常的簡(jiǎn)單明了，用戶不用思考完成自己的操作。所以這是一個(gè)文案上的問題，但是不要忘記了，文案對(duì)于一款產(chǎn)品的體驗(yàn)來說也是非常關(guān)鍵的一個(gè)元素，這個(gè)界面后來也截圖然后提交給微信的BUG反饋。

慢慢地你開始有了自己的交互觀點(diǎn)，并在日常的工作中去輸出并對(duì)產(chǎn)品的交互體驗(yàn)產(chǎn)生影響。

一開始，你可以僅僅通過一些小的交互細(xì)節(jié)去提出自己的想法和建議，往往就能刷新你的領(lǐng)導(dǎo)、產(chǎn)品或者交互設(shè)計(jì)師對(duì)你的看法。

比如：最近久發(fā)現(xiàn)一個(gè)交互設(shè)計(jì)師輸出結(jié)果的問題，在他的這份線框圖中，可以看出新的線框提供了一種跟原來的交互完全不同的刪除方式，這在同一款產(chǎn)品中是不被允許的。我們盡量追求在同一款產(chǎn)品中同類型的交互方式盡量追求相同，這也是產(chǎn)品一致性體驗(yàn)的一種表現(xiàn)。

你開始嘗試去輸出，這時(shí)候不要再去糾結(jié)什么工具了，UI設(shè)計(jì)師可能比較注重一款設(shè)計(jì)工具的掌握程度，才能做出相應(yīng)的設(shè)計(jì)效果，而UX設(shè)計(jì)師注重的是產(chǎn)品的交互邏輯和各頁面層級(jí)和跳轉(zhuǎn)效果的表達(dá)，所以結(jié)合自己的本身和團(tuán)隊(duì)的情況，去選擇一款適合自己的工具就OK了。

我也見過有的交互設(shè)計(jì)師用PPT或keynote來做交互設(shè)計(jì)的，而且還能做出頁面的交互動(dòng)效，同樣在輸出的時(shí)候能給UI設(shè)計(jì)師和程序猿很好的演示效果。

或許關(guān)于UI設(shè)計(jì)師向UX設(shè)計(jì)師邁出第一步對(duì)很多UI設(shè)計(jì)師來說，還有一個(gè)比較艱難的地方——就是從以前的悶聲作圖到你要和多人長(zhǎng)時(shí)間溝通的轉(zhuǎn)變。

畢竟用戶體驗(yàn)設(shè)計(jì)是關(guān)于設(shè)計(jì)師、同事、企業(yè)和用戶之間的協(xié)作，以獲得最有用和可用的產(chǎn)品。為此你還要擺脫內(nèi)心的枷鎖，盡可能地跟更多的人一起工作，以獲得他們的想法、見解和觀，避免獨(dú)自一個(gè)人浪費(fèi)很多時(shí)間地去冥思苦想。

最后想說：對(duì)于UI設(shè)計(jì)師來說一直都有一個(gè)對(duì)自己不太公平的事情，就是一些有經(jīng)驗(yàn)的UX設(shè)計(jì)師，總覺得UI設(shè)計(jì)師輸出的圖形美學(xué)，對(duì)產(chǎn)品的體驗(yàn)的提升沒有那么大，覺得良好的可用性勝過美觀。相反地，能讓用戶放松、傳遞品牌信息、創(chuàng)造一個(gè)良好的積極的第一印象、情感化的體驗(yàn)等等，這些都是得通過UI設(shè)計(jì)師輸出的圖形美學(xué)去表達(dá)。

當(dāng)然我們一直都在想讓自己變得更好，我們開始學(xué)習(xí)UX，學(xué)會(huì)站在用戶的角度去分析產(chǎn)品或者交互給到自己的線框或者草圖，多問為什么甚至提出自己的修改意見。

慢慢地你的上游需求方對(duì)你的看法和態(tài)度就會(huì)有所改變，你也獲得了一些除了輸出酷炫的圖形之外的成就感，有了自己真正在參與到一個(gè)產(chǎn)品中的感知，而不再是僅僅是給產(chǎn)品添加上你設(shè)計(jì)的皮膚。

（配圖來源網(wǎng)絡(luò)）

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

題圖來自作者