做设计这么久,UED/UXD、IXD、GUI到底是什么?你分清了吗
國內(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 艾默生Ev3100变频器源码,汇编语言的
- 下一篇: Java微信支付总结(一):获得prep