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

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

例如，我們到一家餐館就餐（如下圖），從店外看到餐館內(nèi)部的建筑規(guī)模、牌匾大小等信息，會(huì)產(chǎn)生心理上的波動(dòng)，直接傳達(dá)給大腦思考——這家餐館看起來是否正規(guī)、場(chǎng)面是否氣派、請(qǐng)朋友吃飯是否夠檔次；其次是傳達(dá)心理感受——覺得心情愉快還是不愉快。僅僅從第一眼的視覺上就已經(jīng)讓我們產(chǎn)生了非常多的連鎖思維。

海底撈和街邊大排檔

進(jìn)入店面后，排隊(duì)的人非常多，所需等待的時(shí)間特別長，那么這個(gè)時(shí)候是否有人接待我們？我們是否有舒服悠閑的等待方式？可以接受店內(nèi)提供的什么服務(wù)來消除自己等待的焦躁？我們經(jīng)常會(huì)遇到這樣的情況：興高采烈地進(jìn)入一家店，由于人多導(dǎo)致需要排隊(duì)等候，但又無人理睬，幾次和服務(wù)人員溝通無果，最后氣憤地離開換下一家。很多飯店在這一步的用戶體驗(yàn)上就失敗了，導(dǎo)致用戶（顧客）的流失，而且也別想再從這位用戶身上獲得口頭廣告和再來一次的優(yōu)勢(shì)了。

就座后，是否有服務(wù)人員快速接待為你點(diǎn)餐？點(diǎn)餐后上菜速度是否讓你滿意？是否有多種調(diào)料滿足你的個(gè)性化定制？你在用餐時(shí)呼叫服務(wù)員是否能得到快速的反饋？就餐過程中是否有一些小樂趣或小節(jié)目讓你難忘？不要小看這一系列的小細(xì)節(jié)，尤其是用戶的反饋，這是極為重要的。設(shè)想你呼叫服務(wù)員，一次，兩次，三次……一直都沒有人理睬你，你還會(huì)用安靜、平和的語氣呼叫服務(wù)員嗎？

當(dāng)就餐結(jié)束后，如果你對(duì)整個(gè)過程都非常滿意，那么相信以后你會(huì)經(jīng)常光顧，甚至推薦給朋友，并為其免費(fèi)做宣傳。當(dāng)你再和朋友聚會(huì)時(shí)，你第一時(shí)間想到的就是這家餐廳，因?yàn)槟阋呀?jīng)享受到了良好的用戶體驗(yàn)。

感受到了嗎？用戶體驗(yàn)就在我們的生活中，在人機(jī)交互時(shí)代，越來越多的產(chǎn)品更加注重用戶體驗(yàn)。這其中，UI是必不可少的一部分，很多人覺得自己的產(chǎn)品有強(qiáng)大的后臺(tái)和交互就足夠了，表面的視覺效果只是華而不實(shí)的花衣裳。其實(shí)這種想法是錯(cuò)誤的，設(shè)想我們剛才說的火鍋店，當(dāng)你第一眼看到這家店時(shí)，牌匾歪斜，周圍堆放著垃圾，服務(wù)人員對(duì)你愛答不理，點(diǎn)餐不方便，餐具不知道在哪里，沒有洗手清潔措施等，你還會(huì)興高采烈地主動(dòng)走進(jìn)去嗎？

回歸到我們所說的界面。比如你在注冊(cè)一個(gè)新的賬號(hào)時(shí)，輸入完成后，點(diǎn)擊“下一步”按鈕，但是沒有任何反饋和提示，你不知道是網(wǎng)絡(luò)慢，還是服務(wù)器出現(xiàn)了問題，又或者是輸入的內(nèi)容錯(cuò)誤；當(dāng)你發(fā)現(xiàn)界面給了你輸入錯(cuò)誤的提示，但是卻不告訴你是用戶名重復(fù)、用戶名過長還是密碼大小寫錯(cuò)誤，又或者是二次確認(rèn)密碼不正確；當(dāng)你再次完成所有操作，點(diǎn)擊“下一步”按鈕，系統(tǒng)提示錯(cuò)誤，然后將你之前填寫的內(nèi)容全部清空（系統(tǒng)刷新），可能你填好了電話，填好了銀行賬號(hào)，填好了收貨地址，填好了你的個(gè)人履歷，可是僅僅因?yàn)殄e(cuò)了一個(gè)字母就全部清空；不僅如此，視覺上字太小，看不清楚上面寫的是什么，或者為了視覺效果特意將按鈕做得很隱蔽讓人找不到；上面是輸入賬號(hào)密碼，下面卻有“登錄”和“注冊(cè)”兩個(gè)按鈕，你完全搞不懂到底應(yīng)該點(diǎn)擊哪個(gè)，等等。以上這些雖然是很簡單的一個(gè)注冊(cè)界面，但是都體現(xià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ì)存在的案例。例如：

● 當(dāng)你第一次使用微信時(shí)，第一頁右上角有個(gè)加號(hào)，你認(rèn)為它可能用于添加好友或者創(chuàng)建一些東西；

● 當(dāng)聯(lián)系人給你發(fā)了一條消息，會(huì)產(chǎn)生一個(gè)紅色數(shù)字1的圓形氣泡，那么你知道這是提示你收到了一條消息并且需要查看這個(gè)消息；

● 點(diǎn)擊消息進(jìn)入到對(duì)話狀態(tài)，下面有空白的輸入框，你知道在這里可以輸入消息，旁邊的麥克風(fēng)圖標(biāo)代表可以發(fā)一些語音類的內(nèi)容；

● 而旁邊又出現(xiàn)了一個(gè)加號(hào)，說明還可以創(chuàng)建更多的命令和事情。

回想一下：這些操作是你看過一份冗長的產(chǎn)品使用說明書才會(huì)操作的？還是你一看界面就會(huì)使用的呢？當(dāng)然，微信也有一個(gè)至今都沒有解決的交互設(shè)計(jì)問題，就是朋友圈右上角的那個(gè)相機(jī)圖標(biāo)，如下圖所示。可能從你幾年前第一次使用微信時(shí)就有了這個(gè)提醒，但是無論微信怎么改版，這個(gè)部分仍然沒有改動(dòng)。因?yàn)楫?dāng)初設(shè)計(jì)的時(shí)候，使用了相機(jī)圖標(biāo)是為了鼓勵(lì)大家發(fā)圖片，發(fā)圖帶文字，而忽略了很多人只想寫一條純文字信息表達(dá)心情，所以就變成了“長按照相機(jī)按鈕發(fā)文字”的設(shè)計(jì)。這個(gè)操作聽起來很奇怪，為什么要按相機(jī)按鈕？相機(jī)按鈕不是拍照的嗎？怎么會(huì)變成發(fā)文字？導(dǎo)致很多用戶都是請(qǐng)教別人以后，才知道原來微信可以發(fā)文字。

微信點(diǎn)擊拍攝按鈕提醒

至今這個(gè)問題仍未解決，是因?yàn)榻鉀Q的成本太高。微信擁有非常大的用戶群體，而用戶群體還包含“高”齡用戶，比如40歲以上的人群，對(duì)他們來說，改變已經(jīng)習(xí)慣的事情是非常困難的，尤其是他已經(jīng)學(xué)會(huì)并且習(xí)慣了以后，再換一個(gè)新的習(xí)慣給他，會(huì)給他造成很大的困擾。這其實(shí)就是早期交互設(shè)計(jì)的失誤。當(dāng)然，你會(huì)有自己的想法：“把它改成一個(gè)筆的圖標(biāo)不就好了嗎？”“在旁邊再加一個(gè)文字按鈕不就可以了嗎？”把這些設(shè)想變成一個(gè)真實(shí)的操作，再去給身邊的人試試看，你就知道這件事情的復(fù)雜程度了。

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

3、GUI

目前，對(duì)于GUI有兩種解釋。一種是圖形用戶界面，簡稱GUI，也就是我們常說的UI設(shè)計(jì)師職位的正確稱呼；而另外一種是Game Interface Design，即游戲界面設(shè)計(jì)，但是在很多公司招聘時(shí)候也被寫成GUI，方便求職者理解。因此讓很多人都誤解“G”的含義，并且覺得3個(gè)字母比UI這兩個(gè)字母長，認(rèn)為GUI的級(jí)別就是最高的，這是非常嚴(yán)重的理解錯(cuò)誤。在國內(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)技能，再去完善自己的其他技能。

目前，國內(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像素建議觸碰范圍，也慢慢被國內(nèi)演變成了“44像素法則”。界面設(shè)計(jì)更多的是規(guī)則和規(guī)范，而網(wǎng)頁設(shè)計(jì)更多的是視覺和創(chuàng)意的表現(xiàn)，建立的規(guī)范很少，僅新浪、網(wǎng)易等大型門戶網(wǎng)站，或淘寶、京東等電商類網(wǎng)站有規(guī)范。
2013年，我作為公司用戶體驗(yàn)技術(shù)支持，為深圳航空公司打造移動(dòng)端APP。當(dāng)時(shí)設(shè)計(jì)執(zhí)行找了奧美（傳統(tǒng)4A廣告公司）的外包設(shè)計(jì)師，因?yàn)樗膹V告、網(wǎng)頁設(shè)計(jì)能力非常強(qiáng)，所以總公司決定將視覺外包給他來做，可是卻忽略了他沒有APP設(shè)計(jì)的經(jīng)驗(yàn)。當(dāng)我看到完成的APP界面以后完全傻眼了，因?yàn)閹缀醪荒苡?。他將界面按照網(wǎng)頁設(shè)計(jì)來做，或者說完全是當(dāng)作縮小的網(wǎng)頁設(shè)計(jì)來做的：按鈕可以觸碰的范圍非常小；不必要的素材合成圖片非常大；天氣界面部分使用的是國外開源的圖標(biāo)設(shè)計(jì)；還有“客服”兩個(gè)字按照網(wǎng)頁字號(hào)14像素大小設(shè)計(jì)，并且沒有任何按鈕邊框，讓人完全不清楚這是可以點(diǎn)擊的。當(dāng)時(shí)我指出這種設(shè)計(jì)是完全無法使用的，就算開發(fā)出來，肯定也要在短時(shí)間之內(nèi)就要進(jìn)行版本更新。但由于時(shí)間緊迫，公司決定還是給對(duì)方提案。最終那位設(shè)計(jì)師憑借優(yōu)秀的口才和現(xiàn)場(chǎng)講述能力贏得了項(xiàng)目。出于負(fù)責(zé)的心態(tài)，在溝通無果后，我退出了這次項(xiàng)目合作，也是我最終選擇離職創(chuàng)業(yè)的導(dǎo)火索。
半年后，應(yīng)用在蘋果商城上架，大眾用戶評(píng)分2.4分，吐槽和反饋一面倒，后來不得不推翻原版本進(jìn)行了版本更新，再次耗費(fèi)成本完善了產(chǎn)品。這些大型企業(yè)，在重視服務(wù)商強(qiáng)大背景的同時(shí)，卻沒有重視用戶體驗(yàn)，導(dǎo)致航空APP、鐵路售票APP、銀行APP等耗資巨大，UI設(shè)計(jì)卻差得可怕。
當(dāng)前之所以將WUI加入到UI設(shè)計(jì)師的職責(zé)當(dāng)中，最主要的原因是因?yàn)轫憫?yīng)式設(shè)計(jì)。
所謂的響應(yīng)式，也被俗稱為自適應(yīng)（也有一些傳統(tǒng)公司將其稱作三屏設(shè)計(jì)，三屏即計(jì)算機(jī)端、平板端、移動(dòng)端）。就是當(dāng)你設(shè)計(jì)的官網(wǎng)，在計(jì)算機(jī)端看到的是符合計(jì)算機(jī)屏幕的設(shè)計(jì)，而在手機(jī)端看到的，是自動(dòng)縮放調(diào)整成方便手機(jī)瀏覽的視覺效果。如圖1-6所示，分別是計(jì)算機(jī)端的蘋果官網(wǎng)截圖和手機(jī)端蘋果官網(wǎng)截圖，最直觀的就是二者導(dǎo)航的區(qū)別。我們知道，移動(dòng)端通常就是手機(jī)，且手機(jī)寬度都比較小，所以當(dāng)頂部導(dǎo)航比較多的時(shí)候，手機(jī)端瀏覽網(wǎng)頁的時(shí)候是肯定放不下的，那么就需要以折疊的方式進(jìn)行設(shè)計(jì)。

PC和移動(dòng)端的蘋果官網(wǎng)設(shè)計(jì)

一些公司發(fā)布招聘信息的人并不知道網(wǎng)頁設(shè)計(jì)師還有更詳細(xì)的電商設(shè)計(jì)師和互動(dòng)設(shè)計(jì)師的區(qū)分，所以WUI設(shè)計(jì)也有被招聘為電商設(shè)計(jì)師的，工作職責(zé)包括優(yōu)化淘寶天貓店鋪，做Banner設(shè)計(jì)，但是設(shè)計(jì)思維完全不同。例如，電商設(shè)計(jì)師在設(shè)計(jì)Banner的時(shí)候重視的是文字信息的閱讀，一些設(shè)計(jì)元素、圖標(biāo)圖形，可能直接使用網(wǎng)絡(luò)現(xiàn)成的素材拼接設(shè)計(jì)。而UI設(shè)計(jì)師則很少使用圖片，更多的是自己繪制每個(gè)元素，包括圖標(biāo)和真實(shí)的產(chǎn)品，也就是所謂的擬物設(shè)計(jì)、寫實(shí)圖標(biāo)等。
WUI和GUI還有一些不同，主要在于信息的傳遞。從物理設(shè)備來看，WUI更多地針對(duì)的是計(jì)算機(jī)設(shè)計(jì)，計(jì)算機(jī)的顯示器現(xiàn)在已經(jīng)普及到27英寸、29英寸等；而GUI針對(duì)移動(dòng)端界面，即手持設(shè)備，其界面大多為4.7英寸、5.5英寸。從數(shù)字上看，我們就能想象到信息的獲取量了，WUI需要更多的留白設(shè)計(jì)，去緩解用戶的視覺疲勞，而移動(dòng)端卻是寸土寸金，在小物理設(shè)備下，更多地獲取信息才是最重要的。

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

看完以上內(nèi)容，你是否對(duì)這些術(shù)語有更加深入的了解了呢？
人都是以感官為第一印象的生物，尤其是視覺印象。當(dāng)我們?nèi)ヒ娨粋€(gè)人時(shí)，第一印象尤為重要，如果你看到對(duì)方是一個(gè)滿臉兇相、滿身文身、一身傷疤、身高2米且體重240斤的大漢，你絕對(duì)不會(huì)聯(lián)想到他可能會(huì)喜歡粉色的尤其是帶小碎花和蕾絲的服裝，喜歡小動(dòng)物尤其是兔子、倉鼠一類的動(dòng)物，也很難聯(lián)想到他會(huì)是一個(gè)內(nèi)心特別懦弱膽小的人，這其實(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)部分。
2008年末，Dan Saffer（卡內(nèi)基梅隆大學(xué)設(shè)計(jì)學(xué)碩士，舊金山一家產(chǎn)品設(shè)計(jì)咨詢公司Kicker Studio的負(fù)責(zé)人，出版過知名書籍《交互設(shè)計(jì)指南》《微交互：細(xì)節(jié)設(shè)計(jì)成就卓越產(chǎn)品》等）發(fā)表過一張圖來解釋用戶體驗(yàn)，如下圖所示。

圖片來自www.kickerstudio.com,2008年舊版

但是在2009年，Kicker Studio工作室再次修正了之前的關(guān)系圖，因?yàn)樗麄冋J(rèn)為它并不完善，缺少人體工程學(xué)、聲音設(shè)計(jì)等，而產(chǎn)生了新的說明（如下圖），盡管已經(jīng)非常完善了，但是對(duì)于像我這種比較愚鈍的人來說，我需要花很長時(shí)間去消化并理解，在沒人講解的情況下還是理不清UX、UI、IXD、GUI的關(guān)系，這讓我仍然很苦惱。

2009年新版

?

對(duì)此，我自己重新梳理了一張新圖，更容易地理解我所闡述的邏輯層級(jí)關(guān)系，如圖下圖所示，來幫助大家理解。

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

?

GUI主要由窗口、菜單、按鈕、圖標(biāo)及桌面組成，都以視覺為主。UI使得用戶與系統(tǒng)之間通過輸入和輸出雙向傳遞信息，其中完全包含GUI。UI是IXD交互設(shè)計(jì)和視覺傳達(dá)設(shè)計(jì)的結(jié)果，它是兩者交叉的產(chǎn)物，IXD還具有與物體產(chǎn)品間的交互、人際溝通交流的交互、文字書面的交互等，而視覺傳達(dá)設(shè)計(jì)還包含印刷、繪畫、字形、標(biāo)志燈。同理，UX包含UI、IXD、視覺傳達(dá)設(shè)計(jì)，因?yàn)閁X是指一個(gè)人使用一個(gè)特定產(chǎn)品、系統(tǒng)、服務(wù)時(shí)的行為、情緒與態(tài)度，不僅是心理上的，甚至還有生理上、信仰偏好上的。大家可以通過圖1-9更加清晰地理解UI到底是什么，而聲音設(shè)計(jì)、建筑設(shè)計(jì)等不在本書討論范圍。

以一個(gè)APP產(chǎn)品為例，如果你有好的用戶體驗(yàn)和交互設(shè)計(jì)，那么界面視覺設(shè)計(jì)即使很差，也能被大眾接受；如果你的界面視覺設(shè)計(jì)非常好，但是用戶體驗(yàn)和交互設(shè)計(jì)非常差，那么很難有用戶接受它，再美的設(shè)計(jì)，如果不好用，又有什么意義呢？就像饑餓的人，可以吃“很難看”的食物，卻不想吃“只好看，不能吃”的食物。所以，用戶體驗(yàn)、交互設(shè)計(jì)、用戶界面彼此相互包含、相輔相成。

總結(jié)

以上是生活随笔為你收集整理的做设计这么久，UED/UXD、IXD、GUI到底是什么？你分清了吗的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。