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

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

1 UED/UXD

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

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

2、IXD

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

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

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

3、GUI

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

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

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

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

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

4、WUI

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

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

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

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

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

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