大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于用戶體驗(yàn)和交互設(shè)計(jì)的區(qū)別的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com，如需相關(guān)業(yè)務(wù)請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)

• 2、用戶體驗(yàn)設(shè)計(jì)師，UI 設(shè)計(jì)師和交互設(shè)計(jì)師有什么區(qū)別

• 3、UI、UE、交互設(shè)計(jì)的區(qū)別是什么

• 4、交互設(shè)計(jì)，產(chǎn)品設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別和聯(lián)系有哪些

一、交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)

app和web：交互設(shè)計(jì)是由頁面、icon、文字著三種基本要素構(gòu)成的系統(tǒng)流程

交互設(shè)計(jì)概念

路徑 效率 行為

1、以最簡短的路徑達(dá)到自己想要的目標(biāo)

2、交互設(shè)計(jì)決定著用戶對產(chǎn)品的使用效率

3、幫助用戶用最簡單的方式引導(dǎo)，讓他們找到關(guān)注的內(nèi)容和想要使用的功能。

用戶體驗(yàn)設(shè)計(jì)概念

感受

用戶體驗(yàn)時(shí)用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。它是整個過程中身心全方位的接觸和體驗(yàn)

用戶體驗(yàn)貫穿產(chǎn)品：

有用性（基本）

易用性

友好性（用戶對你的產(chǎn)品認(rèn)可，丟不掉）

 用戶體驗(yàn)核心本質(zhì)

用戶體驗(yàn)核心和本質(zhì)就是研究人在特定場景下的思維模式和邏輯，然后順應(yīng)和利用它。

如：以最短路徑提升用戶購買欲望

及時(shí)反饋

產(chǎn)品與用戶交流的指標(biāo)

交互設(shè)計(jì)是否有效

信息是否傳達(dá)準(zhǔn)確

反饋類型-視覺

最常見的反饋方式，所以也最容易會被用戶忽視

1、toast提示：一般2到3秒短暫出現(xiàn)，可以在屏幕任意位置，然后自動消失，無需任何操作，內(nèi)容短信息不重要。

2、彈窗提示：能后引起用戶的主要，需要簡單的操作，通常用在詢問用戶是非需要進(jìn)行某項(xiàng)操作。

3、按鈕被按下的狀態(tài)：當(dāng)用戶在使用中按下一個按鈕時(shí)，一般都會出現(xiàn)按下狀態(tài)，讓用戶知道他的操作得到了回應(yīng)。

4、動效反饋：幫助用戶直觀的了解操作，同時(shí)會給用戶留有深刻印象，提升產(chǎn)品的吸引力

注意：簡潔易懂，操作反饋信息簡單適當(dāng)使用插畫吸引用戶注意幫助用戶提示判斷類型。

聽覺

強(qiáng)度高于視覺，使用率卻不是很高，不能作為主要反饋，并要給用戶關(guān)閉的權(quán)利，因?yàn)檫^度使用用戶會反感。

觸覺

比較少見但是很強(qiáng)烈的反饋方式，基本作為輔助

操作流程簡捷

1、使用自然思維非程序思維

2、圍繞用戶的目的設(shè)計(jì)

3、減少查找步驟

4、將常用功能提前

5、遵循已經(jīng)成型的用戶習(xí)慣

審核交互：

1操作前可預(yù)知

2操作中有反饋

3操作后可撤銷

用戶習(xí)慣與用戶體驗(yàn)：

用戶習(xí)慣大于用戶體驗(yàn)

UE:用戶體驗(yàn)的簡稱（國外叫UX）

產(chǎn)品設(shè)計(jì)的靈魂職位，通過分析用戶心理模型，產(chǎn)品功能需求。設(shè)計(jì)任務(wù)流程，運(yùn)用交互知識搭建產(chǎn)品核心構(gòu)架，并設(shè)計(jì)出原型以最終實(shí)現(xiàn)產(chǎn)品的易用，好用。

PM項(xiàng)目經(jīng)理（Project Manager）思維導(dǎo)圖和原型圖

前端開發(fā)：FE（Front-End Development）只能看不能用

研發(fā)：RD（Research and Development）偏向于后端的技術(shù)實(shí)現(xiàn)：功能技術(shù)實(shí)現(xiàn)，能看能用

測試：QA（QUALITY ASSURANCE）

產(chǎn)品經(jīng)理至少2-3個，

設(shè)計(jì)師游3個人，前端就要有6個，后端9個，測試1-2個

UI設(shè)計(jì)思路

立項(xiàng)會議：頭腦風(fēng)暴

用戶頭像（用戶痛點(diǎn)，用戶故事）

競品分析

產(chǎn)出產(chǎn)品文檔與流程圖

參與者：所有人

溝通會議 確認(rèn)產(chǎn)品文檔

設(shè)計(jì)師核對原型圖

程序員考慮開發(fā)成本

參與者：產(chǎn)品經(jīng)理 設(shè)計(jì)師 程序員

原型圖-低保真（沒圖片圖標(biāo)）

為什么需要低保真：低保真原型時(shí)在設(shè)計(jì)初期幫助我們驗(yàn)證想法的粗略表述

低保真原型構(gòu)建起來更加容易且成本更低

溝通會議：確認(rèn)低保真

產(chǎn)品經(jīng)理核對低保真

工程師核對低保真是否可實(shí)現(xiàn)

工程師搭建框架

溝通會議：確認(rèn)高保真

產(chǎn)品經(jīng)理確認(rèn)界面符合產(chǎn)品要求

工程師趣兒是否能實(shí)現(xiàn)界面交互

溝通會議：如何對接

如何切圖，切圖的命名方式

如何交互，交互方式

產(chǎn)品開發(fā)完畢

設(shè)計(jì)師核對界面

測試工程師找bug

工程師改bug

立項(xiàng)會議：頭腦風(fēng)暴

下版本規(guī)劃

測試工程師繼續(xù)找bug

工程師繼續(xù)改bug

時(shí)間節(jié)點(diǎn)：app78十張三個月左右 web一個星期

交互設(shè)計(jì)6大原則

費(fèi)茨定律：光標(biāo)到達(dá)一個目標(biāo)的時(shí)間，與當(dāng)前光標(biāo)所在的位置和目標(biāo)位置的距離和目標(biāo)大小有關(guān)

席克定律：是指一個人面臨的選擇越多，所需要作出決定的時(shí)間就越長

泰思勒定律：這個定律時(shí)說產(chǎn)品固有的復(fù)雜性存在一個臨界點(diǎn)，超過了這個點(diǎn)過程就不能再簡化了

4防錯原則

5剃刀法則：我們做產(chǎn)品時(shí)功能上不可以太繁瑣，應(yīng)該保證簡潔和工具化（國外用的好，國內(nèi)差）

6接近法則：將相似的、有關(guān)聯(lián)的信息盡量擺在一起，不要讓用戶迷茫，要潛意識知道在哪里能找到自己想要的信息

設(shè)計(jì)師誤區(qū)

誤區(qū)A：配圖是后臺運(yùn)營的工作

頁面由icon、文字、配圖的排版而組成

誤區(qū)B：狀態(tài)欄顏色只能一種

誤區(qū)C：界面動效全權(quán)交給AE

1code4app

2市面已完成動效

3AE輔助實(shí)現(xiàn)（有前提）

4keynote輔助實(shí)現(xiàn)

誤區(qū)D：讓所有用戶滿意（50%以上）

誤區(qū)E：完全按產(chǎn)品經(jīng)理意圖行事

1反駁產(chǎn)品經(jīng)理不靠譜的需求

2主動分析調(diào)研，提升用戶體驗(yàn)數(shù)據(jù)

3深入思考使用場景

4跟進(jìn)開發(fā)，找到性價(jià)比高的方案

5尋找創(chuàng)新有趣的交互方式

 didot襯線英文：時(shí)尚飾品

二、用戶體驗(yàn)設(shè)計(jì)師，UI 設(shè)計(jì)師和交互設(shè)計(jì)師有什么區(qū)別

很多人總以為 UI 就是做視覺的，交互就是畫線框的。這樣片面地概括，雖然能很簡單地介紹一個職位，但不知不覺間，連設(shè)計(jì)師們自身也開始以為這便是 UI/UX 設(shè)計(jì)了。針對這個問題，我將一一給大家理清到底什么是界面、交互、用戶體驗(yàn)設(shè)計(jì)。搞清楚這些，相信大家能對自己的職業(yè)有更清晰的認(rèn)識和規(guī)劃。

UX

讓我們先從 UX 講起。UX 是 User Experience 的縮寫，也就是「用戶體驗(yàn)」。我們有時(shí)也會看到用 UE 縮寫，但 UX 更常規(guī)。

在 2010 年，國際標(biāo)準(zhǔn) ISO 9241-210 中對 UX 的定義是：

a person's perceptions and responses that result from the use or anticipated use of a product, system or service.

一個人對某個產(chǎn)品或系統(tǒng)或服務(wù)在使用前、使用時(shí)（或使用后）產(chǎn)生的感受和反響。

用戶體驗(yàn)一詞本身非常主觀，重點(diǎn)在于用戶心理的變化。它不光取決于你的產(chǎn)品或服務(wù)，也取決于用戶本身和使用情況，而用戶和使用情況是不能被設(shè)計(jì)的。因此我們其實(shí)不能設(shè)計(jì)用戶體驗(yàn)（Designing UX），但是我們可以為用戶體驗(yàn)做設(shè)計(jì)（Designing for UX）。理解這點(diǎn)至關(guān)重要。

在 20 世紀(jì) 90 年代個人電腦逐漸普及，唐納德 · 諾曼（Donald Norman）率先將「用戶體驗(yàn)」作為術(shù)語提出，并將其拓展到更大范圍。

I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person's experience with the system including industrial design graphics, the interface, the physical interaction and the manual. Since then the term has spread widely, so much so that it is starting to lose its meaning.

我創(chuàng)造這個詞是因?yàn)槲艺J(rèn)為人機(jī)界面和可用性太狹隘了。我想涵蓋關(guān)于人們體驗(yàn)的的所有方面，包括工業(yè)設(shè)計(jì)、界面、物理交互和手工產(chǎn)品。從那時(shí)起，這個詞開始廣泛傳播，以至于它開始失去原有的含義。

— Donald Norman

2002 年 Jesse James Garrett 的《用戶體驗(yàn)要素》出版，這本書具有超強(qiáng)的實(shí)踐性。他將用戶體驗(yàn)分作 5 個層次，并將系統(tǒng)設(shè)計(jì)分為任務(wù)和內(nèi)容兩大部分。

在今天，用戶體驗(yàn)一詞最常出現(xiàn)在手機(jī) app 設(shè)計(jì)、人機(jī)交互領(lǐng)域。尤其是前些年移動 app、互聯(lián)網(wǎng)公司剛開始爆發(fā)的時(shí)候，談用戶體驗(yàn)幾乎是業(yè)內(nèi)人士的職業(yè)病。但由于其寬泛的定義，它也逐漸成了各個設(shè)計(jì)領(lǐng)域內(nèi)大家共同會探討的話題。

而說到「用戶體驗(yàn)」，當(dāng)然也要提下「以用戶為中心的設(shè)計(jì)」（User-centered design）。它也是由諾曼提出，并在 1986 年發(fā)布了名為《User-Centered System Design: New Perspectives on Human-Computer Interaction》的書。從此「以用戶為中心的設(shè)計(jì)」理念開始廣為人知。我也會在后面的系列文章中具體介紹這個理念。

UI

UI 是 User Interface 的縮寫，也就是我們所熟知的「用戶界面」。

但將 interface 譯成「界面」其實(shí)是非常不妥的。因?yàn)椤附纭惯@個字是邊界、范圍的意思，可視意味非常強(qiáng)，它總讓我們誤以為界面就是關(guān)于圖形的。而實(shí)際上當(dāng)然不只是圖形界面（GUI，Graphic user interface），還有語音界面（Voice user interface）、命令行界面（Command-line interface）等等。

看到這就可以介紹下到底什么是 interface 了。Interface 其實(shí)就是人機(jī)交互過程中的中介。什么是交互——人進(jìn)行操作（輸入，input），如用鍵盤打字、用觸控筆繪畫，然后計(jì)算機(jī)作出反應(yīng)（輸出，output），顯示文字、顯示你的畫，這人與計(jì)算機(jī)一來一回的互動就被我們稱作人機(jī)交互。而用來接收人的各種輸入，執(zhí)行計(jì)算機(jī)的反饋的系統(tǒng)才是真正的 interface。

其實(shí)我們對 interface 還有另外一個更好的翻譯，那就是「接口」，我們稱作「人機(jī)交互接口」。但也許是因?yàn)檫@個詞過于「工科」，太不接地氣了，便在時(shí)間流逝下被人們漸漸淡忘。

而與「界面」相反，臺灣的譯名「介面」則要準(zhǔn)確很多。這個「介」有介于兩者之間的意思，與 interface 更相近，而且也不會像「界」那樣造成其就是視覺設(shè)計(jì)的假象。

然而我雖有諸多吐槽，但卻深感約定俗成的力量之大。詞是人創(chuàng)造的，我們在工作中也無需糾結(jié)到底哪個譯名更準(zhǔn)確，重要的是我們知道其含義即可。比如蘋果公司偏偏喜歡用 human interface，你能拿它怎么辦，我們心里明白就行。

IxD

IxD 就是 Interaction Design，也就是「交互設(shè)計(jì)」。值得注意的是千萬不要將 IxD 簡寫成 ID，因?yàn)?ID 更多是 Industrial Design（工業(yè)設(shè)計(jì)）的縮寫。

上面我已經(jīng)用最簡單的例子介紹了什么是「人機(jī)交互」。但「交互設(shè)計(jì)」是什么？

交互設(shè)計(jì)本身是一個相對較新的領(lǐng)域，僅僅作為學(xué)科（職業(yè)）存在幾十年。因此關(guān)于它的定義還非常不統(tǒng)一，并且隨時(shí)在變。而這也是為什么它經(jīng)常與用戶體驗(yàn)和用戶界面設(shè)計(jì)混在一起的原因。

下面我摘錄了兩段其他組織對交互設(shè)計(jì)的定義，供大家參考。

Interaction Design (IxD) defines the structure and behavior of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.

交互設(shè)計(jì)定義了交互系統(tǒng)的結(jié)構(gòu)和行為。交互設(shè)計(jì)師們努力地在人、產(chǎn)品以及他們使用的服務(wù)之間創(chuàng)造更有意義的聯(lián)系，從計(jì)算機(jī)到移動設(shè)備，再到電器等等。

—Interaction Design Association（IxDA）

Interaction Design is the study and craft of how people interact with products, systems and services. It is about shaping digital experiences for people’s use.

交互設(shè)計(jì)學(xué)習(xí)和研究人們?nèi)绾闻c產(chǎn)品、系統(tǒng)、服務(wù)產(chǎn)生交互，它是關(guān)于塑造人們使用數(shù)字產(chǎn)品的體驗(yàn)。

—IxD | ACCD

對比上面兩段，可以發(fā)現(xiàn)對于交互設(shè)計(jì)的定義中有幾點(diǎn)是非常明確的，那就是：人（用戶）、數(shù)字產(chǎn)品、系統(tǒng)和服務(wù)，以及人們的使用行為和體驗(yàn)。

HCI

HCI 就是 Human Computer Interaction，真正的「人機(jī)交互」一詞在這。人機(jī)交互作為學(xué)科其實(shí)基本上就是交互設(shè)計(jì)，只是在偏向上它可能會更注重計(jì)算機(jī)技術(shù)，比如卡內(nèi)基梅隆大學(xué)就是將其放在了計(jì)算機(jī)科學(xué)院。

我們追溯歷史，最早出現(xiàn)該詞是在 1975 年，到了 1983 年的著作《人機(jī)交互心理學(xué)》（The Psychology of Human-Computer Interaction）才推廣了該術(shù)語。而 CMU 的 HCII（Human-Computer Interaction Institute）甚至到了 1993 年才建立（它也是我的出生年）。所以距今還不過二十多年，實(shí)在是新，也令人感慨科技行業(yè)發(fā)展之迅猛。

Service Design

服務(wù)設(shè)計(jì)也是個非常新的術(shù)語，在 1991 年才首次出現(xiàn)。

我不能在這簡單為其下個定義，拋出兩個觀點(diǎn)給大家參考，有興趣的朋友可以查閱文章最后的參考資料閱讀。

第一個是在《這就是服務(wù)設(shè)計(jì)思考》（This is Service Design Thinking: Basics, Tools, Cases）一書中，提出的服務(wù)設(shè)計(jì)五大原則：

• 以用戶為中心（user-centered）

• 共同創(chuàng)造（co-creative）

• 有序性（sequencing）

• 實(shí)體化的展示（evidencing）

• 整體性（holistic）

第二個是來自米蘭理工大學(xué)的課件，提出服務(wù)設(shè)計(jì)可以由 system、offering、interaction 和 interface 四點(diǎn)構(gòu)成。

總結(jié)

所有上文這些定義其實(shí)并不需要刻意去記它或區(qū)分它。我分享出來，是因?yàn)樽鳛橐幻O(shè)計(jì)師，對職業(yè)基礎(chǔ)的了解我認(rèn)為還是非常有必要的。但咬文嚼字劃分界限則沒必要，畢竟所有這些我們都統(tǒng)稱到了 UI/UX 設(shè)計(jì)上。

三、UI、UE、交互設(shè)計(jì)的區(qū)別是什么

UI、UX、UE三者有著不同的工作側(cè)重點(diǎn)，分別是用戶界面、交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)。

UE是UserExperience的縮寫，是指用戶體驗(yàn)，用戶體驗(yàn)這個概念的提出非常重要，網(wǎng)站或者軟件的使用完全要建立在用戶的角度上去進(jìn)行策劃和設(shè)計(jì)，要從多個角度去試驗(yàn)，以找到用戶最美好的使用體驗(yàn)。用戶體驗(yàn)是從網(wǎng)站整體上去衡量在內(nèi)容、用戶界面(UI)、操作流程、功能設(shè)計(jì)等多個方面的用戶使用感覺。

UI是User Interface的縮寫，是指用戶界面，最普遍的應(yīng)用是在軟件開發(fā)中，主要是指程序的用戶操作界面的設(shè)計(jì)，隨著Web應(yīng)用的普及，UI也應(yīng)用在了Web的用戶界面規(guī)劃上了。網(wǎng)站用戶界面(Web site UI)要經(jīng)過規(guī)劃、美術(shù)設(shè)計(jì)、制作幾個過程。一般UI主要是指用戶界面規(guī)劃(User Interface Design)。

從上述概念中可以看出UI更偏向于用戶界面設(shè)計(jì)，UE更多的是用戶整體使用體驗(yàn)。

UI、UE可以說相互包含相互影響。UE更注重對用戶行為的引導(dǎo)，注重界面效果;UI更注重為用戶提供良好的感觀體驗(yàn)，更注重用戶使用體驗(yàn)。

那么對于UI設(shè)計(jì)師和UE設(shè)計(jì)師有哪些區(qū)別呢？

1、思維方式差異

UI以靜制動，需要更多考慮的是，如何通過靜態(tài)的“布局”設(shè)計(jì)，達(dá)到引導(dǎo)用戶或表達(dá)主旨的目的。

UE更注重雙方互動，在思維上要考慮更周全、慎密，同時(shí)學(xué)會換位思考。他需要深入到需求分析階段，站在更高的層面上，去思考如何在動態(tài)變化的過程中找到兩者的連接和契合之處，從而使整個產(chǎn)品能夠在完整的場景下，增強(qiáng)用戶體驗(yàn)。

2、知識差異

UI和UE的知識體系有所關(guān)聯(lián)，會有重疊的部分，但還是存在很大的區(qū)別。

UI注重視覺體系的研究，而UE脫胎于早期工業(yè)設(shè)計(jì)，對交互體系的涉獵更多些。

3、技能差異

UI需要熟練使用PS、AI等設(shè)計(jì)類軟件，而UE則要像產(chǎn)品經(jīng)理一樣學(xué)好Axure，會畫流程圖。

4、職責(zé)差異

UI的職責(zé)主要是通過研究目標(biāo)用戶審美習(xí)慣和趨向，設(shè)定界面風(fēng)格，注重細(xì)節(jié)的美術(shù)制作、產(chǎn)品性格的闡述和情感的表達(dá)等。

UE用戶體驗(yàn)設(shè)計(jì)主要來自用戶和人機(jī)界面的交互過程。一名優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師，需要對界面、交互和實(shí)現(xiàn)技術(shù)等有深入的理解。在互聯(lián)網(wǎng)企業(yè)中，一般將視覺界面設(shè)計(jì)、交互設(shè)計(jì)和前端設(shè)計(jì)都?xì)w為用戶體驗(yàn)設(shè)計(jì)。

四、交互設(shè)計(jì)，產(chǎn)品設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)之間的區(qū)別和聯(lián)系有哪些

“用戶體驗(yàn)設(shè)計(jì)”（User Experience Design）是個廣義說法，可以包括各種設(shè)計(jì)：UI（用戶界面）、交互（Interaction）、視覺、聽覺、甚至工業(yè)設(shè)計(jì)等等。

“交互設(shè)計(jì)”（Interaction Design）指一個產(chǎn)品如何根據(jù)用戶的行為而“行動”，以及如何讓用戶通過一些控制鍵去操縱產(chǎn)品。交互設(shè)計(jì)通常通過UI（用戶界面）來體現(xiàn)。所以有的“交互設(shè)計(jì)師”也叫“UI設(shè)計(jì)師”。

以上就是關(guān)于用戶體驗(yàn)和交互設(shè)計(jì)的區(qū)別相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

同一瀏覽器只能登錄一個用戶（同一瀏覽器只能登錄一個用戶怎么辦）

快手是不是控制用戶搶紅包（快手是不是控制用戶搶紅包的軟件）

通風(fēng)系統(tǒng)熱用戶與熱水（供熱通風(fēng)系統(tǒng)）

作品集文字要寫什么（作品集文字內(nèi)容）

市場營銷的功能主要有（市場營銷的功能主要表現(xiàn)在三個方面）