你知道UED/UXD、IXD、GUI到底是什么嗎?

UED/UXD、IXD、GUI到底是什么?你分清了嗎?國內(nèi)有很多剛?cè)胄械脑O(shè)計師和很多自媒體的訂閱號文章，經(jīng)常把UED/UXD、IXD、GUI這幾個專業(yè)術(shù)語搞混，并且層級關(guān)系都不準(zhǔn)確。我們曾經(jīng)做過一款H5的“UI設(shè)計師測試題”，列舉了以上幾個關(guān)系，發(fā)現(xiàn)有高達(dá)70%以上的人都做錯了，也證明了即使是一些從業(yè)多年的設(shè)計師，對它們彼此之間的定位還不清楚。

1 UED/UXD

UED和UXD其實是一個意思，只是國外和國內(nèi)的縮寫不同，導(dǎo)致很多人都產(chǎn)生了誤解，甚至完全曲解它們的意思。UE和UX都是User Experience的縮寫，而D則是Design(設(shè)計)的縮寫。UE是中國的普遍叫法，截取了兩個單詞的首字母;而UX是國外的叫法，國外習(xí)慣把“ex”縮寫成X，尤其是在谷歌、微軟等知名公司啟用這個縮寫以后而被定性，所以它們都是用戶體驗設(shè)計。也有一些公司把D解釋為Designer(用戶體驗設(shè)計師)——一個職位的名稱。

用戶體驗不僅是視覺上的，從開始看到，到用手觸碰，再到大腦的思考，較后是心里的感受等，這一系列的過程才是用戶體驗。用戶體驗包含五感的接觸、思維的邏輯，以及使用的心理，這些條件都是缺一不可的。

2、IXD

交互設(shè)計(Interaction Design)，是定義、設(shè)計人造系統(tǒng)行為的設(shè)計領(lǐng)域。它既包括軟件界面的交互，也包括硬件設(shè)備的交互。被人俗稱為“互動設(shè)計”，其實這個解釋并不完全準(zhǔn)確，尤其是交互設(shè)計師和互動設(shè)計師有很大區(qū)別?；釉O(shè)計更多地存在于網(wǎng)絡(luò)公司，早期的很多帶Flash動效的網(wǎng)站被稱為互動網(wǎng)站，所招聘的互動設(shè)計師通常就是另一種網(wǎng)頁設(shè)計師，它介于網(wǎng)頁和廣告之間，更多的是將創(chuàng)意視覺和網(wǎng)絡(luò)技術(shù)結(jié)合而做出成果。而交互設(shè)計涉及的領(lǐng)域就廣泛得多了。如果要給它們倆一個更容易解釋的定義，那么可以說互動設(shè)計相當(dāng)于你在跟系統(tǒng)對話，而交互設(shè)計就是你在跟系統(tǒng)心靈溝通。

當(dāng)使用一個APP(應(yīng)用程序)時，在不閱讀任何說明書的情況下，你就知道怎么用，知道自己在什么位置、在這里能做什么、下一步能去哪里，你知道如何回到剛才的位置，你知道你的一個操作行為是否有結(jié)果、會有什么結(jié)果。這些設(shè)計邏輯可能你沒有感覺到，但都是交互設(shè)計存在的案例。

所以，真正的好的交互設(shè)計，讓人感覺不到設(shè)計的存在，操作起來卻如行云流水般順暢。

3、GUI

目前，對于GUI有兩種解釋。一種是圖形用戶界面，簡稱GUI，也就是我們常說的UI設(shè)計師職位的正確稱呼;而另外一種是Game Interface Design，即游戲界面設(shè)計，但是在很多公司招聘時候也被寫成GUI，方便求職者理解。因此讓很多人都誤解“G”的含義，并且覺得3個字母比UI這兩個字母長，認(rèn)為GUI的級別就是較高的，這是非常嚴(yán)重的理解錯誤。在國內(nèi)，很多招聘平臺的設(shè)計崗位寫的是招聘“UI設(shè)計師”，其實正確的說法是“GUI設(shè)計師”，只是害怕混亂所以做了統(tǒng)稱，也讓大眾產(chǎn)生了很大的誤解。

GUI更多體現(xiàn)的是視覺部分，請大家注意兩個關(guān)鍵詞“圖形”和“界面”，說得再直白一點，就是軟件程序呈現(xiàn)的畫面都是圖形界面。

圖形用戶界面設(shè)計和游戲界面設(shè)計有很大的不同。從工作內(nèi)容上來看，較大的區(qū)別就是，圖形用戶界面設(shè)計師在畫一枚金幣圖標(biāo)的時候，是使用計算機(jī)軟件自帶的圓形，再添加一些其他的形狀、符號組合而成的，包括直接選取計算機(jī)中的配色，或者用不同的自帶效果樣式完成光影質(zhì)感的制作，其中應(yīng)用了大量的軟件工具。而游戲界面設(shè)計師是用數(shù)位板(也叫作手繪板)來完成的，圓形是用畫筆畫的，形狀符號也是用畫筆畫的，甚至光、影、質(zhì)感等都是由畫筆完成的，不會使用過多的軟件工具。所以，圖形用戶界面考驗的是設(shè)計師對軟件的熟練度和設(shè)計技巧的掌握，甚至美術(shù)功底并不是很強(qiáng)，通過練習(xí)也能達(dá)到令人賞心悅目的狀態(tài);而游戲界面設(shè)計師更多的是將自身的卓越美術(shù)功底和繪畫能力通過快捷的方式繪制在計算機(jī)中。

從行業(yè)發(fā)展上來講，兩者都有非常好的前景，只是界面設(shè)計師更多的是要提升多種軟件使用的熟練度和搭配協(xié)作，游戲界面設(shè)計師則需要強(qiáng)化自己的繪畫能力。當(dāng)然這并不代表二者不可以兼容，只是這樣的人才少之又少，畢竟一個人的時間和精力有限，需要先專精一項技能，再去完善自己的其他技能。

目前，國內(nèi)的GUI職責(zé)其實并不復(fù)雜，公司并沒有強(qiáng)制要求設(shè)計師懂得用交互設(shè)計和用戶體驗設(shè)計，設(shè)計師的職責(zé)就是做好視覺的界面，其他的由其他崗位來完成，因此在設(shè)計的時候較重要的就是注意風(fēng)格配色、圖形創(chuàng)意、層級關(guān)系梳理等。如何把界面做得美觀、吸引人，并且足夠合理，是GUI設(shè)計師的重要職責(zé)。

4、WUI

W是Web的縮寫，所以我們可以非常清楚地知道，WUI是網(wǎng)頁界面設(shè)計師的意思。早期的網(wǎng)頁設(shè)計不在UI設(shè)計師的工作職責(zé)范圍內(nèi)，但是由于現(xiàn)在設(shè)計的全能化、多樣性，UI設(shè)計師同時也要完成一些網(wǎng)頁設(shè)計，慢慢地網(wǎng)頁設(shè)計也就成為了UI設(shè)計師工作職責(zé)的一部分。

但是網(wǎng)頁設(shè)計和界面設(shè)計還是有非常大的不同的，一個得100分的網(wǎng)頁設(shè)計的設(shè)計師未必做得出60分的界面設(shè)計。同樣，一個做得出100分的界面設(shè)計的設(shè)計師未必能做得出60分的網(wǎng)頁設(shè)計。2011年，我在A4A為JEEP、路虎、克萊斯勒等客戶做網(wǎng)頁設(shè)計，再后來去了新浪做網(wǎng)頁設(shè)計師，更多的是官網(wǎng)的設(shè)計和企業(yè)網(wǎng)站的打造，在轉(zhuǎn)型做了UI設(shè)計師以后，原本以為這二者很相似，其實從業(yè)之后才發(fā)現(xiàn)二者有著天壤之別。

這二者有一個非常明顯的區(qū)別，就是操作的方式和區(qū)域范圍不同。網(wǎng)頁是利用鼠標(biāo)指針操作，其選擇單擊的精準(zhǔn)度在4像素左右;而手機(jī)是手指操作，低于24像素的觸碰操作基本上就非常難了。蘋果較早提出的44像素建議觸碰范圍，也慢慢被國內(nèi)演變成了“44像素法則”。界面設(shè)計更多的是規(guī)則和規(guī)范，而網(wǎng)頁設(shè)計更多的是視覺和創(chuàng)意的表現(xiàn)，建立的規(guī)范很少，僅新浪、網(wǎng)易等大型門戶網(wǎng)站，或淘寶、京東等電商類網(wǎng)站有規(guī)范。

5、邏輯層級關(guān)系

看完以上內(nèi)容，你是否對這些術(shù)語有更加深入的了解了呢?

人都是以感官為第一印象的生物，尤其是視覺印象。這其實就和UI設(shè)計中的GUI視覺部分相似。如果你跟他接觸，發(fā)現(xiàn)他懂禮貌，談話文雅不做作，用餐時甚至幫你拉開椅子，下車后幫你關(guān)閉車門，這些就是UI設(shè)計中IXD交互部分。而再深入地了解以后，你發(fā)現(xiàn)你和他有著相同的愛好，他做得一切都符合你想要的，他的靈魂和你產(chǎn)生了共鳴，這就是UI設(shè)計中的UED/UXD用戶體驗部分。