0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

UX與UI:每個(gè)設(shè)計(jì)師都應(yīng)該知道的關(guān)鍵差異

話多顯蠢 ? 來源:話多顯蠢 ? 作者:話多顯蠢 ? 2022-07-27 11:20 ? 次閱讀

您不必成為設(shè)計(jì)師就可以了解用戶體驗(yàn) (UX) 和用戶界面 (UI)。這是兩個(gè)流行的概念,很快成為真正的 21世紀(jì)流行語,但它們?nèi)匀蛔屘嗳烁械矫H缓屠Щ蟆?/p>

隨著新技術(shù)每年不斷涌現(xiàn),似乎每個(gè)品牌都在嘗試將 UX 和 UI 完美結(jié)合,以制作更好的產(chǎn)品或服務(wù)。這就是為什么您經(jīng)??梢月牭缴虡I(yè)專業(yè)人士談?wù)?UX/UI 設(shè)計(jì)的原因,因?yàn)檫@兩個(gè)組件相互補(bǔ)充和增強(qiáng)。

但這并不意味著 UX 和 UI 是一回事。相反,每個(gè)概念都有其自身的特點(diǎn)并服務(wù)于不同的目的。如果您無法區(qū)分 UX 和 UI,請(qǐng)繼續(xù)閱讀,因?yàn)槲覀儗⑾蚰故久總€(gè)設(shè)計(jì)師都應(yīng)該了解的關(guān)鍵差異。

UX 和 UI 解釋
如果你想了解 UX 和 UI 是如何真正發(fā)揮作用的,你必須了解每個(gè)短語的真正含義。這是最好的起點(diǎn),所以讓我們看看這里的定義:

用戶體驗(yàn)
根據(jù)定義,用戶體驗(yàn)代表一個(gè)人對(duì)使用特定產(chǎn)品、系統(tǒng)或服務(wù)的情緒和態(tài)度,特別是與實(shí)用性、易用性和效率等因素有關(guān)的情緒和態(tài)度。換句話說,用戶體驗(yàn)的主要思想是讓消費(fèi)者在使用特定產(chǎn)品或服務(wù)時(shí)感到舒適和滿意。

例如,一份報(bào)告顯示,近88% 的在線購(gòu)物者在用戶體驗(yàn)不佳后不會(huì)返回網(wǎng)站,而 70% 的在線企業(yè)最終因可用性不佳而失敗。像這樣的統(tǒng)計(jì)數(shù)據(jù)可以說明很多關(guān)于 UX 的信息,所以我們可以在這里做一個(gè)簡(jiǎn)短的總結(jié):

用戶體驗(yàn)本質(zhì)上是一個(gè)過程,企業(yè)在這個(gè)過程中試圖提高客戶與品牌所有接觸點(diǎn)之間的互動(dòng)質(zhì)量。

UX專注于用戶的需求和感受,以打造完美的產(chǎn)品并最大限度地提高滿意度。

用戶界面
根據(jù)定義,UI代表人機(jī)交互之間的管道——用戶將在其中與計(jì)算機(jī)或機(jī)器交互以完成任務(wù)的空間。UI 的目的是幫助用戶快速輕松地控制給定設(shè)備上的產(chǎn)品。

這就是為什么最好的 UI 設(shè)計(jì)師會(huì)密切關(guān)注產(chǎn)品的直觀性、效率和用戶友好性等特性。不用說,UI 的力量是巨大的。例如,計(jì)算機(jī)安全軟件公司 McAfee 通過重新設(shè)計(jì) UI 成功將他們的支持電話減少了 90%。

一般來說,我們可以說這些是 UI 最重要的特性:

它專注于視覺元素和應(yīng)用程序、網(wǎng)站和類似產(chǎn)品的整體外觀。

UI 在數(shù)字領(lǐng)域發(fā)揮作用,因?yàn)樗噲D通過圖標(biāo)、按鈕、配色方案、字體等組件制作交互式產(chǎn)品。

UI 負(fù)責(zé)品牌一致性,以確保每個(gè)產(chǎn)品都符合品牌的總體戰(zhàn)略。

UX 和 UI 之間的主要區(qū)別
到目前為止,您已經(jīng)看到了一切,很明顯 UX 和 UI 可以完美地互補(bǔ)。UX 的全部意義在于讓用戶感到舒適,但在實(shí)踐中做到這一點(diǎn)的唯一方法是開發(fā)出色的 UI。

雖然我們已經(jīng)提到了兩種設(shè)計(jì)技術(shù)之間的一些差異,但這里有必要做出更清晰的區(qū)分。事不宜遲,讓我們看看 UX 和 UI 之間的四個(gè)主要區(qū)別。

1. UI 是關(guān)于交互的,而 UX 則側(cè)重于整體體驗(yàn)。
UI 設(shè)計(jì)師必須照顧許多元素,以使產(chǎn)品更簡(jiǎn)單、更易于使用。從 CTA 按鈕到產(chǎn)品圖片,即使是最小的組件也會(huì)減慢用戶與產(chǎn)品的交互。

Dissertation Today的作業(yè)幫助專家Jake Gardner表示,UI 設(shè)計(jì)是一項(xiàng)嚴(yán)肅的任務(wù),但它比 UX 窄得多:“體驗(yàn)比物理交互更難控制,這迫使 UX 設(shè)計(jì)師將功能作為一個(gè)整體進(jìn)行分析,并預(yù)測(cè)用戶界面內(nèi)外可能存在的缺陷。”

2. UI 是藝術(shù),而 UX 是研究。
UI 主要處理產(chǎn)品的視覺組件,這使工作看起來很有創(chuàng)意和藝術(shù)性。另一方面,用戶體驗(yàn)與科學(xué)和研究密切相關(guān)。如果您想制作功能齊全的產(chǎn)品或服務(wù),您必須收集大量與消費(fèi)者相關(guān)的信息并分析他們的行為,以便找到正確的解決方案。

3. UI 是純數(shù)字的,而 UX 適用于所有類型的產(chǎn)品。
當(dāng)我們談?wù)?UI 時(shí),我們總是描述移動(dòng)應(yīng)用程序或網(wǎng)站等數(shù)字產(chǎn)品。UI 幾乎完全專注于數(shù)字環(huán)境,而 UX 適用于所有類型的產(chǎn)品。無論行業(yè)或業(yè)務(wù)類型如何,每家公司都必須在推出產(chǎn)品之前探索用戶體驗(yàn)的特點(diǎn)。

4. UX 優(yōu)先,UI 緊隨其后。
用戶體驗(yàn)設(shè)計(jì)師的最終目標(biāo)是識(shí)別用戶的問題并提出適當(dāng)?shù)慕鉀Q方案。弄清楚目標(biāo)受眾的需求并研究與典型消費(fèi)者相關(guān)的所有因素需要花費(fèi)大量時(shí)間。

這就是為什么 UI 排在第二位的原因。它遵循 UX 并使用其輸入來設(shè)計(jì)令人賞心悅目的、易于導(dǎo)航和高度直觀的用戶界面。

底線
UX 和 UI 是基本的設(shè)計(jì)概念,但即使對(duì)于經(jīng)驗(yàn)豐富的行業(yè)專業(yè)人士來說,它們也可能會(huì)讓人感到困惑。在本文中,我們分析了 UX 和 UI,并向您展示了每個(gè)設(shè)計(jì)師都應(yīng)該了解的關(guān)鍵差異。

現(xiàn)在您了解了這兩個(gè)概念的不同之處,您應(yīng)該不會(huì)很難設(shè)計(jì)出遵循最高 UX 和 UI 設(shè)計(jì)標(biāo)準(zhǔn)的新產(chǎn)品。畢竟,這兩個(gè)組件應(yīng)該相互幫助和增強(qiáng),因此您應(yīng)該確保將它們正確組合并將您的業(yè)務(wù)提升到一個(gè)全新的水平。

關(guān)于作者
Michael Gorman 是最佳論文幫助機(jī)構(gòu)的論文作家。邁克爾是網(wǎng)頁設(shè)計(jì)方面的專家,但他對(duì)自我品牌和個(gè)人成長(zhǎng)等其他話題并不陌生。他是兩個(gè)蹣跚學(xué)步的孩子的父親,也是一位熱情的長(zhǎng)跑運(yùn)動(dòng)員。

審核編輯 黃昊宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 設(shè)計(jì)
    +關(guān)注

    關(guān)注

    4

    文章

    818

    瀏覽量

    69813
  • ui
    ui
    +關(guān)注

    關(guān)注

    0

    文章

    202

    瀏覽量

    21290
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    是德科技示波器測(cè)量PWM波有效值的原理?

    都應(yīng)該是380V,但是在兩個(gè)母線電壓條件下測(cè)量的輸出電壓有效值分別是380V和650/1.414=459V,請(qǐng)問這種差異的原因是什么?
    發(fā)表于 08-08 17:56

    請(qǐng)問下Power Monitor和Voltage Supervisory功能和原理上有什么區(qū)別?

    對(duì)嗎,那這倆是否都應(yīng)該屬于放大器類? 另外很想知道這倆在中文中分別應(yīng)該叫做什么器件,感覺怎么翻譯都區(qū)分不開......
    發(fā)表于 08-02 13:18

    AIGC遇上ChatGPT,互聯(lián)網(wǎng)公司的創(chuàng)意設(shè)計(jì)師,還能做什么?

    隨著科技的日新月異,AIGC(人工智能生成內(nèi)容)和ChatGPT等AI技術(shù)的涌現(xiàn),為互聯(lián)網(wǎng)公司的創(chuàng)意設(shè)計(jì)師們描繪了一幅充滿挑戰(zhàn)與機(jī)遇的新圖景。在這個(gè)數(shù)字化、智能化的新時(shí)代,創(chuàng)意設(shè)計(jì)師們不僅要保持敏銳
    的頭像 發(fā)表于 06-25 13:32 ?191次閱讀

    蘋果資深設(shè)計(jì)師離職

    近日,蘋果公司內(nèi)部傳出一則消息,擁有25年經(jīng)驗(yàn)的資深設(shè)計(jì)師鄧肯·科爾已決定離開這個(gè)他傾注了無數(shù)心血的公司。這一決定意味著艾維時(shí)期的關(guān)鍵設(shè)計(jì)人物已幾乎全部離職,為蘋果的設(shè)計(jì)團(tuán)隊(duì)帶來了不小的震動(dòng)。
    的頭像 發(fā)表于 05-10 10:03 ?255次閱讀

    FPGA研發(fā)設(shè)計(jì)規(guī)范的簡(jiǎn)明探討

    每個(gè)module應(yīng)存在于單獨(dú)的源文件中,源文件名應(yīng)與其所包含的模塊名相同。每個(gè)設(shè)計(jì)都應(yīng)該有一個(gè)完善的文件頭,包含公司名稱、設(shè)計(jì)者、設(shè)計(jì)時(shí)間、文件名、所屬項(xiàng)目、模塊名稱及功能、修改記錄及版本信息等內(nèi)容。
    的頭像 發(fā)表于 04-26 11:43 ?330次閱讀
    FPGA研發(fā)設(shè)計(jì)規(guī)范的簡(jiǎn)明探討

    學(xué)起來!做PCB設(shè)計(jì)師中最靚的崽

    咱就是說,作為一名合格的PCB設(shè)計(jì)師,怎么可能只是簡(jiǎn)單地畫畫電路板就行?那不得同時(shí)具備 超凡耐心和堅(jiān)韌毅力 ,不然如何在反復(fù)迭代與精細(xì)調(diào)整中確保設(shè)計(jì)的準(zhǔn)確無誤;而且還得擁有 廣博的知識(shí)儲(chǔ)備 ,不然
    發(fā)表于 04-10 17:36

    永磁同步電機(jī)反電勢(shì)是如何產(chǎn)生的?為什么叫反電勢(shì)呢?

    其實(shí)反電勢(shì)的產(chǎn)生很好理解,記憶力稍好的同學(xué)都應(yīng)該知道早在初中和高中時(shí)就已經(jīng)接觸過
    的頭像 發(fā)表于 01-17 09:32 ?5726次閱讀
    永磁同步電機(jī)反電勢(shì)是如何產(chǎn)生的?為什么叫反電勢(shì)呢?

    最新μModule穩(wěn)壓器幫助設(shè)計(jì)師達(dá)到新的性能目標(biāo)

    電子發(fā)燒友網(wǎng)站提供《最新μModule穩(wěn)壓器幫助設(shè)計(jì)師達(dá)到新的性能目標(biāo).pdf》資料免費(fèi)下載
    發(fā)表于 11-24 10:03 ?0次下載
    最新μModule穩(wěn)壓器幫助<b class='flag-5'>設(shè)計(jì)師</b>達(dá)到新的性能目標(biāo)

    KiCad X 華秋 | 把您的 PCB 藝術(shù)品帶來 KiCon 吧:11月12日 深圳

    “ ?每位工程都是藝術(shù)家;每次會(huì)議都應(yīng)該有屬于自己的徽章。讓您的作品在 KiCon Asia 閃亮! ? ” 圖片引用自 HACKADAY 2023 KiCon Asia 報(bào)名通道已經(jīng)開啟
    的頭像 發(fā)表于 10-20 10:05 ?704次閱讀
    KiCad X 華秋 | 把您的 PCB 藝術(shù)品帶來 KiCon 吧:11月12日 深圳

    【kicad大會(huì)】把您的 PCB 藝術(shù)品帶來 KiCon 吧:SAO Hat 作品招募中

    “每位工程都是藝術(shù)家;每次會(huì)議都應(yīng)該有屬于自己的徽章。讓您的作品在KiConAsia閃亮!”
    的頭像 發(fā)表于 10-20 08:08 ?599次閱讀
    【kicad大會(huì)】把您的 PCB 藝術(shù)品帶來 KiCon 吧:SAO Hat 作品招募中

    【kicad大會(huì)】把您的 PCB 藝術(shù)品帶來 KiCon 吧:SAO Hat 作品招募中

    “ ?每位工程都是藝術(shù)家;每次會(huì)議都應(yīng)該有屬于自己的徽章。讓您的作品在 KiCon Asia 閃亮! ? ” 圖片引用自 HACKADAY 2023 KiCon Asia 報(bào)名通道已經(jīng)開啟
    的頭像 發(fā)表于 10-20 01:50 ?377次閱讀
    【kicad大會(huì)】把您的 PCB 藝術(shù)品帶來 KiCon 吧:SAO Hat 作品招募中

    學(xué)習(xí)PLC的菜鳥,都應(yīng)該養(yǎng)成哪些良好的習(xí)慣?

    對(duì)于學(xué)習(xí)PLC的菜鳥,養(yǎng)成以下良好的習(xí)慣將有助于提高學(xué)習(xí)效果和工作效率: (1)學(xué)習(xí)基礎(chǔ)知識(shí):首先,建立扎實(shí)的基礎(chǔ)知識(shí)是學(xué)習(xí)PLC的關(guān)鍵。了解數(shù)字電路、自動(dòng)控制理論、傳感器和執(zhí)行器等基礎(chǔ)概念,有助于
    的頭像 發(fā)表于 10-12 08:20 ?418次閱讀

    每個(gè)工程都應(yīng)該知道的示波器基礎(chǔ)知識(shí)問答

    示波器早已成為檢測(cè)電子線路最有效的工具之一,通過觀察線路關(guān)鍵節(jié)點(diǎn)的電壓電流波形可以直觀地檢查線路工作是否正常,驗(yàn)證設(shè)計(jì)是否恰當(dāng)。這對(duì)提高可靠性極有幫助。當(dāng)然對(duì)波形的正確分析判斷有賴于工程自身的經(jīng)驗(yàn)。
    的頭像 發(fā)表于 10-11 18:04 ?558次閱讀

    示波器知識(shí)最全匯總

    正文有點(diǎn)長(zhǎng),可收藏慢慢看Chrent示波器的介紹示波器的作用示波器屬于通用的儀器,任一個(gè)硬件工程都應(yīng)該了解示波器的工作原理并能夠熟練使用示波器,掌握示波器是對(duì)每個(gè)硬件工程的基本要求
    的頭像 發(fā)表于 09-28 08:30 ?1807次閱讀
    示波器知識(shí)最全匯總

    OpenHarmony應(yīng)用開發(fā)涉及的主要因素與UX設(shè)計(jì)規(guī)范

    多種不同的設(shè)備開發(fā)應(yīng)用時(shí),有如下設(shè)計(jì)原則: 差異性,充分了解所要支持的設(shè)備,包括屏幕尺寸、交互方式、使用場(chǎng)景、用戶人群等,對(duì)設(shè)備的特性進(jìn)行針對(duì)性的設(shè)計(jì)。 一致性,除了要考慮每個(gè)設(shè)備的特性外,還需要考慮
    發(fā)表于 09-25 15:03