交互設(shè)計(jì)到底是什么？這篇文章告訴你！

說(shuō)起UI設(shè)計(jì)師，很多人已經(jīng)不陌生了，這份職業(yè)通常被貼上了高薪的標(biāo)簽，打開(kāi)各大招聘網(wǎng)站不難發(fā)現(xiàn)UI設(shè)計(jì)師的崗位需求多薪資好，網(wǎng)上隨處可見(jiàn)有人在提問(wèn)：“怎樣才能轉(zhuǎn)行到UI設(shè)計(jì)師”。但其實(shí)，UI設(shè)計(jì)師并不是互聯(lián)網(wǎng)設(shè)計(jì)崗的“終點(diǎn)”，很多UI設(shè)計(jì)師都把“轉(zhuǎn)型成交互設(shè)計(jì)師”放在自己的職業(yè)規(guī)劃中，那交互設(shè)計(jì)師究竟是做什么的，和UI設(shè)計(jì)的區(qū)別又在哪呢？

一、UI和UX到底是什么？

要轉(zhuǎn)型，首先就得了解UI 與 UX 到底是什么，略過(guò)那些繞口的英文名詞和冗長(zhǎng)的專(zhuān)業(yè)術(shù)語(yǔ)，其實(shí)這兩者的定義用人話(huà)表述起來(lái)很簡(jiǎn)單：「UI設(shè)計(jì)師」主要工作在于注重頁(yè)面的呈現(xiàn)效果，在考慮界面美觀(guān)程度對(duì)用戶(hù)體驗(yàn)的影響下，來(lái)進(jìn)行設(shè)計(jì)?！附换ピO(shè)計(jì)師」又稱(chēng)UX設(shè)計(jì)師，主要工作在于留住用戶(hù)。

關(guān)注用戶(hù)心理，去優(yōu)化交互流程等等這些途徑/方法，都是基于希望以更好地用戶(hù)體驗(yàn)來(lái)獲取用戶(hù)，留存用戶(hù)這個(gè)最終目的的。他的工作范疇也不僅僅是頁(yè)面設(shè)計(jì)，而是整體的產(chǎn)品設(shè)計(jì)。

二、UI設(shè)計(jì)師與UX設(shè)計(jì)師的具體區(qū)別

1、工作角度不同

—— 一個(gè)是被動(dòng)接收信息者，一個(gè)是提出問(wèn)題者

作為 UI 設(shè)計(jì)師，工作的落腳點(diǎn)是基于“用戶(hù)看到的這個(gè)頁(yè)面”。而 UX 設(shè)計(jì)師則更偏向于如何去引導(dǎo)用戶(hù)前往下一步，或者說(shuō)更簡(jiǎn)單的使用?；谶@一點(diǎn)，UI 設(shè)計(jì)師與 UX 設(shè)計(jì)師的工作思維有著截然不同的差別。UI 設(shè)計(jì)師大部分工作是等待產(chǎn)品經(jīng)理或者 UX 設(shè)計(jì)師發(fā)現(xiàn)頁(yè)面中存在的問(wèn)題，從而來(lái)進(jìn)行解決，屬于一個(gè)解決者的角色。而一個(gè)好的 UX 設(shè)計(jì)師則需要多維度的去考量產(chǎn)品，去發(fā)現(xiàn)產(chǎn)品中所存在的問(wèn)題，再與 UI 設(shè)計(jì)師一起來(lái)解決它。

圖源：behance

2、設(shè)計(jì)思維與用戶(hù)思維的差別

—— 一個(gè)是設(shè)計(jì)角度看界面，一個(gè)是從用戶(hù)的視角看待界面

UI 設(shè)計(jì)師的工作核心是用好的效果來(lái)為用戶(hù)提供良好的視覺(jué)體驗(yàn)，離不開(kāi)設(shè)計(jì)本身，因此在工作中，UI設(shè)計(jì)師絕大部分的重心都落在“如何讓頁(yè)面更好看”。而UX設(shè)計(jì)師，則需要更多的考慮用戶(hù)體驗(yàn)這一層，內(nèi)容如何才能與用戶(hù)有效互動(dòng)，引導(dǎo)用戶(hù)完成他所需要的步驟……這都是UX設(shè)計(jì)師需要思考的問(wèn)題。跳出設(shè)計(jì)這一層框架，不僅僅注重純視覺(jué)效果，以用戶(hù)更容易訪(fǎng)達(dá)到所需要的頁(yè)面作為第一準(zhǔn)則來(lái)進(jìn)行設(shè)計(jì)，做好產(chǎn)品內(nèi)容才是UX設(shè)計(jì)師的工作核心。

三、如何從UI設(shè)計(jì)師轉(zhuǎn)型至UX設(shè)計(jì)師？

利用閑暇時(shí)間的思考?—— 從記錄中總結(jié)學(xué)習(xí)

UI到UX的轉(zhuǎn)型，看似都在做設(shè)計(jì)，但實(shí)際上工作方法與思維大相徑庭，除了在日常工作中要轉(zhuǎn)換思維方式以外，多總結(jié)歸納是很重要的。

學(xué)會(huì)自己從他處采集靈感

多去使用一些交互設(shè)計(jì)優(yōu)秀的產(chǎn)品，在使用的過(guò)程中去揣摩其優(yōu)秀之處。即便是完全不同類(lèi)的產(chǎn)品，依然可以學(xué)習(xí)其產(chǎn)品的整體邏輯，并記錄下來(lái)。這個(gè)過(guò)程一定需要自己親自去使用、揣摩，而不是直接瀏覽他人總結(jié)出的“干貨”。我們每天都在吸收著海量的信息，這樣的瀏覽難以在腦海中形成深刻記憶，下次產(chǎn)品設(shè)計(jì)時(shí)是很難回憶起的。

養(yǎng)成記錄體驗(yàn)感的習(xí)慣

在使用自身或他人產(chǎn)品的同時(shí)，好的設(shè)計(jì)點(diǎn)隨時(shí)都應(yīng)該記錄在冊(cè)的，閑暇時(shí)可以歸納分析，積累關(guān)于如何優(yōu)化產(chǎn)品交互的思考，形成能運(yùn)用自如的方法論。

掌握數(shù)據(jù)分析能力

這個(gè)時(shí)代的用戶(hù)體驗(yàn)已經(jīng)是一個(gè)用數(shù)據(jù)說(shuō)話(huà)的階段了，通過(guò)數(shù)據(jù)分析能夠反映出用戶(hù)群體的產(chǎn)品使用情況。

以軟件注冊(cè)的轉(zhuǎn)化率為例，某個(gè)時(shí)間段如果注冊(cè)量暴漲，及時(shí)追蹤該數(shù)據(jù)，可以更好更及時(shí)的去分析定位原因。有了這些信息，對(duì)于產(chǎn)品迭代更新都有作用。掌握例如SQL 之類(lèi)的數(shù)據(jù)分析語(yǔ)言，能在履行其戰(zhàn)略制定工作時(shí)起到很大的作用。

提升基礎(chǔ)技能?—— 好的工具能讓工作完成起來(lái)事半功倍

UI 設(shè)計(jì)，其實(shí)可以看做 UX 設(shè)計(jì)師的一部分工作，因此設(shè)計(jì)能力依然是判斷 UX 設(shè)計(jì)師水平的強(qiáng)指標(biāo)。不是說(shuō)會(huì)使用一些 PS、AI 軟件就等于掌握了 UI 的設(shè)計(jì)，能簡(jiǎn)潔明了的傳遞給用戶(hù)頁(yè)面所需要表達(dá)的信息才是關(guān)鍵。當(dāng)然，一款好的矢量設(shè)計(jì)對(duì)于設(shè)計(jì)工作依然是非常重要的。

Pixso

你可以用Pixso做些什么呢？

在線(xiàn)設(shè)計(jì)！無(wú)需下載軟件占用電腦內(nèi)存，無(wú)需更新軟件，打開(kāi)web就可以開(kāi)始設(shè)計(jì)。

2. 多人實(shí)時(shí)協(xié)同工作！支持多位成員同時(shí)在一個(gè)文檔進(jìn)行操作，實(shí)時(shí)同步進(jìn)展。

3. 云端儲(chǔ)存！再也不用擔(dān)心沒(méi)帶源文件的尷尬，登錄賬號(hào)可以隨時(shí)隨地施展你的創(chuàng)意。

4. 團(tuán)隊(duì)共享資源庫(kù)！團(tuán)隊(duì)共用一套資源庫(kù)，組件和樣式均可復(fù)用，產(chǎn)品設(shè)計(jì)更加規(guī)范，設(shè)計(jì)流程更加便捷。

5. 一鍵交付設(shè)計(jì)稿！設(shè)計(jì)稿完成后，一鍵轉(zhuǎn)發(fā)給團(tuán)隊(duì)伙伴，標(biāo)注信息一應(yīng)俱全。對(duì)方打開(kāi)即可查看、編輯甚至導(dǎo)圖。

對(duì)于個(gè)人，它可以讓設(shè)計(jì)師隨時(shí)隨地繼續(xù)創(chuàng)作。

很多設(shè)計(jì)師都遭遇過(guò)下班后需要改稿卻沒(méi)有源文件的囧事，如果使用了有“一處存儲(chǔ)、多地使用”功能的Pixso就不會(huì)再出現(xiàn)這樣的情況，云儲(chǔ)存能直接解決Sketch這類(lèi)主流軟件所存在的問(wèn)題。并且因?yàn)殡S時(shí)上傳，電腦突然進(jìn)水、卡住重啟等突發(fā)情況，都不會(huì)丟失你的設(shè)計(jì)創(chuàng)意。

對(duì)于團(tuán)隊(duì)，它可以讓合作更高效。

與Figma相比，Pixso的網(wǎng)頁(yè)打開(kāi)速度穩(wěn)定——因?yàn)榉?wù)器設(shè)在國(guó)內(nèi)，Pixso的網(wǎng)頁(yè)使用感堪稱(chēng)絲滑，完全不存在延遲、卡頓等狀況，明顯強(qiáng)于其他大多數(shù)海外軟件，這一點(diǎn)對(duì)于抱著提升團(tuán)隊(duì)合作效率目的而來(lái)的用戶(hù)來(lái)說(shuō)，是非常關(guān)鍵的。

同時(shí)Pixso的自動(dòng)標(biāo)注也可以減少溝通成本 —— 在制作頁(yè)面的過(guò)程中，會(huì)實(shí)時(shí)生成代碼，甚至能清晰表達(dá)組件與組件之間的位置關(guān)系。

以往給前端頁(yè)面圖片時(shí)還需要進(jìn)行標(biāo)記，現(xiàn)在可以直接生成鏈接，可以同時(shí)完成預(yù)覽、評(píng)審等需要，直觀(guān)明了，減少不必要的溝通和溝通可能帶來(lái)的誤解。當(dāng)然還有重要的「無(wú)限制版本回溯」——做設(shè)計(jì)最崩潰莫過(guò)于改過(guò)N版以后，產(chǎn)品來(lái)一句：“還是第一版吧”。 Pixso的一鍵返回任意版本很完美的解決了丟失版本和重做的問(wèn)題。總的來(lái)說(shuō)這是一款幾乎沒(méi)有學(xué)習(xí)成本的在線(xiàn)設(shè)計(jì)軟件，上手很快，馬上就能使用 →https://pixso.design/