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

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

1 UED/UXD

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

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

2、IXD

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

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

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

3、GUI

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

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

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

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

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

4、WUI

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

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

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

5、邏輯層級關系

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

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