想延續(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?


