技術(shù)資訊
UI和IxD
2008-11-06 22:02:00
想延續(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怎么叫會根據(jù)公司或者團(tuán)隊(duì)的組織需求而不同,叫什么也許真的不重要,不過了解一下稱謂的淵源應(yīng)該還是有意義的。
普遍被接受的是,UI和IxD是兩個(gè)互有交集的概念,前者需要考慮的范圍要更廣一些,也就是UI會包容IxD,或者說至少需要得到IxD的支持,IxD可以在沒有UI的情況下先行設(shè)計(jì),但UI就必須依據(jù)IxD來組織界面的操作流和頁面需要表現(xiàn)的信息結(jié)構(gòu)。
(Mac 1.0, 1984)
以上圖蘋果界面為例,設(shè)計(jì)最終呈現(xiàn)的包含了交互設(shè)計(jì)的集合(菜單,按鈕,窗口操作)、形象化的圖像按鈕、窗口以及界面信息的排布方式。整體看到就是一個(gè)類似皮膚的界面樣式,這也導(dǎo)致界面設(shè)計(jì)帶有一定的局限性:如果需要表現(xiàn)各個(gè)操作的潛在表現(xiàn),比如按鈕在窗口中拖到的操作結(jié)構(gòu),就不得不借助交互規(guī)范來描述完成了。
通過這個(gè)例子,可以看出做UI設(shè)計(jì)的時(shí)候,會同時(shí)需要考慮到視覺設(shè)計(jì),交互設(shè)計(jì),信息設(shè)計(jì),或其他更多因素。
視覺設(shè)計(jì)幫助用戶快速理解并開始界面操作;
信息設(shè)計(jì)讓用戶導(dǎo)航找尋他們需要的信息;留意一下現(xiàn)實(shí)工作環(huán)境,如果團(tuán)隊(duì)里沒人專門做信息架構(gòu),這個(gè)責(zé)任往往被左右與很多角色之間,比如UI、IxD、UE、PM。。?!罢l來決定信息應(yīng)布局在什么位置最合理?”,一個(gè)很難回答的問題。
交互設(shè)計(jì)專注于需求,任務(wù)和目標(biāo)三者的有效實(shí)現(xiàn), 對于UI而言,這里應(yīng)該是相對細(xì)節(jié)的單頁面交互設(shè)計(jì)。
所以從上面可以理解為,IxD則是從UI衍生出來的一個(gè)獨(dú)立領(lǐng)域,主要專注于是如何讓用戶與產(chǎn)品在特定任務(wù)情景下的交互操作更有效、有用、有趣,這可能會涉及對啟發(fā)式理論,控制論,人機(jī)工程學(xué),規(guī)劃理論等的具體應(yīng)用,甚至在更多不同領(lǐng)域中將音頻、視覺或空間等多媒體的綜合運(yùn)用在一起,比如聲音識別交互,手勢交互,觸摸交互等。也許這也是為什么在歐洲的部分學(xué)校已經(jīng)把ID從工業(yè)設(shè)計(jì)中脫離了出來,成為了一個(gè)獨(dú)立的專業(yè)。
在網(wǎng)上找到上面這個(gè)類似想法的圖片,也就是交互設(shè)計(jì)主要會考慮下面三個(gè)問題:
你會如何操作?- 接到任務(wù)、情景理解、判斷顯示、嘗試控制;
操作后有什么感覺?- 接受響應(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?
原文:http://www.moond.com/lab/?p=62
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2009-01-15 08:52:00] 區(qū)分UI設(shè)計(jì)中的裝飾元素和意義元素
- [2008-04-28 16:14:00] 百度Web UI未來發(fā)展趨勢分析
- [2008-10-13 14:29:00] UI設(shè)計(jì)師在產(chǎn)品項(xiàng)目中需要做什么?
- [2008-10-16 12:06:00] 關(guān)于UI設(shè)計(jì)規(guī)范的制定
- [2014-11-14 09:13:42] 給力的網(wǎng)站UI登陸界面設(shè)計(jì)制作
- [2008-08-15 11:53:00] 關(guān)于團(tuán)隊(duì)建設(shè)的意見
- [2008-07-02 11:53:00] 從網(wǎng)頁設(shè)計(jì)到UI設(shè)計(jì)—重在設(shè)計(jì)理念的轉(zhuǎn)變
- [2008-12-04 22:27:00] 定制UI?
- [2008-12-18 22:04:00] 10個(gè)改善UI設(shè)計(jì)的技術(shù)(1)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)頁制作 robots 營銷型網(wǎng)站 青島輪胎網(wǎng)站設(shè)計(jì)公司 營銷型網(wǎng)站建設(shè) 青島網(wǎng)站制作 網(wǎng)站設(shè)計(jì)資訊 企業(yè)網(wǎng)站 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 搜索引擎蜘蛛 集團(tuán)官網(wǎng) 用戶界面 GOOGLE 青島flash網(wǎng)站 力圖數(shù)字科技 網(wǎng)站開發(fā) 頁面設(shè)計(jì) 新的元素 IT資訊 HTML5 微信營銷的優(yōu)勢 舒適的界面 集團(tuán)公司網(wǎng)站建設(shè) 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站優(yōu)化 海信網(wǎng)絡(luò)科技 膠南網(wǎng)站建設(shè)公司 青島網(wǎng)站營銷 如何做網(wǎng)站優(yōu)化 青島網(wǎng)站設(shè)計(jì)哪家好