1. 程式人生 > >UI/UE/ID/UED/UCD的區別

UI/UE/ID/UED/UCD的區別

對於剛剛接觸使用者體驗互動設計的同學來說,很多雲裡霧裡的英文縮寫,分不清各個概念代表著什麼含義,今天給大家做一個簡單地介紹。

100357xowdr0ato0tkobjf

簡述:

UI (User Interface):使用者介面

UE或UX (User Experience):使用者體驗

通常國外和國內的的外企叫UX,國內叫UE

IxD (Interaction design):互動設計

區別於工業設計,加了個”X”

UID(User Interface Design):使用者介面設計,現在一般很少用到

UED (User-Experience Design):使用者體驗設計

UCD (User-Centered Design):以使用者為中心的設計

詳解:

UI:User Interface 使用者介面

使用者介面其實是一個比較廣泛的概念,指人和機器互動過程中的介面,以車為例子,方向盤、儀表盤、換檔器等都屬於使用者介面。

現在一般把螢幕上顯示的圖形使用者介面(GUI :Graphic User Interface)都簡單稱為UI。

可能是UI這個概念比較難以被一般人理解,所以現在一般所說的UI設計師,也即是指GUI設計師。也就是圖形介面設計師。

主要是負責產品或是網站的圖形圖示色彩搭配,總之是負責網站看起來是一個什麼風格什麼氣質。

UE or UX: User Experience 使用者體驗

使用者體驗指使用者在使用產品過程中的個人主觀感受。關注使用者使用前、使用過程中、使用後的整體感受,包括行為、情感、成就等各個方面。使用者體驗是整體感受,所以不僅僅來自於使用者介面,那只是其中的一部分。

通俗的講這是個整體的使用感受,包括受品牌影響,使用者個人使用經驗的影響,總之就是讓使用者用著爽。

IxD:Interaction design 互動設計

互動指任何機器互動的過程,互動設計通過了解人的心理、目標和期望,使用有效的互動方式來讓整個過程可用、易用。

互動設計的主要物件是人機介面(UI),但不僅限於圖形介面(GUI)。為了達到目標,互動設計師需要關注心理、文化、人體工程等許多方面的內容。

說白了,就是怎麼讓網站理解起來明白,用起來順手。

UID: User Interface Design 使用者介面設計

使用者介面設計(UID)不僅僅是做“漂亮的介面”,所以不可避免的會涉及到互動設計。所以廣義來說,介面設計包含互動設計。但是現在很少提這個概念了。

UED: User Experience Design 使用者體驗設計

使用者體驗是個人主觀感受,但是共性的體驗是可以經由良好的設計提升的。使用者體驗設計旨在提升使用者使用產品的體驗。

網際網路企業中,一般將視覺介面設計,互動設計和前端設計都歸為使用者體驗設計。

但實際上使用者體驗設計貫穿於整個產品設計流程,是必然涉及到的,只是重視與否。

一名優秀的使用者體驗設計師,實際上需要對介面、互動和實現技術都有深入的理解。

國內的UED是阿里系交出來的,有很多其他企業不叫UED,而是叫CDC,CDU啥的,總之乾的事情都是這些。

UCD:User Centered Design 以使用者為中心的設計

UCD是一種設計模式,思維。強調在產品設計過程中,從使用者角度出發來進行設計,使用者優先。

產品設計有個BTU三圈圖(Business, Technique, User),即一個好的產品,應該兼顧商業盈利,技術實現和使用者需求。

無論是B、T還是U為優先進入產品設計,都可以設計出好的產品。UCD只是強呼叫戶優先。

注:裡邊的內容部分摘自網際網路。

總結一下:

現在國內的網際網路公司中的使用者體驗部門叫UED、CDC、UEDC等等,這是個部門名稱,都以UCD(以使用者為中心)這個設計思想來作為基本理論指導,具體的工作崗位分為使用者研究、互動設計、視覺設計(包含UI),有的還包括前端開發。

之前的UI指的是使用者介面,包含互動設計,但是現在的UI通常指的就是視覺方面的設計,其實就是正規意義上的GUI(圖形使用者介面)。

相關推薦

UI/UE/ID/UED/UCD區別(轉)

理論 image 英文 business height 前端設計 過程 lock 主要對象 對於剛剛接觸用戶體驗交互設計的同學來說,很多雲裏霧裏的英文縮寫,分不清各個概念代表著什麽含義,今天給大家做一個簡單地介紹。 簡述: UI (User Interface):用戶

UI/UE/ID/UED/UCD區別

對於剛剛接觸使用者體驗互動設計的同學來說,很多雲裡霧裡的英文縮寫,分不清各個概念代表著什麼含義,今天給大家做一個簡單地介紹。 簡述: UI (User Interface):使用者介面 UE或UX (User Experience):使用者體驗 通常國外和國內的的外企叫

UI,UE和UX三者之間的區別

UED團隊包括:互動設計師(Interaction Designer)、視覺設計師(Vision Designer)、使用者體驗設計師(User Experience Design)、使用者介面設計師(User Interface Design)和前端開發工程師

jquery select下拉框和 easy-ui combox 選定指定項區別

strong value data har eas mit arp 下拉框 表單 jquey select <select id="gender" name="sex11" >//不能加easy-ui標記 <option value="

BSP和JSP裏的UI元素ID生成邏輯

BSP JSP Java ID SAP CRM WebClient UI WebClient UI渲染出來的DOM元素的這些C#_W#格式的id是在哪行ABAP代碼被生成出來的? 參考我的博客WebClient UI element ID generation logic Hybris

UI設計師與美工的區別

機制 重要性 類型 的區別 ews 擁有 2萬 快速 來講 對於不了解UI設計師的人來說,很多人都會認為UI設計師就是設計圖片的,那不就是美工嗎?大部分人對UI的理解還停留在美術設計方面,認為UI的工作只是描邊畫線,缺乏對用戶交互重要性的理解。其實這兩個職位有

document.getElementById(“id”)與$("#id")的區別

獲取 obj tro block strong 使用 區別 element one document.getElementById("id")可以直接獲取當前對象, jQuery利用$("#id")獲取的是一個[object Object],需要使用$("#id")[0]或

Android學習筆記之淺談@id與@+id之間的區別

<Button android:id="@+id/button3" //定義了一個Button取名為button3 android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_cen

id和class的區別

xhtml 特殊符號 好的 web 沒有 定義 開頭 數字 推薦 id和class沒有本質上的區別,很多時候可以混用(XHTML不允許,但是也不會報錯)。但符合web標準的頁面必須結構良好,有語義,有可讀性,所以為了養成良好的代碼編寫習慣,建議讀者嚴格區分。同樣的i

mybatis mapper xml文件配置resultmap時,id行和result行有什麽區別

什麽 column invoice 配置 app nbsp ava customer entity mybatis mapper xml文件配置resultmap時,id行和result行有什麽區別? <resultMap id = "CashInvoiceMap"

關於Name ID class屬性的區別

mic 屬性的區別 邏輯結構 關於 ... 思想 邏輯 後臺 html 1、name:是表單標簽(input)專有的屬性,其他Html標簽沒有。 是要提交給後臺的,name是否能重復,要根據<input>的type來決定。 2、ID是所有

Android @id和@+id區別

文件 int 十六進制 存在 變量 android中 target r.java文件 需要   Android中的組件需要用一個int類型的id屬性值來表示。id屬性只能接受資源類型的值,也就是必須以@開頭的值,例如,@id/abc、@+id/xyz等。如果在@後面使用“+

Android查缺補漏(View篇)--布局文件中的“@+id”和“@id”有什麽區別

新增 布局 parent 直接 使用 margin 移除 控件 Coding Android布局文件中的“@+id”和“@id”有什麽區別? +id表示為控件指定一個id(新增一個id),如: <cn.codingblock.view.customer_view.

input通過id的賦值 js jquery innerHTML和outerHTML 的區別

outerhtml con ace har 內容 doc 技術分享 pos gif 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf

jQuery UI 給button添加ID

tap pic fun dia closed jquer form mod class $("#addOrEditApp").dialog({ modal: true ,maxHeight:dialogHeight,width:dialog_width,title: "

Windows中句柄和ID區別

程序員 之間 spa nload 資源 das 語句 導致 arr VC++菜單的句柄也可以理解成菜單的識別符(ID). 但如果指菜單項的ID, 那可能又是一回事了。按我的理解: 1. 句柄是程序運行中系統為其分配的,菜單項ID是編程者自己定義指定的。一般可在資源文件中定

Python中的is和==的區別,is判斷值是否相等,id判斷地址是否一致

copy 就是 是否一致 val 類型 對象 包含 () true Python中的is和==的區別 Python中的對象包含三要素:id、type、value。 其中id用來唯一標示一個對象,type標識對象的類型,value是對象的值。 is判斷的是a對象是否就是b對象

spring中的Bean的id和name的區別

spring中的Bean的id和name的區別 2017年10月01日 18:23:59 冰河家園 閱讀數:296 標籤: spring 更多 個人分類: spring Spring中Bean的命名 1、每個Bean可以有一個id屬性,並可以根據該id在IoC容器中查詢該Bean

前端中id、name、value的區別

id 編號id具有唯一性,一個id只出現一次。 一般在JavaScript中經常出現。 value 1.按鈕中用的value 指的是按鈕上要顯示的文字 比如“確定”“刪除”等 2.複選框用的value 指的是這個複選框的值 3.單選框用的value 和複選框一樣 4.下

MVC中@Html.DisplayFor(p=>p.Id)和 @Model.Id區別

    在MVC中,在Controllers查詢到資料,返回一個實體給View並顯示,可以用@Html.DisplayFor(p=>p.Id)和 @Model.Id這兩種方式顯示某個欄位資料(如Id),但是,這兩者是用區別的,即如果Controllers中沒有查詢到資料,則