UE 與 UI 有什麼區別？

01-09

一些名詞解釋：

用戶體驗(UX)

用戶體驗是UI概念中至關重要的一個大環節，即用戶體驗(User Experience-UX)。在用戶體驗中有很多角度的切入點，所以很寬泛。總的來說就是用戶在使用產品過程中產生的經驗，和使用產品過程中產生的互動體驗統稱為用戶體驗。其中也包括品牌與產品契合等意識形態的體驗與經驗。

用戶體驗的研究牽涉了產品從前期到後期的諸多環節。從最初的產品策劃開始，UE部門就需要配合完善產品的商業模式，用戶調查，提煉典型用戶，產品情景設計，分析產品的生活樣式(Lifestyle),提煉產品的視覺識別，質感識別等等。後期要提出解決方案，製作配合，數據反饋，用戶跟蹤及市場跟蹤等等工作。最後跟據以上所有步驟的研究結果製作規範(UX-Guideline)。

UCD

User-Centered Design,以用戶為中心的設計

簡單的說，在進行產品設計時從用戶的需求和用戶的感受出發，圍繞用戶為中心設計產品，而不是讓用戶去適應產品，無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。

衡量一個好的以用戶為中心的產品設計，可以有以下幾個緯度：產品在特定使用環境下為特定用戶用於特定用途時所具有的有效性（effectiveness）、效率（efficiency）和用戶主觀滿意度（satisfaction），延伸開來還包括對特定用戶而言，產品的易學程度、對用戶的吸引程度、用戶在體驗產品前後時的整體心理感受等。

信息架構，英文叫做information architecture，縮寫為IA

它是一個整理信息，斡旋信息系統與使用者需求的過程，主要是要將信息變成一個經過組織、歸類、以及具有瀏覽體系的組合結構。

這樣的結構性設計將使得使用者對於信息的內容存取更直接，讓使用者的任務更容易完成，它也可說是在結構與分類上的藝術與科學，可以幫助我們尋找信息並且予以管理。

交互設計，英文叫做Interaction Design

交互設計是指設計人和產品或服務互動的一種機制 , 以用戶體驗為基礎進行的人機交互設計是要考慮用戶的背景、使用經驗以及在操作過程中的感受，從而設計符合最終用戶的產品，使得最終用戶在使用產品時愉悅、符合自己的邏輯、有效完成並且是高效使用產品。

交互設計的目的是使產品讓用戶能簡單使用。任何產品功能的實現都是通過人和機器的交互來完成的。因此，人的因素應作為設計的核心被體現出來。

HCI：human computer interaction人機交互

用戶界面 – User interface

圖形界面 – Graphics User Interface

在人和機器的互動過程中，有一個層面，即我們所說的界面。

從心理學意義來分，界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。

有效的界面設計經常是預見的過程，設計目標是開發者根據自己對用戶需求的理解而制定的。優秀的界面簡單且用戶樂於使用，這意味著設計需適應硬體的局限。

易用性 – Usability

是互動式IT產品/系統的重要質量指標，指的是產品對用戶來說有效、易學、高效、好記、少錯和令人滿意的程度，即用戶能否用產品完成他的任務，效率如何，主觀感受怎樣，實際上是從用戶角度所看到的產品質量。

Usability Engineer 可用性工程師
Handset User Interface 手持設備用戶界面 (HUI)

Man Machine Interface人機介面(MMI)

《UX、UI、 IA和IxD傻傻分不清》

Becky

在以前，一般所說的設計多半是指平面設計。隨著數字時代的快速發展，湧現了一批新的職位，因此一些外行人士或者剛入行的人對設計相關的職位是傻傻分不清。這篇文章主要是對設計領域四個不同職位的一些概述，希望對你有一些幫助。

UX Design (User Experience Design) 用戶體驗設計

圖片來源：Netizen Experience

維基百科對用戶體驗設計的解釋是這樣的：用戶體驗設計（也可叫做UXD、UED、XD)，是指通過提高產品的可用性、易用性、以及人與產品交互過程中的愉悅程度，從而來提高用戶滿意度的過程。用戶體驗設計包括傳統的人機交互（HCI），並且延伸到解決所有與用戶感受相關的問題。

用戶體驗設計師需要通過線框圖或者原型設計來理清整個產品的「邏輯「，可以使用的軟體有Axure、Mockplus、JustInMind等。溝通是用戶體驗設計師必須要掌握的另一項重要技能。在項目開工前，他們還要進行調研、競品分析。項目上線以後對產品進行A/B testing。用戶體驗設計師主要是關心產品給用戶帶來的整體感受，如果用戶覺得你的產品難用，他們就會選擇其他的替代品；如果用戶體驗好，他們就很有可能告知身邊的朋友你的產品很棒。

交付物：線框圖、原型圖、網站地圖、說明文檔

行業工具: Sketch、 Mockplus、Axure、Fireworks、UXPin

UI Design (User Interface Design) 用戶界面設計

圖片來源：julessdesign

海外用戶體驗諮詢師Jesse James Garrett是這樣定義界面設計的：界面設計就是如何選取合適的界面元素，例如文字、按鈕、文本框、顏色等。做這些目的是就是讓用戶在界面上完成一項操作的時候，覺得易懂、易用。儘可能的讓用戶與界面的交互簡單高效。

界面元素包括但不僅限於以下內容：

輸入控制項：按鈕、文本框、選取框、單選按鈕、下拉列表、列表框、開關按鈕、

導航控制項：麵包削導航、滑塊、搜索欄、分頁、標籤、圖標

信息控制項：文本提示框、圖標、進度條、提示、消息框、模式窗口

行業工具：Photoshop, Sketch, Illustrator, Fireworks, InVision

IA (Information Architecture) 信息架構

圖片來源：http://ga-core.s3.amazonaws.com

」信息架構（IA）包括網站、App的結構安排以及內容是如何組織的，目的是幫助用戶快速找到信息並且完成操作。換句話說，信息架構就是組織好網站或者App的結構，讓用戶明白目前所在的位置，知道所找的信息在哪裡。信息架構師的工作包括設計網站地圖、層次結構、分類、導航和元數據。當內容規劃師開始將內容分開並歸類的時候，這就是信息架構。設計師通過菜單設計告知用戶目前在網站上所處的位置，這也是信息架構「-來自http://uxbooth.com的解釋。

信息架構職業技能要求：

1. 能夠將複雜的數字產品屬性寫成文檔（例如網站、移動端app、產品、系統服務）

2. 在十分詳細、複雜的文檔中，能夠找出錯誤和遺漏

3. 熟練的使用信息架構相關的軟體，例如Axure、Mockplus、Omnigraffle、 Keynote、Visio等

4. 通過對可用的信息和資源進行分析，評估出最佳的信息架構方法

5. 優秀的溝通技能（書面和口頭）

6. 分析能力、勤奮、有創造力、對人和新的想法充滿好奇心

7. 自信、自我鼓勵

IxD (Interaction Design) 交互設計

IxD定義：它定義了兩個或多個互動的個體之間交流的結構和行為。交互設計師致力於在人與產品/服務之間建立一種有效的關係，包括電腦、移動設備、應用等等。-來自http://ixda.org的解釋

交互設計師負責網站/App中需要移動的元素和交互。當你在某個網站或者App上面看到某個動畫的時候，你可能會說這個真酷，這就是動畫設計師的設計成果。

谷歌對交互設計職位的描述：

作為一名交互設計師，你要解決複雜的任務，並且能夠把複雜的任務變簡單。讓來自世界各國的用戶（包括菜鳥和熟手）覺得你的設計直觀、可用、易用。為達到這樣的目標，在整個設計過程中你都要與團隊設計師、調研員、工程師、產品經理進行很好的協作（從製作流程圖到線框圖到原型）。在每一個階段，你都要預測用戶需求，給團隊提建議，最終保證產品讓用戶眼前一亮。

用一句簡單粗暴的話來總結以上的名詞：用戶體檢設計（UX）就是用戶對App的主觀感受；用戶界面（UI）就是App裡面的元素是什麼，放在哪裡，如何工作；信息架構（IA)就是App的整體結構；交互設計（IxD）就是用戶與產品之間如何交互。

最後，以上幾種設計相關的職位，它們之間的界限是不確定的。在某種程度上來說，交互設計跟用戶體驗設計類似，因為它就是交互設計中的一部分。總而言之，這些職位在很多時候也是交叉重合的。

UI是英文User Interface的縮寫。翻譯成中文就是：用戶界面，也稱人機界面。是指用戶和某些系統進行交互方法的集合，這些系統不單單指電腦程序，還包括某種特定的機器，設備，複雜的工具等。

UE是英文User Experience的縮寫，翻譯成中文就是用戶體驗。是指用戶訪問一個網站或者使用一個產品時的全部體驗。他們的印象和感覺，是否成功，是否享受，是否還想再來/使用，他們能夠忍受的問題，疑惑和BUG的程度。

UE和UI在一定程度上是有所不同的，UI重視的是為用戶提供良好的感觀，而UE重視的是對用戶行為的引導。兩者應該是互相包含，互相影響。

互聯網公司里

UI = GUI 是做視覺設計的

UE 是做交互設計的

寫代碼、DIV、CSS、JS、切圖是「前端工程師」「front end engineer」這個崗位做的

稍微正規一點的公司，這3個職位都得有，且這3個職位都是在 UED部門內部的。

公司若想做大，做正規、把產品做好，先把UED部門規範起來吧。一崗多職，本來就是荒謬絕倫的事情。

寫代碼的前端工程師通常都是理工科的，GUI的是藝術類的這2種能力分別是左半腦邏輯性和右半腦的創造性。公司若要統一在同一個職位身上，是非常荒謬的，公司以為人人都是愛因斯坦？若是愛因斯坦的潛質，也不會來拿這點工資了。。。。。。。

UI吸引用戶，UE留住用戶。

在我們這兒，UE是畫原型 UI是美工

UE多一個動效，UI就是圖標

就像溝女，UI是看頭像和簽名，UE是面對面相處。