{"id":119999,"date":"2023-06-08T22:58:53","date_gmt":"2023-06-09T01:58:53","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/"},"modified":"2023-07-28T09:48:55","modified_gmt":"2023-07-28T12:48:55","slug":"diferenca-entre-ux-e-ui-compreendendo-as-distincoes","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/","title":{"rendered":"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es"},"content":{"rendered":"

<\/p>\n

Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es<\/h1>\n

Se voc\u00ea est\u00e1 envolvido com tecnologia, provavelmente j\u00e1 ouviu falar dos termos UX e UI. Embora esses termos sejam frequentemente usados \u200b\u200bjuntos, eles n\u00e3o s\u00e3o sin\u00f4nimos e t\u00eam significados distintos. Neste artigo, vamos explorar a diferen\u00e7a entre UX e UI e como eles se relacionam.<\/p>\n

O que \u00e9 UX?<\/h2>\n

UX \u00e9 a sigla para User Experience<\/a>, que em portugu\u00eas significa Experi\u00eancia do Usu\u00e1rio. \u00c9 um termo que se refere \u00e0 forma como um usu\u00e1rio interage com um produto ou servi\u00e7o. O objetivo do UX \u00e9 criar uma experi\u00eancia positiva para o usu\u00e1rio, tornando o produto ou servi\u00e7o f\u00e1cil de usar e agrad\u00e1vel.<\/p>\n

O UX \u00e9 uma disciplina que envolve muitas \u00e1reas, incluindo design, psicologia, sociologia e antropologia. Os profissionais de UX trabalham para entender as necessidades dos usu\u00e1rios e criar solu\u00e7\u00f5es que atendam a essas necessidades. Eles fazem Pesquisas de mercado<\/a>, entrevistam usu\u00e1rios e realizam Testes de usabilidade<\/a> para garantir que o produto ou servi\u00e7o seja f\u00e1cil de usar e atenda \u00e0s necessidades dos usu\u00e1rios.<\/p>\n

O que \u00e9 UI?<\/h2>\n

UI \u00e9 a sigla para User Interface<\/a>, que em portugu\u00eas significa Interface do Usu\u00e1rio. \u00c9 um termo que se refere \u00e0 forma como um produto ou servi\u00e7o \u00e9 apresentado ao usu\u00e1rio. A UI inclui elementos como bot\u00f5es, menus, \u00edcones e cores. O objetivo da UI \u00e9 tornar o produto ou servi\u00e7o visualmente atraente e f\u00e1cil de usar.<\/p>\n

Os profissionais de UI trabalham para criar interfaces que sejam f\u00e1ceis de usar e visualmente atraentes. Eles usam ferramentas de Design gr\u00e1fico<\/a> para criar layouts e elementos de interface, como bot\u00f5es e \u00edcones. Eles tamb\u00e9m trabalham em estreita colabora\u00e7\u00e3o com os profissionais de UX para garantir que a interface atenda \u00e0s necessidades dos usu\u00e1rios.<\/p>\n

Diferen\u00e7as entre UX e UI<\/h2>\n

Embora UX e UI estejam relacionados, eles t\u00eam diferen\u00e7as distintas. Aqui est\u00e3o algumas das principais diferen\u00e7as entre UX e UI:<\/p>\n

    \n
  1. UX se concentra na experi\u00eancia do usu\u00e1rio, enquanto UI se concentra na interface do usu\u00e1rio.<\/li>\n
  2. UX \u00e9 mais abrangente e envolve muitas \u00e1reas, enquanto UI \u00e9 mais espec\u00edfico e se concentra principalmente em Design gr\u00e1fico<\/a>.<\/li>\n
  3. UX \u00e9 mais estrat\u00e9gico, enquanto UI \u00e9 mais t\u00e1tico.<\/li>\n
  4. UX \u00e9 mais sobre pesquisa e testes, enquanto UI \u00e9 mais sobre Design gr\u00e1fico<\/a> e cria\u00e7\u00e3o de elementos de interface.<\/li>\n
  5. UX \u00e9 mais sobre como o usu\u00e1rio se sente ao usar o produto ou servi\u00e7o, enquanto UI \u00e9 mais sobre como o produto ou servi\u00e7o parece.<\/li>\n
  6. UX \u00e9 mais sobre a jornada do usu\u00e1rio, enquanto UI \u00e9 mais sobre a apar\u00eancia do produto ou servi\u00e7o.<\/li>\n<\/ol>\n

    Como UX e UI se relacionam?<\/h2>\n

    Embora UX e UI sejam disciplinas distintas, elas est\u00e3o intimamente relacionadas. Para criar uma experi\u00eancia positiva para o usu\u00e1rio, \u00e9 necess\u00e1rio ter uma interface do usu\u00e1rio bem projetada. E para criar uma interface do usu\u00e1rio bem projetada, \u00e9 necess\u00e1rio entender as necessidades dos usu\u00e1rios.<\/p>\n

    Os profissionais de UX e UI trabalham em estreita colabora\u00e7\u00e3o para garantir que o produto ou servi\u00e7o atenda \u00e0s necessidades dos usu\u00e1rios e seja f\u00e1cil de usar. Os profissionais de UX fazem Pesquisas de mercado<\/a> e Testes de usabilidade<\/a> para entender as necessidades dos usu\u00e1rios, enquanto os profissionais de UI criam elementos de interface que atendam a essas necessidades.<\/p>\n

    Como aprender UX e UI?<\/h2>\n

    Se voc\u00ea est\u00e1 interessado em aprender UX e UI, existem muitas op\u00e7\u00f5es dispon\u00edveis. Aqui est\u00e3o algumas das melhores maneiras de aprender UX e UI:<\/p>\n

      \n
    1. Cursos online: Existem muitos cursos online que ensinam UX e UI. Awari \u00e9 uma plataforma de educa\u00e7\u00e3o brasileira que oferece cursos de UX e UI online.<\/li>\n
    2. Livros: Existem muitos livros sobre UX e UI dispon\u00edveis. Alguns dos melhores livros incluem “Don’t Make Me Think” de Steve Krug e “The Design of Everyday Things” de Don Norman.<\/li>\n
    3. Confer\u00eancias<\/a>: Existem muitas Confer\u00eancias<\/a> de UX e UI realizadas em todo o mundo. Participar dessas Confer\u00eancias<\/a> pode ser uma \u00f3tima maneira de aprender sobre as \u00faltimas tend\u00eancias e t\u00e9cnicas em UX e UI.<\/li>\n<\/ol>\n

      Conclus\u00e3o<\/h2>\n

      UX e UI s\u00e3o disciplinas distintas, mas intimamente relacionadas. UX se concentra na experi\u00eancia do usu\u00e1rio, enquanto UI se concentra na interface do usu\u00e1rio. Para criar uma experi\u00eancia positiva para o usu\u00e1rio, \u00e9 necess\u00e1rio ter uma interface do usu\u00e1rio bem projetada. E para criar uma interface do usu\u00e1rio bem projetada, \u00e9 necess\u00e1rio entender as necessidades dos usu\u00e1rios. Se voc\u00ea est\u00e1 interessado em aprender UX e UI, existem muitas op\u00e7\u00f5es dispon\u00edveis, incluindo cursos online, livros e Confer\u00eancias<\/a>. Awari \u00e9 uma plataforma de educa\u00e7\u00e3o brasileira que oferece cursos de UX e UI online.<\/p>\n

      <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"

      Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Aprenda mais com cursos online, livros e confer\u00eancias.<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-119999","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"\nDiferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-09T01:58:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T12:48:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/\",\"name\":\"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"datePublished\":\"2023-06-09T01:58:53+00:00\",\"dateModified\":\"2023-07-28T12:48:55+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil","description":"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/","og_locale":"pt_BR","og_type":"article","og_title":"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil","og_description":"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-06-09T01:58:53+00:00","article_modified_time":"2023-07-28T12:48:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/","name":"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"datePublished":"2023-06-09T01:58:53+00:00","dateModified":"2023-07-28T12:48:55+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Compreenda as diferen\u00e7as entre UX e UI, as disciplinas distintas, mas intimamente relacionadas que se concentram na experi\u00eancia e interface do usu\u00e1rio. Apr...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/diferenca-entre-ux-e-ui-compreendendo-as-distincoes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Diferen\u00e7a entre UX e UI: Compreendendo as Distin\u00e7\u00f5es"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/119999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=119999"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/119999\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=119999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=119999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=119999"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=119999"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=119999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}