UI設(shè)計(jì)師和UX設(shè)計(jì)師的區(qū)別

UX和UI有什么區(qū)別？

我們可以先來(lái)說(shuō)UI。UI英文全稱是User Interface,也就是用戶界面。你現(xiàn)在用的手機(jī)操作界面、Windows系統(tǒng)或者M(jìn)ac操作系統(tǒng)的界面，還有App的界面等等，這些都是。一般我們把在顯示屏幕上的圖形用戶界面（GUI），都簡(jiǎn)稱為UI。

UX的英文全稱是User Experience,就是用戶體驗(yàn)，你也可以叫它UE。它是用戶使用產(chǎn)品的一種體驗(yàn)和感受，包括體驗(yàn)的行為、情感等方面。

UI，即用戶界面，人機(jī)交互這些都可以是UX（用戶體驗(yàn)）中的一部分。為什么這么說(shuō)呢？因?yàn)橛脩羰褂卯a(chǎn)品中，對(duì)用戶的視覺(jué)、觸覺(jué)等感受都是由界面或者功能以及交互引起的。當(dāng)然，這里也牽扯到了交互設(shè)計(jì)（Interaction Design）。

我們可以列舉一個(gè)非常簡(jiǎn)單的例子：

你要造一輛自行車，你的自行車造出來(lái)是什么樣子的，即什么顏色的？車座子、車輪子、車把等等這些的形狀、構(gòu)造等等是什么樣子的，都成為UI,也就是外觀；那么用戶購(gòu)買了你的自行車，肯定是用來(lái)騎行的。在騎行的時(shí)候，是否舒服？車速、加速怎樣？對(duì)外觀是不是喜歡等等，這些就是UX，即用戶體驗(yàn)了。

是不是很容易理解呢？

更簡(jiǎn)單的理解方法是這樣的：

UI就是你的眼睛所看到的的；UX是通過(guò)你的眼睛所看到的或者操作互動(dòng)過(guò)程在你的腦中產(chǎn)生的一種情感、感受。

嗯，UI設(shè)計(jì)師的日常工作內(nèi)容，偏重于視覺(jué)效果的設(shè)計(jì)，思考的更多的是：怎樣將你的產(chǎn)品設(shè)計(jì)的更好看，讓客戶或者用戶看著更好看。在這個(gè)過(guò)程中，也會(huì)涉及到一些交互設(shè)計(jì)的東西。

UX呢，可能偏重在交互設(shè)計(jì)方面更多一些，設(shè)計(jì)師的思考不僅僅是視覺(jué)上的美觀，還有在這個(gè)基礎(chǔ)上，盡可能讓使用者有更好的操作體驗(yàn)性。

從這張圖中我們可以看到：UI呢，重點(diǎn)是在布局設(shè)計(jì)、視覺(jué)設(shè)計(jì)和品牌的形象；而UX呢，包括了用戶研究、故事、用戶畫像和可用性測(cè)試等等內(nèi)容，它們之間有相通的地方，比如，線框原型、交互設(shè)計(jì)、界面設(shè)計(jì)等等方面。

其實(shí)，對(duì)于設(shè)計(jì)師來(lái)說(shuō)，不管是UI設(shè)計(jì)師還是UX設(shè)計(jì)師，最好是同時(shí)掌握UI和UX的技能。

為什么這么說(shuō)呢？你比方說(shuō)：交互原型圖是UX設(shè)計(jì)師做出來(lái)的可交互的黑白灰界面，以展示信息布局，并盡可能的去模擬用戶和界面之間的互動(dòng)場(chǎng)景。

UX設(shè)計(jì)師在工作的過(guò)程中，是要和UI設(shè)計(jì)師有溝通的，如果他的交互原型設(shè)計(jì)做的好了，就可以更清楚的傳達(dá)給UI交互的方式、信息的層級(jí)關(guān)系等，有利于UI的設(shè)計(jì)工作，減少返工修改；同時(shí)，也方便用戶體驗(yàn)的測(cè)試。

對(duì)UI來(lái)說(shuō)呢，給你一份交互原型，你可以更好地去判斷交互設(shè)計(jì)的合理性，也可以更好的從用戶體驗(yàn)的角度出發(fā)去設(shè)計(jì)界面。這樣可以避免只追求界面的“漂亮”，而忽略了用戶體驗(yàn)的重要性，出現(xiàn)返工修改的情況。

最后

人工智能的發(fā)展，是未來(lái)的一種必然的趨勢(shì)，對(duì)于UI設(shè)計(jì)師或者UX設(shè)計(jì)師來(lái)說(shuō)，都不能局限在自己所掌握的那點(diǎn)兒專業(yè)技能上。

智能設(shè)備+App界面的初級(jí)層次是UI視覺(jué)的設(shè)計(jì)需求，再進(jìn)一步的是交互體驗(yàn)，這會(huì)讓UX的價(jià)值越來(lái)越重要。

所以，設(shè)計(jì)師要改變自己的思維模式，拓展設(shè)計(jì)思路和設(shè)計(jì)方法，用前瞻性的眼光去做設(shè)計(jì)。