close

UI和IxD - 網頁設計

http://webdesign.zoapcon.com

  想延續之前“設計師和美工”的話題模式,UI(用戶界面)和IxD(交互設計)這兩個非常相似的角色名詞也一直讓我迷惑了很久,明明在做用戶界面的設計師,卻被稱為交互設計師,也就是交互設計做的其實是界面的信息結構設計或者高保真界面,或者交互設計師不清楚自己的工作范圍應該涉及多少,哪些事情應該是自己的職責范圍。

  當然title怎么叫會根據公司或者團隊的組織需求而不同,叫什么也許真的不重要,不過了解一下稱謂的淵源應該還是有意義的。

  普遍被接受的是,UI和IxD是兩個互有交集的概念,前者需要考慮的范圍要更廣一些,也就是UI會包容IxD,或者說至少需要得到IxD的支持,IxD可以在沒有UI的情況下先行設計,但UI就必須依據IxD來組織界面的操作流和頁面需要表現的信息結構。

 

(Mac 1.0, 1984)

  以上圖蘋果界面為例,設計最終呈現的包含了交互設計的集合(菜單,按鈕,窗口操作)、形象化的圖像按鈕、窗口以及界面信息的排布方式。整體看到就是一個類似皮膚的界面樣式,這也導致界面設計帶有一定的局限性:如果需要表現各個操作的潛在表現,比如按鈕在窗口中拖到的操作結構,就不得不借助交互規范來描述完成了。

  通過這個例子,可以看出做UI設計的時候,會同時需要考慮到視覺設計,交互設計,信息設計,或其他更多因素。

  視覺設計幫助用戶快速理解并開始界面操作;
  信息設計讓用戶導航找尋他們需要的信息;留意一下現實工作環境,如果團隊里沒人專門做信息架構,這個責任往往被左右與很多角色之間,比如UI、IxD、UE、PM。。。“誰來決定信息應布局在什么位置最合理?”,一個很難回答的問題。
  交互設計專注于需求,任務和目標三者的有效實現, 對于UI而言,這里應該是相對細節的單頁面交互設計。

  所以從上面可以理解為,IxD則是從UI衍生出來的一個獨立領域,主要專注于是如何讓用戶與產品在特定任務情景下的交互操作更有效、有用、有趣,這可能會涉及對啟發式理論,控制論,人機工程學,規劃理論等的具體應用,甚至在更多不同領域中將音頻、視覺或空間等多媒體的綜合運用在一起,比如聲音識別交互,手勢交互,觸摸交互等。也許這也是為什么在歐洲的部分學校已經把ID從工業設計中脫離了出來,成為了一個獨立的專業。

 

  在網上找到上面這個類似想法的圖片,也就是交互設計主要會考慮下面三個問題:

  你會如何操作?- 接到任務、情景理解、判斷顯示、嘗試控制;
  操作后有什么感覺?- 接受響應、錯誤處理、執行確認
  你從操作中明白(獲得)了什么?- 產品(服務)認知、期望判定、體驗提升

  希望上面整理的這些信息能幫我們更好的理解以上兩個角色的不同,在工作中把精力更多地專注于該做的事情上。如有不同想法,歡迎大家一起討論。

  參考內容:

  Interface Design vs Interaction
  Differnce between user interface and interaction design?

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 Zoap_網頁設計 的頭像
    Zoap_網頁設計

    zoap的部落格

    Zoap_網頁設計 發表在 痞客邦 留言(0) 人氣()