UX與UI到兩者有什麼區別?

2021-02-19 幫主聊設計

——————  UIBang 前言  ——————

由於做 UI 培訓的原因，有很多同學都會向老師問及這個問題，剛好看到此篇文章，覺得很有翻譯整理的必要。特別是對剛剛入行的同學，在國內到如今依然還是有很多人分不清 UI 和 UE / UX 的區別。很多概念在國內會有了新的解讀（誤讀），那麼，國外的優秀設計師和設計團隊，他們對此又有什麼樣的觀點呢？讓我們一起來看看這篇譯文。

————————  譯 文  ————————

這是一個很多人都討論過的話題－－「 UX 和 UI 兩者有什麼區別？」 我們關於這個話題討論了太多太多，就像一個陷阱。我經常交換著使用這兩個名詞去告訴我的家人和朋友「我到底在做什麼？」因為有時這樣的做法會讓他們更加容易理解一些。

 

但是，從專業的角度來說，我對創造出不同平臺上無縫、完整的用戶體驗非常有激情。如果一個 UX 用戶體驗設計師（通常是非常天真愚蠢地）被人理解成為一個「 UI 界面設計師」，或是同時擔任這兩個角色，那我會覺得很生氣。

 

我剛讀過 Golden Krishna 寫的《 The Best Interface Is No Interface 》，並剛剛有機會和他在 Cooper 公司進行了一次小組交流。在此書的第四章，Krishna 對這個話題進行了詳細介紹，他提到了一些我已經醞釀了很久的看法：

 

 「在解決問題的時候，我們會把 UI 和 UX 弄混淆。我們經常去關注屏幕上的視覺效果，而不是追求最好，最具創新，最實用的方法，因為這寫在了 UX 崗位招聘信息的職業描述裡。我們隨意地放上一個界面，用戶體驗就變成了一些圖形設計和視覺動效了。」

 

讓我來把上面這段話解釋一遍並闡述一下 UX 和 UI 的區別：

 

   UI－用戶界面

韋氏字典（ The Merriam-Webster dictionary ）對用戶界面的定義是「一個能夠使用戶和計算機更容易交互（通過選擇菜單或圖標）的電腦程式。」

         

 UI 設計師專注於屏幕上元素和元素間的關係。他們的設計傳達了界面上的信息和交互，而這就創造了一種能夠傳達產品價值和品牌體驗的視覺語言。

 

但是，這種視覺語言並沒有傳達界面、用戶和產品價值三者之間不斷變化發展的關係。

 

    UX－用戶體驗

Nielsen Norman Group 說，「用戶體驗包含了用戶與公司，服務及產品之間各方面的交互。」

 

一個用戶體驗設計師的目標是創造一種積極向上的用戶體驗。他們專注於將同一界面與界面之間的交互進行排列，並簡化體驗，以幫助用戶提高工作效率，使產品達到他們的預期。



    為什麼這種差異很重要？

UI 設計師和 UX 用戶體驗設計師的職業目標非常不同，兩者所需的職業技能也不一致，因此我們很少能夠找到一個同時擁有這兩種技能的人。如果公司招聘人才時將這兩種要求合併，那麼這將降低其產品的整體體驗。

 

另外，還有一些其他職位能夠幫助公司產品保持更加良好的用戶體驗，比如產品設計師，信息架構師，互動設計師，（產品）服務設計師，用戶體驗規劃師

 

非常重要的是，你要重視一種職位的需求（比如設計的方向，概念設計，詳細的視覺設計，用戶路徑等），以此決定這個職位需要什麼種類的設計師，而你招來的設計師也能在崗位上產生更大的影響力。

作者：Kaycee Collins

譯者：UIBang-張兢

原文：http://www.cooper.com/journal/2015/12/ux-vs-ui

版權聲明：本文由 UIBang 翻譯整理（UIBang.cn），轉載請註明出處，在此感謝。



UIBang - 學習UI、吐槽產品、分享經驗的好去處！

官     網：UIBang.cn (入門/進階UI視頻教程)

QQ   群：70984322 （解決問題答疑解惑）

微     博：http://www.weibo.com/uibangcn

長按二維碼 關注UIBang微信公眾號

相關焦點

  • 從小白到資深UI/UX設計師的7個步驟
    這樣，你才能正確地進入設計真正的世界，開始「創造性地」思考，學到設計的心理學方面的東西，比如:為什麼這種設計看起來不錯，但是為什麼它卻會是失敗的？· awwwards.com獎勵設計人才的網站，有很多優秀的作品。· dribbble.com一個設計師分享設計作品的平臺· pttrns.com移動端設計作品匯集 · uimovement.com最好的UI設計靈感庫，每天有很多新鮮的素材
  • 什麼是UI、UX ?10張圖告訴你!
    什麼是UI、 UX？或者說它們之間有什麼不同？
  • 從小白到大神,這就是她自學 UI/UX 各階段的心路分享
    Swift年年改版，落後個1年都不知道被衝到哪裡去了.UI / UX更新的速度可能稍慢一點，也沒慢到哪去，你看蘋果發表會，每年iOS介面都不太一樣。而且看越多越會覺得基本功很重要，比如英文，手繪，情緒管理，時間管理...進入還債階段。以前什麼東西偷懶逃避沒學好，現在都要回頭還債補回來，很辛苦。
  • OKR和KPI有什麼區別?
    關於如何提升績效管理水平，本文不再贅述，以後會有相關文章，想學習的小夥伴也可以報名我們的線下公開課《績效設計關鍵實踐》。我們HR最關心的績效設計最火的兩個工具：KPI和OKR，小匯跟大家一起聊一聊他們之間有何區別，OKR會不會是另外一個BSC（Balanced Score Card平衡計分卡）？
  • 辭職信、辭職申請、farewell letter有什麼區別?
    辭職信跟辭職申請有什麼區別？很多人其實沒有意識到這兩者其實是不同的。
  • ui設計師月薪大概多少,ui設計師工資有多少?
  • 【深度解讀】3分鐘秒懂UI和UX到底有何不同
    ▲舉個例子，我們去銀行的ATM提款機上取錢，看到的界面和每一步操作數據UI設計，但是如何存錢，如何更改密碼。如何轉帳匯款，這些流程的設計屬於UX設計，他關注這個產品是否好用和易用。UX我更多理解為用戶的行為表達，UX設計是在用戶直接或者使用服務時候感受到的體驗，比如反饋，和任務指引的整體設計。
  • PS裡不透明度和填充有什麼區別?
    有朋友問，填充和不透明度有什麼區別，什麼時候該用不透明度？什麼時候該用填充？
  • CV和Resume有什麼區別?
    有個海外留學生朋友告訴我HR讓她準備一份CV,不知道自己的簡歷是否合適。
  • mysql的三種count計數到底有什麼區別?
    因為count(*)，會自動優化指定到那一個欄位。所以沒必要去count(1)，使用count(*)，sql會幫你完成優化的 因此：在有聚集索引時 count(1)和count(*)基本沒有差別！2、count(1) and count(欄位)兩者的主要區別是①count(1) 會統計表中的所有的記錄數，包含欄位為null 的記錄。
  • 設計崗中最搶手的UI/UX設計師究竟是做什麼的?真的有「錢途」嗎?
    作為UI/UX設計師，你將有機會為初創公司、一線科技公司、電商公司工作，甚至是成為自由職業者，職業道路非常靈活。 圖/網絡那麼UX和UI設計分別是什麼職位？它們之間有什麼區別和關聯呢？  UX設計師應考慮到產品對用戶的有用性、易用性和友好性，而且要在視覺呈現上有設計感，最終將一切上升至品牌效應。考慮體驗如何讓用戶感受到，以及用戶完成他們想要的任務有多容易。例如：網上購物時的結帳流程有多簡單？握住蔬菜削皮器有多容易？您的網上銀行應用程式是否讓您輕鬆管理您的資金？UX設計的最終目的是為用戶創造簡單、高效、相關且全方位的愉悅體驗。
  • 招標清單和投標清單的區別是什麼?
    招標清單和投標清單的區別是什麼？
  • in case和provided的區別是什麼?
    本文內容來自我的知乎問答有知友問：in case和provided的區別是什麼？
  • UX 到底什麼是UX Design(user experience design)?
    分享交流的時候，有小夥伴質疑，UX，user experience，用戶體驗，設計裡哪一塊不涉及到用戶體驗？有必要單獨存在這麼一塊麼？公司裡有必要單獨搞一個用戶體驗設計師麼？巴拉巴拉巴拉巴拉。。。唔，這個問題，我自己看來，是有必要單獨列出來的（不然我現在寫的東西就沒啥意義了）。但是我的知識儲備還不足以讓我系統的來論證這個問題。但是！
  • 人力資源外包與勞務外包、勞務派遣的區別是什麼?
    其實這三者的區別是比較大的。而且在進行稅務處理的時候也會有不同的處理方式，下面就由小編來為大家介紹一下這三者的區別。 1.勞務派遣勞務派遣主要是勞務公司將公司旗下的員工派遣至用人單位，在用人單位工作並接受用人單位的管理，這種方式主要是為了滿足靈活就業的用工單位。
  • 「パート」和「アルバイト」都表示打工,有什麼區別?
    在日語裡表達打工（兼職）這樣的詞彙主要有兩個：「パート」和「アルバイト」。今天我們就一起看看兩者有什麼異同點「パート」全稱是パートタイム，來自英語part-time 表示（按時計酬）打零工，兼職。雖然兩者都可以表示打工，但是在日常實用中還是有一定區別的。
  • manager和leader 到底有什麼區別?
    文/劉津legene 阿里巴巴互動設計專家 關於manager和leader的區別，在不同時期我的理解是不同的。
  • obtain和attain有什麼區別?
    attain / obtain今天節目的問題是來自於一位叫Shelly的小夥伴 ，在我們微信公眾號平臺留言問 attain和obtain的區別是什麼attain和obtain都做動詞，均有獲得得到的意思，那區別是什麼樣的呢？
  • UI設計尺寸大揭秘
    作者：小浩哥來源：http://www.ui.cn/detail/71756.htmlPS:做個廣告，91運營用戶交流群持續招募中，有興趣的拉到底部加小編聯繫方式，至於加群有什麼好處呢？本周回顧：91風暴第三期圓滿收官，感謝社群各位同學激情碰撞，感謝群管的努力付出。91風暴話題精彩紛呈，誰將是最佳話題明星？最佳互動花落誰家？本周四晚9點，我們約嗎？