{"id":117954,"date":"2022-08-01T11:40:17","date_gmt":"2022-08-01T14:40:17","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/?p=12848"},"modified":"2023-07-27T12:48:37","modified_gmt":"2023-07-27T15:48:37","slug":"ux-ui-vs-product-design","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/","title":{"rendered":"UI\/UX Design vs Product Design: entenda as diferen\u00e7as"},"content":{"rendered":"\n<p>A \u00e1rea de Design est\u00e1 muito relacionada com a de <a href=\"https:\/\/fluency.io\/br\/blog\/desenvolvimento-de-produto\/\" target=\"_blank\" rel=\"noreferrer noopener\">desenvolvimento de produtos<\/a><strong> <\/strong>e, por isso, os segmentos de<strong> Product Design, UX e UI<\/strong> v\u00eam se tornando cada vez mais comuns em muitas empresas do mercado f\u00edsico ou digital.&nbsp;<\/p>\n\n\n\n<p>Apesar de serem semelhantes, cada um deles apresenta caracter\u00edsticas espec\u00edficas que os diferenciam, pois tem aplica\u00e7\u00f5es diferentes dentro dos processos de cria\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Entenda as principais diferen\u00e7as entre Product Designer e UX\/UI Designer!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual a diferen\u00e7a entre Product Designer e UX\/UI designer?<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>A principal diferen\u00e7a entre um product designer e um UX\/UI designer est\u00e1 na aplica\u00e7\u00e3o do seu trabalho, sendo que o primeiro geralmente participa do projeto de uma maneira geral enquanto o segundo trabalha focado em oferecer uma boa experi\u00eancia para o usu\u00e1rio.&nbsp;<\/strong><\/p><\/blockquote>\n\n\n\n<p>Explicando melhor, o <strong>product designer <\/strong>\u00e9 um profissional que participa de <strong>processos de cria\u00e7\u00e3o de produtos f\u00edsicos ou digitais<\/strong>, considerando <strong>todos<\/strong> os pontos dessa constru\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Leva em considera\u00e7\u00e3o n\u00e3o apenas a experi\u00eancia, mas tamb\u00e9m aproveitamento, seguran\u00e7a e outros pontos importantes na constru\u00e7\u00e3o de um produto.<\/p>\n\n\n\n<p>J\u00e1 o <strong>UX\/UI designer <\/strong>\u00e9 um profissional focado em<strong> promover uma boa <a href=\"https:\/\/fluency.io\/br\/blog\/user-experience\/\" data-type=\"post\" data-id=\"2959\" target=\"_blank\" rel=\"noreferrer noopener\">experi\u00eancia do usu\u00e1rio (UX)<\/a> <\/strong>a partir de uma <strong><a href=\"https:\/\/fluency.io\/br\/blog\/guia-ui-designer\/\" data-type=\"post\" data-id=\"5381\" target=\"_blank\" rel=\"noreferrer noopener\">boa interface (UI)<\/a>.&nbsp;<\/strong><\/p>\n\n\n\n<p>Assim, o UX\/UI designer trabalha na constru\u00e7\u00e3o de <a href=\"https:\/\/fluency.io\/br\/blog\/produtos-digitais\/\" target=\"_blank\" rel=\"noreferrer noopener\">produtos digitais<\/a>, como sites e aplicativos, e projeta a maneira como uma interface deve ser de acordo com boas pr\u00e1ticas de <strong>usabilidade<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que significam as siglas UI e UX e o que s\u00e3o essas \u00e1reas?<\/h2>\n\n\n\n<p><a href=\"https:\/\/fluency.io\/br\/blog\/user-interface-design\/\"><strong>User Interface (UI)<\/strong><\/a><strong>, em portugu\u00eas, significa Interface do Usu\u00e1rio.<\/strong> Ou seja, \u00e9 o que o usu\u00e1rio est\u00e1 vendo em uma interface.&nbsp;<\/p>\n\n\n\n<p><strong>User Experience (UX), em portugu\u00eas, significa Experi\u00eancia do Usu\u00e1rio. <\/strong>O profissional que trabalha na cria\u00e7\u00e3o gr\u00e1fica para uma boa experi\u00eancia \u00e9 o UX designer.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Um profissional de UX\/UI Design tem como foco <strong>oferecer a melhor interface <\/strong>poss\u00edvel para o usu\u00e1rio consumidor do produto digital, considerando principalmente a usabilidade e sua <strong>experi\u00eancia.&nbsp;<\/strong><\/p>\n\n\n\n<p>Para construir um bom UI\/UX design, \u00e9 preciso <strong>considerar diversos pontos:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>o p\u00fablico que utiliza aquela interface;<\/li><li>o principal objetivo da tela;<\/li><li>clareza e objetividade da tela;<\/li><li>constru\u00e7\u00e3o do fluxo de acesso;<\/li><li>acessibilidade de telas;<\/li><li>defini\u00e7\u00e3o de cores;<\/li><li>defini\u00e7\u00e3o dos bot\u00f5es;<\/li><li>defini\u00e7\u00e3o dos textos;<\/li><li>e muitos outros pontos relacionados com experi\u00eancia e legibilidade de uma tela.&nbsp;<\/li><\/ul>\n\n\n\n<p>Com o avan\u00e7o dos produtos digitais, os profissionais de Design focados em UI e UX v\u00eam se tornando<strong> cada vez mais procurados e valorizados<\/strong>, pois esse cuidado com a interface faz toda a diferen\u00e7a para o usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<p>Uma interface bem constru\u00edda \u00e9 capaz de:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>melhorar o fluxo de telas;<\/li><li>facilitar a usabilidade;<\/li><li>tornar os processos mais r\u00e1pidos;<\/li><li>evitar d\u00favidas por parte dos clientes\/consumidores;<\/li><li>aumentar a taxa de convers\u00e3o;<\/li><li>melhorar a experi\u00eancia como um todo, entre muitos outros pontos.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">O que faz o profissional Product Designer?<\/h2>\n\n\n\n<p>Enquanto o UX\/UI designer trabalha focado na experi\u00eancia do usu\u00e1rio e na usabilidade da interface, <strong>o product designer tem uma atua\u00e7\u00e3o mais ampla dentro da constru\u00e7\u00e3o de um produto<\/strong>, seja ele f\u00edsico ou digital.<\/p>\n\n\n\n<p>O product designer pode trabalhar em <strong>qualquer etapa do processo de constru\u00e7\u00e3o de um produto<\/strong>, desde sua ideia at\u00e9 pesquisas de mercado e desenvolvimento da interface ou do produto f\u00edsico, se for o caso.<\/p>\n\n\n\n<p>Por isso, <strong>suas fun\u00e7\u00f5es est\u00e3o voltadas n\u00e3o apenas ao Design, mas tamb\u00e9m ao mercado <\/strong>e todas as informa\u00e7\u00f5es necess\u00e1rias para apresentar um produto realmente relevante \u00e0s pessoas.&nbsp;<\/p>\n\n\n\n<p>Al\u00e9m do Design em si, \u00e9 poss\u00edvel citar outros conhecimentos necess\u00e1rios para ser product designer, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>entendimento de pesquisas de mercado;<\/li><li>conhecimentos sobre p\u00fablico-alvo e personas;<\/li><li>constru\u00e7\u00e3o de identidades visuais e <a href=\"https:\/\/fluency.io\/br\/blog\/style-guide\/\" data-type=\"post\" data-id=\"11859\" target=\"_blank\" rel=\"noreferrer noopener\">style guide<\/a>;&nbsp;<\/li><li>conhecimento nas<a href=\"https:\/\/fluency.io\/br\/blog\/guia-figma\/\" target=\"_blank\" rel=\"noreferrer noopener\"> ferramentas de cria\u00e7\u00e3o<\/a> e edi\u00e7\u00e3o;<\/li><li><a href=\"https:\/\/fluency.io\/br\/blog\/gerente-de-produto\/\" target=\"_blank\" rel=\"noreferrer noopener\">gest\u00e3o de projeto e de produto<\/a>;<\/li><li>no\u00e7\u00f5es de marketing e publicidade e mais.&nbsp;<\/li><\/ul>\n\n\n\n<p>Assim, de maneira geral \u00e9 poss\u00edvel entender que <strong>as diferen\u00e7as entre um product designer e um UX\/UI designer est\u00e3o em suas fun\u00e7\u00f5es dentro do projeto<\/strong>, apesar dos dois profissionais terem conhecimentos semelhantes.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quais cursos fazer para se tornar Product Designer ou UX\/UI Designer?<\/h2>\n\n\n\n<p>A \u00e1rea de design de produtos e de UX\/UI Design <strong>n\u00e3o \u00e9 mais exclusividade dos designers formados em cursos superiores<\/strong>. Isso porque, hoje em dia, \u00e9 poss\u00edvel aprender sobre design de produtos em <strong>cursos livres.&nbsp;<\/strong><\/p>\n\n\n\n<p>Isso vale principalmente para quem quer<strong> focar nos produtos digitais, <\/strong>desde de sua concep\u00e7\u00e3o at\u00e9 o \u201cdesenho\u201d de suas interfaces.&nbsp;<\/p>\n\n\n\n<p>Por isso, quem deseja trabalhar com a <strong>\u00e1rea de Produtos<\/strong> hoje em dia consegue aprender sobre<strong> Design, mercado, marketing, publicidade, gest\u00e3o<\/strong> e muitos outros assuntos de maneira r\u00e1pida, completa e focada.&nbsp;<\/p>\n\n\n\n<p>Assim, torna-se um profissional j\u00e1 preparado para as demandas do mercado digital e aproveita as oportunidades dessa \u00e1rea.&nbsp;<\/p>\n\n\n\n<p>Quem deseja trabalhar com<strong> Gest\u00e3o de Projetos e Produtos em Design<\/strong> consegue aproveitar nossa <strong>Trilha de Gest\u00e3o de Produtos<\/strong> ou de <a href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-design\/\" data-type=\"page\" data-id=\"2376\" target=\"_blank\" rel=\"noreferrer noopener\">Design<\/a>, para aprender mais sobre o desenvolvimento de novos produtos digitais, um dos ramos em maior crescimento atualmente. <strong>Veja nossa <\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-gestao-de-produtos\/\" target=\"_blank\"><strong>Trilha de Produtos<\/strong><\/a><strong>!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez mais comuns em muitas empresas do mercado f\u00edsico ou digital.&nbsp; Apesar de serem semelhantes, cada um deles apresenta caracter\u00edsticas espec\u00edficas que os diferenciam, pois tem aplica\u00e7\u00f5es [&hellip;]<\/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-117954","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...\" \/>\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\/ux-ui-vs-product-design\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-01T14:40:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T15:48:37+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\/ux-ui-vs-product-design\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/\",\"name\":\"UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"datePublished\":\"2022-08-01T14:40:17+00:00\",\"dateModified\":\"2023-07-27T15:48:37+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI\/UX Design vs Product Design: entenda as diferen\u00e7as\"}]},{\"@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":"UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil","description":"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...","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\/ux-ui-vs-product-design\/","og_locale":"pt_BR","og_type":"article","og_title":"UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil","og_description":"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/","og_site_name":"Fluency.io Brasil","article_published_time":"2022-08-01T14:40:17+00:00","article_modified_time":"2023-07-27T15:48:37+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\/ux-ui-vs-product-design\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/","name":"UI\/UX Design vs Product Design: entenda as diferen\u00e7as - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"datePublished":"2022-08-01T14:40:17+00:00","dateModified":"2023-07-27T15:48:37+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"A \u00e1rea de Design est\u00e1 muito relacionada com a de desenvolvimento de produtos e, por isso, os segmentos de Product Design, UX e UI v\u00eam se tornando cada vez ...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/ux-ui-vs-product-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"UI\/UX Design vs Product Design: entenda as diferen\u00e7as"}]},{"@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\/117954","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=117954"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117954\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=117954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=117954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=117954"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=117954"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=117954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}