想延續(xù)之前“設(shè)計(jì)師和美工”的話題模式，UI（用戶界面）和IxD（交互設(shè)計(jì)）這兩個(gè)非常相似的角色名詞也一直讓我迷惑了很久，明明在做用戶界面的設(shè)計(jì)師，卻被稱為交互設(shè)計(jì)師，也就是交互設(shè)計(jì)做的其實(shí)是界面的信息結(jié)構(gòu)設(shè)計(jì)或者高保真界面，或者交互設(shè)計(jì)師不清楚自己的工作范圍應(yīng)該涉及多少，哪些事情應(yīng)該是自己的職責(zé)范圍。
當(dāng)然title怎么叫會(huì)根據(jù)公司或者團(tuán)隊(duì)的組織需求而不同，叫什么也許真的不重要，不過(guò)了解一下稱謂的淵源應(yīng)該還是有意義的。
普遍被接受的是，UI和IxD是兩個(gè)互有交集的概念，前者需要考慮的范圍要更廣一些，也就是UI會(huì)包容IxD，或者說(shuō)至少需要得到IxD的支持，IxD可以在沒(méi)有UI的情況下先行設(shè)計(jì)，但UI就必須依據(jù)IxD來(lái)組織界面的操作流和頁(yè)面需要表現(xiàn)的信息結(jié)構(gòu)。
(Mac 1.0, 1984)
以上圖蘋(píng)果界面為例，設(shè)計(jì)最終呈現(xiàn)的包含了交互設(shè)計(jì)的集合（菜單，按鈕，窗口操作）、形象化的圖像按鈕、窗口以及界面信息的排布方式。整體看到就是一個(gè)類似皮膚的界面樣式，這也導(dǎo)致界面設(shè)計(jì)帶有一定的局限性：如果需要表現(xiàn)各個(gè)操作的潛在表現(xiàn)，比如按鈕在窗口中拖到的操作結(jié)構(gòu)，就不得不借助交互規(guī)范來(lái)描述完成了。
通過(guò)這個(gè)例子，可以看出做UI設(shè)計(jì)的時(shí)候，會(huì)同時(shí)需要考慮到視覺(jué)設(shè)計(jì)，交互設(shè)計(jì)，信息設(shè)計(jì),或其他更多因素。
視覺(jué)設(shè)計(jì)幫助用戶快速理解并開(kāi)始界面操作；
信息設(shè)計(jì)讓用戶導(dǎo)航找尋他們需要的信息；留意一下現(xiàn)實(shí)工作環(huán)境，如果團(tuán)隊(duì)里沒(méi)人專門(mén)做信息架構(gòu)，這個(gè)責(zé)任往往被左右與很多角色之間，比如UI、IxD、UE、PM。。。“誰(shuí)來(lái)決定信息應(yīng)布局在什么位置最合理？”，一個(gè)很難回答的問(wèn)題。
交互設(shè)計(jì)專注于需求，任務(wù)和目標(biāo)三者的有效實(shí)現(xiàn)， 對(duì)于UI而言，這里應(yīng)該是相對(duì)細(xì)節(jié)的單頁(yè)面交互設(shè)計(jì)。
所以從上面可以理解為，IxD則是從UI衍生出來(lái)的一個(gè)獨(dú)立領(lǐng)域，主要專注于是如何讓用戶與產(chǎn)品在特定任務(wù)情景下的交互操作更有效、有用、有趣，這可能會(huì)涉及對(duì)啟發(fā)式理論，控制論，人機(jī)工程學(xué)，規(guī)劃理論等的具體應(yīng)用，甚至在更多不同領(lǐng)域中將音頻、視覺(jué)或空間等多媒體的綜合運(yùn)用在一起，比如聲音識(shí)別交互，手勢(shì)交互，觸摸交互等。也許這也是為什么在歐洲的部分學(xué)校已經(jīng)把ID從工業(yè)設(shè)計(jì)中脫離了出來(lái)，成為了一個(gè)獨(dú)立的專業(yè)。
在網(wǎng)上找到上面這個(gè)類似想法的圖片，也就是交互設(shè)計(jì)主要會(huì)考慮下面三個(gè)問(wèn)題：
你會(huì)如何操作？- 接到任務(wù)、情景理解、判斷顯示、嘗試控制；
操作后有什么感覺(jué)？- 接受響應(yīng)、錯(cuò)誤處理、執(zhí)行確認(rèn)
你從操作中明白（獲得）了什么？- 產(chǎn)品（服務(wù)）認(rèn)知、期望判定、體驗(yàn)提升
希望上面整理的這些信息能幫我們更好的理解以上兩個(gè)角色的不同，在工作中把精力更多地專注于該做的事情上。如有不同想法，歡迎大家一起討論。
參考內(nèi)容：
Interface Design vs Interaction
Differnce between user interface and interaction design?
粵公網(wǎng)安備 44010402000282號(hào)