• Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Facebook Twitter Instagram
RSS Facebook Twitter
Vide
  • Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Vide

UI & UX 差別是什麼,看圖大整理

1
By Hans Shih on 2016-02-18 設計, 設計思考, 設計方法

文 / Hans Shih  (UX Researcher)

1.倒過來的蕃茄醬瓶設計,考慮到番茄醬快用完時很難倒出的使用情境。

Source:Techtic

2.從定義來解釋 UI 與 UX 之間的差異,兩者定義有很大的不同

Source:Deptofmarketing

3.從專業分工的角度來說明差別,可以看出負責的部分哪些相同,哪些不同。

Source:Asinthecity

4.這張圖比較複雜,但基本上還是看得出差異。相同之處很明顯, 都是留著大鬍子的胖子

Source:Abdevlabs

下面這張圖跟上面那張是同一張,只是畫風不一樣,從設計師們從大鬍胖子變成花美男

Source:Uxdesigner21

5. 從工作項目來解釋差異,雖然 UX 的範圍很廣,但很少人可以精通全部,幾乎沒有。

Source:Uxinterface

6. 這張圖的分法有點奇怪,但畢竟是大整理,還是整理起來給讀者參考一下。

Source:Linkis

7. 用兩者基本的工作項目來區分,但 UI 有沒有專職 Branding 就看每家公司對職位的設計了

Source:Thecdm

8.從產品的角度看 UI 與 UX,UI 是產品的一部份,UX 是使用產品的體驗

Source:Userexperiencerocks

9. UI Design:功能。Usability design:動作。User Experience Design:情感

Source:Strategyanddesign

10. UI 是用來取用 Content 的工具,使用者使用 UI 吃完 Content 的體驗是 UX

Source:Icarehealth

Conversion Lab 也畫了一張圖來說明 UI 與 UX 的差異。

UI 在使用者的眼前,UX 在使用者的大腦裡。UX 設計師不僅關注介面設計,更關心所有會影響使用體驗的一切,例如資訊架構、互動設計、Content、使用者的認知、經驗、需求、價值觀。當 UI 設計師設計完介面之後,對 UX 設計師來說工作還沒完成,UX 設計師最終的工作是在使用者的大腦裡完成的,所以 UX 設計師永遠看不到自己的工作成果,只能透過使用者訪談或定性定量 UX 研究方法,去檢視使用者腦袋裡的體驗是否正確。

有人會說設計 UI 不就是在設計 UX 嗎?如果 User 的體驗只被 UI 影響,那或許可以說設計 UI 就等於設計 UX,但使用者手上拿的不是 UI,而是產品,UI 是產品設計的一部份。體驗也不完全受產品影響,還會受到使用產品時當下的使用情境以及使用者對品牌的印象等等其他與體驗相關的事影響。

以上資料轉載自:Conversion Lab


訂閱 vide 最新訊息: vide 臉書粉絲頁 http://facebook.com/videmedia

Branding UI 設計 Usability design User Experience Design UXD 互動設計 情感設計 產品開發 資訊架構
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous Article這間新創讓你支持社區商店,又能享受環保便利的物流服務!
Next Article 想應徵 UX 工作?請先搞定你的 UX 作品集!
Hans Shih

Planner & Researcher,主要工作為使用者經驗研究與設計、網站易用性與數據分析、企業商業模式與品牌策略設計。 期盼自己能成為一位優秀的 Designer & Researcher,就像 Alan Cooper 強調的一樣,設計師必須成為 UX Researcher,才能有效地將從使用者身上發現的 Insights 落實在設計裡面。

Related Posts

日誌研究的執行經驗分享 Tips for conducting Diary Studies

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

用戶研究的三個謊言

1 則留言

  1. Gremlin Works on 2018-08-9 16:02

    您介紹了UI/UX的不同,在這個網頁中介紹了許多關於UI/UX的相關小知識 http://gremlinworks.com.tw/ui-ux/

    Reply

Leave A Reply Cancel Reply

近期文章
  • 日誌研究的執行經驗分享 Tips for conducting Diary Studies 2019-12-13
  • 培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑 2019-11-16
  • 用戶研究的三個謊言 2019-10-24
  • 不靠大數據,從粉絲的小數據讀出關鍵需求 2019-09-23
  • 為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事 2019-09-9
最受歡迎文章
By VIDE 編輯2019-12-13

日誌研究的執行經驗分享 Tips for conducting Diary Studies

By VIDE 編輯2019-11-16

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

By VIDE 編輯2019-10-24

用戶研究的三個謊言

By 奧沃市場趨勢顧問2019-09-23

不靠大數據,從粉絲的小數據讀出關鍵需求

By Lil Andy2019-09-9

為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事

文章分類
  • Featured (221)
  • 專欄 (21)
  • 教育 (93)
    • 工作坊 (49)
  • 未分類 (7)
  • 洞察 (269)
    • 數據分析 (42)
    • 消費者洞察 (125)
    • 研究調查 (144)
  • 產業案例 (299)
    • 交通 (30)
    • 公共服務 (46)
    • 城市 (82)
    • 政府 (28)
    • 旅遊 (68)
    • 日常生活 (146)
    • 金融 (21)
    • 銀髮 (33)
  • 組織文化 (133)
    • 團隊介紹 (40)
    • 組織溝通 (94)
  • 設計 (518)
    • 服務設計 (155)
    • 物聯設計 (35)
    • 網站設計 (86)
    • 行動設計 (116)
    • 設計思考 (128)
    • 設計方法 (103)
    • 通用設計 (38)
    • 體驗設計 (179)
關於 VIDE
VIDE 創誌是一個聚焦洞察與設計,關心教育發展並鼓勵創新的媒體平臺。
VIDE 代表 Value,Insight,Design,Education。源自於拉丁文 videre,意思是「看到」。

VIDE 持續透過介紹國內外創新案例、概念發想與設計思維與實踐方法,並邀請創新設計團隊、組織、社群成為 VIDE 的內容與活動合作夥伴。期許自己能成為國內重要創新設計的媒體代表,協助建構臺灣創新設計的產業鏈與生態系。
追蹤 VIDE
Facebook: https://facebook.com/videmedia
Twitter:https://twitter.com/vide_tw
RSS:https://vide.hpx.tw/feed

聯絡:editor@vide.tw 或 02-2511-7626
地址:10459 台北市松江路158號11F-1
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司
 
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司

Type above and press Enter to search. Press Esc to cancel.