{"id":124808,"date":"2021-09-30T10:49:44","date_gmt":"2021-09-30T10:49:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/design-de-ux-vs-ui-qual-e-a-diferenca\/"},"modified":"2025-12-28T15:31:26","modified_gmt":"2025-12-28T13:31:26","slug":"design-de-ux-vs-ui-qual-e-a-diferenca","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/","title":{"rendered":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"124808\" class=\"elementor elementor-124808 elementor-77722\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-beb60ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"beb60ae\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78e26d7\" data-id=\"78e26d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6934ff5 elementor-widget elementor-widget-text-editor\" data-id=\"6934ff5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Design de UX vs. UI. Por onde devo iniciar? <\/p>\n<p>Bem, para come\u00e7ar, n\u00e3o \u00e9 poss\u00edvel construir um website sem ambos. A sensa\u00e7\u00e3o da experi\u00eancia do usu\u00e1rio \u00e9 t\u00e3o importante quanto a apar\u00eancia da interface do usu\u00e1rio. <\/p>\n<p>Portanto, na realidade, todos n\u00f3s que trabalhamos como designers web utilizamos tanto o design de UI quanto o design de UX ao criar websites. Dito isto, se estivermos discutindo sobre as disciplinas <em>formais<\/em> de UI e UX, trata-se de uma quest\u00e3o completamente distinta. E, se voc\u00ea est\u00e1 aqui, \u00e9 poss\u00edvel que esteja ponderando se uma dessas carreiras \u00e9 adequada para voc\u00ea. <\/p>\n<p>Quanto \u00e0 escolha de qual seguir, n\u00e3o h\u00e1 uma resposta simples para isso. Qualquer pessoa que esteja considerando tornar-se um designer web precisa determinar isso por si mesma. Portanto, \u00e9 para isso que serve o guia a seguir. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-768a835 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"768a835\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d5df62\" data-id=\"7d5df62\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7f3903 read-more-link elementor-widget elementor-widget-heading\" data-id=\"f7f3903\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\">Como Evitar Armadilhas de UX e Aumentar as Convers\u00f5es<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b9fd0f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b9fd0f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70b75d\" data-id=\"c70b75d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-851abcc blog-toc elementor-widget elementor-widget-heading\" data-id=\"851abcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00cdndice<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf1f97 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5cf1f97\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#ux-vs-ui\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Design de UI vs. UX: Qual \u00e9 a Diferen\u00e7a?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ux-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Quais s\u00e3o as Atribui\u00e7\u00f5es de um Designer de UX?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ui-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Quais s\u00e3o as Atribui\u00e7\u00f5es de um Designer de UI?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-do-ux-design\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Como o Design de UX e o Design de UI Trabalham em Conjunto?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-get-started\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Como Iniciar como Designer de UI ou UX<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#which-career-path\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Qual Trajet\u00f3ria Profissional Voc\u00ea Deve Escolher?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c87b216 elementor-widget elementor-widget-menu-anchor\" data-id=\"c87b216\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ux-vs-ui\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6369edd elementor-widget elementor-widget-heading\" data-id=\"6369edd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-425e76b elementor-widget elementor-widget-text-editor\" data-id=\"425e76b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Comecemos com as diferen\u00e7as fundamentais entre os dois princ\u00edpios de design:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632d6c8 elementor-widget elementor-widget-heading\" data-id=\"632d6c8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">O que \u00e9 Design de Experi\u00eancia do Usu\u00e1rio (UX)?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cf8285 elementor-widget elementor-widget-text-editor\" data-id=\"0cf8285\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>O design de experi\u00eancia do usu\u00e1rio est\u00e1 relacionado ao qu\u00e3o bem um website funciona: <\/p>\n<ul>\n<li>Como os usu\u00e1rios se sentem em rela\u00e7\u00e3o ao website? <\/li>\n<li>Qu\u00e3o fluida \u00e9 a navega\u00e7\u00e3o dos usu\u00e1rios pelo site?<\/li>\n<li>Qu\u00e3o f\u00e1cil \u00e9 para os usu\u00e1rios atingirem seus objetivos?<\/li>\n<\/ul>\n<p>O design de UX \u00e9 uma abordagem centrada no ser humano para o design web. Por essa raz\u00e3o, os designers de UX dependem fortemente de pesquisa e testes a fim de descobrir o que seu p\u00fablico necessita, o que valoriza e o que lhes causa desconforto \u2014 e ent\u00e3o projetar uma solu\u00e7\u00e3o ideal em torno disso. <\/p>\n<p>O objetivo final \u00e9 <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"criar um site\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"282\">criar um website<\/a> que o usu\u00e1rio considere utiliz\u00e1vel, \u00fatil e valioso.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76597e3 elementor-widget elementor-widget-heading\" data-id=\"76597e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">O que \u00e9 Design de Interface do Usu\u00e1rio (UI)?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d4226 elementor-widget elementor-widget-text-editor\" data-id=\"49d4226\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>O design de interface do usu\u00e1rio est\u00e1 relacionado \u00e0 est\u00e9tica do website: <\/p>\n<ul>\n<li>Os usu\u00e1rios o consideram atraente? <\/li>\n<li>Os elementos interativos s\u00e3o intuitivos?<\/li>\n<li>O design parece natural e provoca uma resposta positiva?<\/li>\n<\/ul>\n<p>O design de UI \u00e9 o lado visual do design web. \u00c9 responsabilidade do designer de UI aperfei\u00e7oar os m\u00ednimos detalhes em um website: paletas de cores, combina\u00e7\u00f5es de fontes, imagens, formul\u00e1rios, menus, anima\u00e7\u00f5es ativadas por hover, bot\u00f5es e mais. <\/p>\n<p>Os designers de UI dependem de pesquisas e tend\u00eancias de design, an\u00e1lise da ind\u00fastria e princ\u00edpios de design web para criar uma interface e intera\u00e7\u00f5es com as quais os usu\u00e1rios se sintam confort\u00e1veis e confiantes ao utilizar.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22860a4 elementor-widget elementor-widget-menu-anchor\" data-id=\"22860a4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"o-que-um-designer-de-ux-faz\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de8563c elementor-widget elementor-widget-heading\" data-id=\"de8563c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quais s\u00e3o as Atribui\u00e7\u00f5es de um Designer de UX?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3501b elementor-widget elementor-widget-text-editor\" data-id=\"4d3501b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Se voc\u00ea deseja construir um website que atraia os tipos corretos de visitantes e os leve a fazer o que voc\u00ea deseja, ent\u00e3o ele deve ser constru\u00eddo especificamente para eles. <\/p>\n<p>Obviamente, os objetivos da marca tamb\u00e9m precisam ser atendidos. No entanto, essas metas jamais ser\u00e3o alcan\u00e7adas se o website for incapaz de converter visitantes. \u00c9 por isso que os designers de UX s\u00e3o uma parte inestim\u00e1vel do processo de design web. <\/p>\n<p>Eles aprimoram as chances de sucesso de uma marca ao projetar a partir da perspectiva do usu\u00e1rio.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00358f2 elementor-widget elementor-widget-heading\" data-id=\"00358f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Objetivos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f35320 elementor-widget elementor-widget-text-editor\" data-id=\"4f35320\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UX t\u00eam um objetivo duplo: <\/p>\n<ul>\n<li>Projetar experi\u00eancias de website sem atritos e centradas no usu\u00e1rio<\/li>\n<li>Auxiliar seus clientes a atingir seus objetivos de neg\u00f3cio atrav\u00e9s do website<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4205eec elementor-widget elementor-widget-heading\" data-id=\"4205eec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsabilidades Principais\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47baa98 elementor-widget elementor-widget-text-editor\" data-id=\"47baa98\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pode ser mais preciso referir-se aos designers de UX como <em>especialistas<\/em> em UX. Embora eles tenham participa\u00e7\u00e3o na concep\u00e7\u00e3o de wireframes e prot\u00f3tipos de baixa fidelidade para um website, a maior parte do que fazem envolve pesquisa, teste e valida\u00e7\u00e3o. <\/p>\n<p>Vamos examinar suas responsabilidades: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-444fa1f elementor-widget elementor-widget-heading\" data-id=\"444fa1f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Pesquisa<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bcdb63 elementor-widget elementor-widget-text-editor\" data-id=\"1bcdb63\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>H\u00e1 diversas maneiras pelas quais os designers de UX coletar\u00e3o dados a fim de formar hip\u00f3teses de trabalho para o website. <\/p>\n<p>A <strong>an\u00e1lise de concorrentes<\/strong> \u00e9 uma parte disso e \u00e9 especialmente \u00fatil se voc\u00ea estiver construindo um website para uma nova marca com pouco ou nenhum dado de cliente para se basear. <\/p>\n<p><strong>Estat\u00edsticas do setor<\/strong> \u00e9 outra m\u00e9trica \u00fatil na fase de pesquisa. Os designers de UX utilizam esses dados para aprender mais sobre o p\u00fablico, identificar tend\u00eancias do setor e mais. <\/p>\n<p>Dependendo do tamanho do website, alguns designers de UX tamb\u00e9m conduzir\u00e3o <strong>pesquisa de campo<\/strong>. Atrav\u00e9s de pesquisas e entrevistas com usu\u00e1rios, os designers aprender\u00e3o em primeira m\u00e3o sobre quem s\u00e3o os usu\u00e1rios-alvo, suas dores e suas motiva\u00e7\u00f5es.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9686e39 elementor-widget elementor-widget-heading\" data-id=\"9686e39\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Personas de Usu\u00e1rio\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e3a3f elementor-widget elementor-widget-text-editor\" data-id=\"76e3a3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Uma persona de usu\u00e1rio \u00e9 um usu\u00e1rio fict\u00edcio que os pesquisadores de UX criam. Eles utilizam o que aprenderam sobre o p\u00fablico-alvo de seu cliente e usam essas caracter\u00edsticas para construir uma persona de usu\u00e1rio (ou personas, se tiverem v\u00e1rios segmentos de usu\u00e1rios).<\/p>\n<p>Aqui est\u00e1 um exemplo do <a href=\"https:\/\/personagenerator.com\/\" target=\"_blank\" rel=\"noopener\">PersonaGenerator<\/a> de como uma persona de usu\u00e1rio pode parecer:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1119bde elementor-widget elementor-widget-image\" data-id=\"1119bde\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png\" class=\"attachment-large size-large wp-image-77755\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e75dc1 elementor-widget elementor-widget-text-editor\" data-id=\"6e75dc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Todos os tipos de detalhes precisam ser definidos. Por exemplo: <\/p>\n<ul>\n<li>Demografia<\/li>\n<li>Necessidades (em rela\u00e7\u00e3o ao website sendo constru\u00eddo)<\/li>\n<li>Desejos<\/li>\n<li>Valores<\/li>\n<li>Temores<\/li>\n<li>Perfil tecnol\u00f3gico<\/li>\n<li>Cita\u00e7\u00f5es que resumem como se sentem e como soam<\/li>\n<\/ul>\n<p>O prop\u00f3sito \u00e9 criar uma representa\u00e7\u00e3o realista do usu\u00e1rio para que o designer possa comercializar e vender para eles de forma mais eficaz. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3150ce9 elementor-widget elementor-widget-heading\" data-id=\"3150ce9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Arquitetura da Informa\u00e7\u00e3o\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-945ec19 elementor-widget elementor-widget-text-editor\" data-id=\"945ec19\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UX adotam uma abordagem cuidadosamente mensurada e incremental para projetar um website. Assim, uma vez conclu\u00edda a pesquisa, a arquitetura da informa\u00e7\u00e3o ser\u00e1 planejada. <\/p>\n<p>Embora voc\u00ea pudesse simplesmente desconsiderar isso como planejamento do mapa do site, \u00e9 muito mais do que isso. <\/p>\n<p>Os designers de UX utilizam algo chamado card sorting para desenvolver a estrutura, fluxos de trabalho e organiza\u00e7\u00e3o de conte\u00fado ideais para o website. Esta parte do design de UX requer entrada direta dos usu\u00e1rios.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e19b50 elementor-widget elementor-widget-heading\" data-id=\"4e19b50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Wireframes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9390116 elementor-widget elementor-widget-text-editor\" data-id=\"9390116\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wireframes s\u00e3o prot\u00f3tipos de baixa fidelidade de um website. Eles permitem que os designers de UX aperfei\u00e7oem a estrutura, o layout e os fluxos de usu\u00e1rio do website sem se preocuparem com os detalhes. <\/p>\n<p>Aqui est\u00e1 um exemplo de como um wireframe versus um mockup se parece: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3efaa1 elementor-widget elementor-widget-image\" data-id=\"f3efaa1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"750\" height=\"480\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750,h=480\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png\" class=\"attachment-large size-large wp-image-39716\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png 750w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind-300x192.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fdd661 elementor-widget elementor-widget-text-editor\" data-id=\"3fdd661\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wireframes s\u00e3o tipicamente apenas estrutura b\u00e1sica. Em outras palavras, voc\u00ea v\u00ea o layout bem como os espa\u00e7os reservados para onde imagens, texto e outros elementos v\u00e3o na p\u00e1gina. E \u00e9 isso. Ao esbo\u00e7ar a funda\u00e7\u00e3o da p\u00e1gina, \u00e9 muito mais f\u00e1cil focar em fazer escolhas de design estrat\u00e9gicas e criativas na fase de mockup.<\/p>\n<p>Wireframes podem ser esbo\u00e7ados \u00e0 m\u00e3o, feitos usando software de wireframing ou voc\u00ea pode <a href=\"https:\/\/elementor.com\/blog\/wireframe-website\/\" target=\"_blank\" rel=\"noopener\">construir seus wireframes diretamente no Elementor<\/a>. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb0557 elementor-widget elementor-widget-heading\" data-id=\"dbb0557\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">An\u00e1lise, Teste de Usabilidade e Itera\u00e7\u00e3o\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-451a970 elementor-widget elementor-widget-text-editor\" data-id=\"451a970\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UX trabalham em um ciclo fechado. Portanto, eles n\u00e3o apenas formulam hip\u00f3teses sobre o que funcionar\u00e1 no website. Eles realmente as colocam \u00e0 prova. <\/p>\n<p>H\u00e1 uma variedade de maneiras pelas quais os designers de UX conduzem <a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\" target=\"_blank\" rel=\"noopener\">testes de usabilidade<\/a>: <\/p>\n<ul>\n<li>Entrevistas presenciais<\/li>\n<li>Pesquisas<\/li>\n<li>Formul\u00e1rios de feedback do website<\/li>\n<li>Mapas de calor<\/li>\n<li>Grava\u00e7\u00f5es de sess\u00e3o<\/li>\n<\/ul>\n<p>\u00c0 medida que coletam feedback real dos usu\u00e1rios e estudam as an\u00e1lises do website ao vivo, eles ajustam o website de acordo. O design de UX \u00e9 um processo iterativo \u2014 um que visa sempre melhorar a experi\u00eancia do usu\u00e1rio e ajudar a marca a exceder seus objetivos ao longo do tempo. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b61c4 elementor-widget elementor-widget-heading\" data-id=\"79b61c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ferramentas de Design de UX\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb396cd elementor-widget elementor-widget-text-editor\" data-id=\"eb396cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aqui est\u00e3o algumas das ferramentas comuns que um designer de UX utilizar\u00e1: <\/p>\n<ul>\n<li>Ferramentas de pesquisa competitiva como <a href=\"https:\/\/www.semrush.com\" target=\"_blank\" rel=\"noopener\">SEMrush<\/a><\/li>\n<li>Ferramentas de pesquisa do setor como <a href=\"https:\/\/www.similarweb.com\/\" target=\"_blank\" rel=\"noopener\">SimilarWeb<\/a><\/li>\n<li>Ferramentas de pesquisa de usu\u00e1rios e recrutamento de testadores como <a href=\"https:\/\/www.userinterviews.com\/\" target=\"_blank\" rel=\"noopener\">User Interviews<\/a><\/li>\n<li>Ferramentas de wireframing e prototipagem como <a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/li>\n<li>Ferramentas de teste de websites como <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener\">Hotjar<\/a><\/li>\n<li>Ferramentas de teste de usabilidade como <a href=\"https:\/\/www.userzoom.com\/\" target=\"_blank\" rel=\"noopener\">UserZoom<\/a><\/li>\n<li>Ferramentas de an\u00e1lise de websites como <a href=\"https:\/\/www.kissmetrics.io\/\" target=\"_blank\" rel=\"noopener\">Kissmetrics<\/a><\/li>\n<\/ul>\n<p>Como se pode imaginar com um processo t\u00e3o extenso e intensivo, os designers de UX n\u00e3o podem realizar tudo isso por conta pr\u00f3pria. Ou, pelo menos, n\u00e3o seria eficiente faz\u00ea-lo. Ter um conjunto de ferramentas de UX pode ser um verdadeiro divisor de \u00e1guas nesta linha de trabalho.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45b752d elementor-widget elementor-widget-menu-anchor\" data-id=\"45b752d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"o-que-faz-um-designer-de-ui\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d1dd19 elementor-widget elementor-widget-heading\" data-id=\"5d1dd19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">O Que Faz um Designer de UI?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e35ef1f elementor-widget elementor-widget-text-editor\" data-id=\"e35ef1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>N\u00e3o h\u00e1 d\u00favida de que a usabilidade e a utilidade de um website s\u00e3o importantes para os seus usu\u00e1rios. Mas n\u00e3o \u00e9 apenas a experi\u00eancia de navegar ou utilizar um website que tem impacto nas taxas de convers\u00e3o e abandono do site. <\/p>\n<p>A apar\u00eancia tamb\u00e9m \u00e9 um fator. <\/p>\n<p>Isso \u00e9 comprovado por um princ\u00edpio de design web chamado <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noopener\">Efeito Est\u00e9tico-Usabilidade<\/a>. Basicamente, os usu\u00e1rios acreditam que interfaces atraentes funcionam melhor do que aquelas que n\u00e3o s\u00e3o. <\/p>\n<p>Portanto, o design de UI desempenha um papel importante na solidifica\u00e7\u00e3o dessa primeira impress\u00e3o <em>e<\/em> em conduzir os usu\u00e1rios \u00e0 experi\u00eancia real que o designer de UX trabalhou t\u00e3o incansavelmente para criar. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b74be65 elementor-widget elementor-widget-heading\" data-id=\"b74be65\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Objetivos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c1b70 elementor-widget elementor-widget-text-editor\" data-id=\"d1c1b70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UI t\u00eam uma s\u00e9rie de objetivos: <\/p>\n<ul>\n<li>Criar interfaces que capturem com precis\u00e3o a personalidade, a voz e os valores da marca<\/li>\n<li>Criar interfaces esteticamente agrad\u00e1veis que provoquem uma resposta positiva do usu\u00e1rio<\/li>\n<li>Projetar interfaces e intera\u00e7\u00f5es que maximizem as convers\u00f5es<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d33c05c elementor-widget elementor-widget-heading\" data-id=\"d33c05c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsabilidades Principais\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf00d8 elementor-widget elementor-widget-text-editor\" data-id=\"baf00d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UI concentram-se no que o visitante v\u00ea em um website \u2014 at\u00e9 os m\u00ednimos detalhes. Eles tamb\u00e9m s\u00e3o respons\u00e1veis por projetar as intera\u00e7\u00f5es que mant\u00eam os usu\u00e1rios engajados com o conte\u00fado e fluindo sem esfor\u00e7o de p\u00e1gina em p\u00e1gina. <\/p>\n<p>Vamos dar uma olhada em suas responsabilidades: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3dab1 elementor-widget elementor-widget-heading\" data-id=\"9f3dab1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Pesquisa<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81cacd4 elementor-widget elementor-widget-text-editor\" data-id=\"81cacd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Os designers de UI come\u00e7am com uma robusta rodada de pesquisa. Embora parte dela envolva an\u00e1lise do usu\u00e1rio (se o cliente tiver um website existente), h\u00e1 outras pesquisas envolvidas. <\/p>\n<p>Os designers de UI conduzem <strong>pesquisa competitiva<\/strong> para descobrir o que as empresas l\u00edderes no setor est\u00e3o fazendo com seus websites, bem como para ver como eles se parecem e como funcionam. <\/p>\n<p>Eles tamb\u00e9m fazem <strong>pesquisa de design<\/strong>. Embora originalidade e memorabilidade sejam importantes no design de UI, a confian\u00e7a dos usu\u00e1rios com a interface tamb\u00e9m \u00e9. E desviar-se muito das normas pode ser extremamente problem\u00e1tico para muitos websites. <\/p>\n<p>Muito disso eles saber\u00e3o de cabe\u00e7a, como quais s\u00e3o as <a href=\"https:\/\/elementor.com\/blog\/web-design-trends\/\" target=\"_blank\" rel=\"noopener\">\u00faltimas tend\u00eancias em design web<\/a> e o que os padr\u00f5es web atuais ditam para coisas como design responsivo, acessibilidade e padr\u00f5es de codifica\u00e7\u00e3o. Mas eles tamb\u00e9m podem precisar se atualizar sobre o que est\u00e1 em tend\u00eancia dentro de sua ind\u00fastria ou nicho.<\/p>\n<p>A psicologia tamb\u00e9m \u00e9 um fator importante no design de UI, ent\u00e3o os designers de UI precisar\u00e3o se atualizar sobre <a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\">os princ\u00edpios do design de websites<\/a>, bem como sobre <strong>psicologia do usu\u00e1rio<\/strong> para garantir que seus designs acionem os bot\u00f5es emocionais corretos. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a852f73 elementor-widget elementor-widget-heading\" data-id=\"a852f73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Identidade da Marca\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d663eea elementor-widget elementor-widget-text-editor\" data-id=\"d663eea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>O desenvolvimento da identidade da marca n\u00e3o se trata apenas de <a href=\"https:\/\/elementor.com\/blog\/how-to-design-logo\/\" target=\"_blank\" rel=\"noopener\">design de logo<\/a>, embora os designers de UI tamb\u00e9m possam precisar ajudar os clientes com isso. <\/p>\n<p>O processo de desenvolvimento da identidade visual de uma marca consiste em estrategizar como a marca de um website se parecer\u00e1 e garantir que ela envie os sinais corretos para seu p\u00fablico-alvo. <\/p>\n<p>Portanto, os designers de UI primeiro precisar\u00e3o descobrir qual \u00e9 a personalidade e o estilo visual da marca. Eles ent\u00e3o definir\u00e3o as <a href=\"https:\/\/elementor.com\/blog\/brand-imagery\/\" target=\"_blank\" rel=\"noopener\">imagens da marca<\/a> que as acompanham: elementos como a paleta de cores, tipografia, imagens, iconografia, padr\u00f5es e mais.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ef8ce elementor-widget elementor-widget-heading\" data-id=\"57ef8ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Guias de Estilo\/Sistemas de Design\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40c8ce2 elementor-widget elementor-widget-text-editor\" data-id=\"40c8ce2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Uma vez que a identidade visual tenha sido definida, os designers de UI criam um <a href=\"https:\/\/elementor.com\/blog\/style-guide-examples\/\" target=\"_blank\" rel=\"noopener\">guia de estilo<\/a> e\/ou <a href=\"https:\/\/elementor.com\/blog\/design-system\/\" target=\"_blank\" rel=\"noopener\">sistema de design<\/a> para documentar a estrat\u00e9gia. <\/p>\n<p>Um guia de estilo \u00e9 imprescind\u00edvel, independentemente do tipo de website que voc\u00ea constr\u00f3i. Um sistema de design, por outro lado, \u00e9 melhor para websites maiores e aqueles que requerem manuten\u00e7\u00e3o e atualiza\u00e7\u00f5es cont\u00ednuas. <\/p>\n<p>N\u00e3o importa se voc\u00ea est\u00e1 trabalhando como um designer de UX\/UI solo. Um guia de estilo \u00e9 \u00fatil por v\u00e1rias raz\u00f5es: <\/p>\n<ul>\n<li>\u00c9 um plano de a\u00e7\u00e3o documentado que o ajudar\u00e1 a manter-se no caminho certo com o website que voc\u00ea est\u00e1 construindo <\/li>\n<li>Pode ser compartilhado com outros colaboradores para garantir que estejam consistentes com os estilos que voc\u00ea estabeleceu<\/li>\n<li>Isso far\u00e1 com que futuras atualiza\u00e7\u00f5es ou redesenhos do site ocorram de maneira mais suave, pois voc\u00ea n\u00e3o precisar\u00e1 reinventar a roda<\/li>\n<\/ul>\n<p>Aqui est\u00e1 um exemplo de como um guia de estilo se parece:  <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74bb4a6 elementor-widget elementor-widget-image\" data-id=\"74bb4a6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"451\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=451\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png\" class=\"attachment-large size-large wp-image-45431\" alt=\"spotify-style-guide\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1536x865.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1918\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide.png 1918w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Guia de estilo do Spotify<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-491f271 elementor-widget elementor-widget-text-editor\" data-id=\"491f271\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Um sistema de design levar\u00e1 as coisas mais adiante. Dentro do seu sistema de design, um designer de UI definir\u00e1 todos esses estilos, mas tamb\u00e9m salvar\u00e1 seus componentes em uma biblioteca \u2014 novamente, o que reduz o tempo de design\/re-design futuro. Os sistemas de design tamb\u00e9m resumem os objetivos do projeto, os valores da marca e como o site os executar\u00e1. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-243c1505 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"243c1505\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37a6b1b1\" data-id=\"37a6b1b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2984c111 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"2984c111\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/web-design-style-guide\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-download\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Baixe seu modelo de guia de estilo gratuito aqui<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-74ceab0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74ceab0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-906b1e7\" data-id=\"906b1e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7252132 elementor-widget elementor-widget-heading\" data-id=\"7252132\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Mockups<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30023fa elementor-widget elementor-widget-text-editor\" data-id=\"30023fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>O designer de UI pegar\u00e1 toda a sua pesquisa e planejamento e combinar\u00e1 com a base que o designer de UX estabeleceu. <\/p>\n<p>Os mockups do site ser\u00e3o representa\u00e7\u00f5es em escala real, em cores completas e completas de como cada p\u00e1gina da web parecer\u00e1 no produto final. <\/p>\n<p>Os designers de UI n\u00e3o est\u00e3o apenas preenchendo os detalhes visuais. Eles tamb\u00e9m precisam lidar com coisas como:  <\/p>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/blog\/white-space-web-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Espa\u00e7o em branco<\/strong><\/a> e como v\u00e3o us\u00e1-lo para melhorar a usabilidade e legibilidade<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/website-layout-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Hierarquia<\/strong><\/a> para que possam criar \u00e1reas de foco \u00f3bvias enquanto guiam efetivamente os visitantes pelo conte\u00fado<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/responsive-web-design-challenges\/\" target=\"_blank\" rel=\"noopener\"><strong>Design responsivo<\/strong><\/a> e como as p\u00e1ginas da web parecer\u00e3o em diferentes dispositivos e navegadores<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/introducing-motion-effects\/\" target=\"_blank\" rel=\"noopener\"><strong>Intera\u00e7\u00f5es e anima\u00e7\u00f5es<\/strong><\/a> em \u00e1reas cr\u00edticas de cada p\u00e1gina da web<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/web-accessibility-design-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>Acessibilidade<\/strong><\/a> para que todos os visitantes possam visualizar e acessar o conte\u00fado sem problemas<\/li>\n<\/ul>\n<p>Os designers de UI t\u00eam a op\u00e7\u00e3o de como projetar esses mockups. <\/p>\n<p>Eles podem constru\u00ed-los usando software de design ou mockup da mesma forma que os designers de UX fazem com wireframes. Ou eles podem projetar seus mockups diretamente no Elementor, o que ser\u00e1 f\u00e1cil de fazer se os wireframes j\u00e1 estiverem l\u00e1. Isso tamb\u00e9m far\u00e1 com que o desenvolvimento ocorra de maneira mais suave.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34a4b6e elementor-widget elementor-widget-heading\" data-id=\"34a4b6e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Teste A\/B\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c6e08 elementor-widget elementor-widget-text-editor\" data-id=\"41c6e08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Assim como o trabalho de um designer de UX nunca termina, o mesmo vale para os designers de UI. <\/p>\n<p>Uma vez que o site esteja no ar, os designers de UI precisam ficar de olho nas an\u00e1lises de tr\u00e1fego do site para ver se h\u00e1 algum atrito potencial impedindo os visitantes de converter. Eles tamb\u00e9m podem colaborar com designers de UX para executar mapas de calor e grava\u00e7\u00f5es de sess\u00e3o no site para ver se conseguem identificar obst\u00e1culos de UI em tempo real. <\/p>\n<p>Mas, em vez de implementar uma solu\u00e7\u00e3o permanente com base nessas observa\u00e7\u00f5es. Um designer de UI formar\u00e1 uma hip\u00f3tese sobre o problema \u2014 como \u201co bot\u00e3o CTA est\u00e1 muito abaixo na p\u00e1gina\u201d \u2014 e ent\u00e3o executar\u00e1 um teste A (controle) e B (vari\u00e1vel) para ver se um design alternativo tem um desempenho melhor. <\/p>\n<p>Realisticamente, o designer de UI poderia <a href=\"https:\/\/elementor.com\/blog\/a-b-testing\/\" target=\"_blank\" rel=\"noopener\">executar testes A\/B<\/a> durante toda a vida \u00fatil de um site. Eles n\u00e3o s\u00e3o apenas \u00fateis para resolver problemas de design visual, mas tamb\u00e9m para melhorar a apar\u00eancia e a sensa\u00e7\u00e3o geral do site.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd94d19 elementor-widget elementor-widget-heading\" data-id=\"bd94d19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ferramentas de Design de UI\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34184b elementor-widget elementor-widget-text-editor\" data-id=\"a34184b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aqui est\u00e3o algumas das ferramentas comuns que um designer de UI usar\u00e1:  <\/p>\n<ul>\n<li>Recursos de organiza\u00e7\u00e3o de design da web como o <a href=\"https:\/\/www.nngroup.com\/articles\/\" target=\"_blank\" rel=\"noopener\">blog do Nielsen Norman Group<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/standards\/webdesign\/\" target=\"_blank\" rel=\"noopener\">World Wide Web Consortium<\/a> para os mais recentes padr\u00f5es, tecnologias e tend\u00eancias da web<\/li>\n<li>Ferramentas de desenvolvimento de diretrizes de marca como <a href=\"https:\/\/www.frontify.com\/\" target=\"_blank\" rel=\"noopener\">Frontify<\/a><\/li>\n<li>Kits de UI como os encontrados no <a href=\"https:\/\/ui8.net\/\" target=\"_blank\" rel=\"noopener\">UI8<\/a><\/li>\n<li>Modelos de mockup como os da <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener\">biblioteca de templates do Elementor<\/a><\/li>\n<li>Software de design como <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\">Sketch<\/a><\/li>\n<li>Um sistema de gerenciamento de conte\u00fado como <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a><\/li>\n<li>Ferramentas de an\u00e1lise como <a href=\"https:\/\/analytics.google.com\/analytics\/web\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a><\/li>\n<\/ul>\n<p>Os designers de UI s\u00e3o pr\u00e1ticos quando se trata de design, ent\u00e3o a maioria de suas ferramentas precisa consistir em ferramentas de design que eles conhecem bem e confiam. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c77249 elementor-widget elementor-widget-menu-anchor\" data-id=\"7c77249\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-fazer-design-ux\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1e161f elementor-widget elementor-widget-heading\" data-id=\"f1e161f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Como o Design UX e o Design UI Trabalham Juntos?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74b14bb elementor-widget elementor-widget-text-editor\" data-id=\"74b14bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Olhando para as diferen\u00e7as entre UI e UX, voc\u00ea pode pensar que n\u00e3o h\u00e1 muita sobreposi\u00e7\u00e3o entre os dois pap\u00e9is. Mas h\u00e1. <\/p>\n<p>Os designers de UX n\u00e3o podem simplesmente trabalhar isolados e depois entregar seus sitemaps e wireframes ao designer de UI ou desenvolvedor quando terminarem. Ou vice-versa. <\/p>\n<p>Mesmo que cada fun\u00e7\u00e3o \u2014 designer de UX, designer de UI e at\u00e9 mesmo <a href=\"https:\/\/elementor.com\/blog\/web-designer-vs-web-developer\/\" target=\"_blank\" rel=\"noopener\">o desenvolvedor web<\/a> \u2014 trabalhe em aspectos distintos e em diferentes etapas do projeto, \u00e9 necess\u00e1rio que haja colabora\u00e7\u00e3o ao longo de todo o processo. <\/p>\n<p>Primeiramente, <strong>isto assegura a consist\u00eancia<\/strong> na forma como o website \u00e9 projetado, o conte\u00fado \u00e9 redigido e, em \u00faltima inst\u00e2ncia, como tudo \u00e9 executado ao final. <\/p>\n<p>H\u00e1 tamb\u00e9m a quest\u00e3o da <strong>coleta de informa\u00e7\u00f5es<\/strong>. O que o designer de UX aprende sobre os usu\u00e1rios, a concorr\u00eancia e o setor n\u00e3o deve permanecer como um segredo comercial. O mesmo se aplica ao que o designer de UI compreende sobre as tend\u00eancias e padr\u00f5es de design web. Ou, nesse sentido, o que o <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-does-a-web-developer-do\/\" title=\"desenvolvedor web\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4222\">desenvolvedor web<\/a> conhece sobre as capacidades de codifica\u00e7\u00e3o. <\/p>\n<p>O que um designer tem em mente para o website pode n\u00e3o estar alinhado com os princ\u00edpios comprovados de design web, ou o desenvolvedor pode n\u00e3o ser capaz de executar impecavelmente o que foi idealizado. Uma colabora\u00e7\u00e3o estreita garantir\u00e1 que nunca seja necess\u00e1rio recome\u00e7ar do zero.<\/p>\n<p>Tamb\u00e9m \u00e9 preciso <strong>considerar a transfer\u00eancia<\/strong>. <\/p>\n<p>Geralmente, o designer de UX transmite sua pesquisa e trabalho para o designer de UI e o desenvolvedor web. E o designer de UI transmite seus mockups para o desenvolvedor web. Todos esses tr\u00eas profissionais trabalham com ferramentas diferentes e utilizam uma &#8216;linguagem&#8217; de design distinta. <\/p>\n<p>Sem uma colabora\u00e7\u00e3o pr\u00f3xima, boa comunica\u00e7\u00e3o e um sistema s\u00f3lido de transfer\u00eancia, as coisas podem se complicar \u00e0 medida que o website muda de m\u00e3os. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f34c2f9 elementor-widget elementor-widget-menu-anchor\" data-id=\"f34c2f9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-comear\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fc82b elementor-widget elementor-widget-heading\" data-id=\"d1fc82b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Como Iniciar como Designer de UI ou UX\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2542360 elementor-widget elementor-widget-text-editor\" data-id=\"2542360\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Eis o que voc\u00ea precisa saber para come\u00e7ar como designer de UI vs. UX:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e9756 elementor-widget elementor-widget-heading\" data-id=\"41e9756\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Habilidades <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5180a66 elementor-widget elementor-widget-text-editor\" data-id=\"5180a66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Haver\u00e1 alguma sobreposi\u00e7\u00e3o entre designers de UI e UX no que diz respeito \u00e0s habilidades interpessoais. Aspectos como:<\/p>\n<ul>\n<li>Criatividade<\/li>\n<li>Organiza\u00e7\u00e3o<\/li>\n<li>Colabora\u00e7\u00e3o<\/li>\n<li>Resolu\u00e7\u00e3o de problemas<\/li>\n<li>Adaptabilidade <\/li>\n<\/ul>\n<p>No entanto, devido \u00e0s diferentes tarefas que realizam e aos objetivos que perseguem, os designers de UI e UX necessitar\u00e3o, em sua maioria, de conjuntos de habilidades distintos. <\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><b>Designers UX<\/b><\/p>\n<\/td>\n<td>\n<p><b>Designers UI<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Pensamento cr\u00edtico<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Pensamento criativo<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Pesquisa de usu\u00e1rio, ind\u00fastria e concorr\u00eancia<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Princ\u00edpios e padr\u00f5es de design web<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Coordena\u00e7\u00e3o de projetos<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Psicologia humana<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">An\u00e1lise<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Design visual<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Estrat\u00e9gia e planejamento<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Design responsivo<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Wireframing<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Marca<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Arquitetura da informa\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Design de intera\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Testes e itera\u00e7\u00e3o<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">HTML5 e CSS3<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f925fe9 elementor-widget elementor-widget-heading\" data-id=\"f925fe9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Educa\u00e7\u00e3o<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19cd6b7 elementor-widget elementor-widget-text-editor\" data-id=\"19cd6b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Uma educa\u00e7\u00e3o formal em design n\u00e3o \u00e9 requisito para se tornar um designer de UX ou UI. Dito isto, visto que estas s\u00e3o \u00e1reas altamente especializadas do design web e \u00e9 prov\u00e1vel que voc\u00ea receba uma remunera\u00e7\u00e3o superior \u00e0 de algu\u00e9m que se intitula &#8216;web designer&#8217;, \u00e9 aconselh\u00e1vel obter uma certifica\u00e7\u00e3o. <\/p>\n<p>A boa not\u00edcia \u00e9 que h\u00e1 in\u00fameros recursos online onde voc\u00ea pode realizar seu treinamento certificado (e n\u00e3o certificado) em UX ou UI: <\/p>\n<p>A <a href=\"https:\/\/www.interaction-design.org\/courses\" target=\"_blank\" rel=\"noopener\">Interaction Design Foundation<\/a> \u00e9 um bom recurso para come\u00e7ar. Tamb\u00e9m podemos recomendar esta lista dos <a class=\"c-link\" href=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" data-sk=\"tooltip_parent\" data-remove-tab-index=\"true\">Melhores recursos de UX<\/a> para aprender mais sobre o assunto.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-583d937 elementor-widget elementor-widget-image\" data-id=\"583d937\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png\" class=\"attachment-large size-large wp-image-77756\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f33261 elementor-widget elementor-widget-text-editor\" data-id=\"4f33261\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Embora eles classifiquem seus cursos como &#8216;Cursos de Experi\u00eancia do Usu\u00e1rio&#8217;, eles abrangem uma ampla gama de t\u00f3picos. Psicologia Gestalt e design de intera\u00e7\u00e3o, por exemplo, s\u00e3o boas escolhas para designers de UI em forma\u00e7\u00e3o.<\/p>\n<p><a href=\"https:\/\/www.coursera.org\/specializations\/ui-ux-design\" target=\"_blank\" rel=\"noopener\">Coursera<\/a> \u00e9 outro excelente recurso de treinamento. Diferentemente da IDF, voc\u00ea pode fazer cursos e obter certifica\u00e7\u00f5es de diversos provedores. Como o Google: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11946c0 elementor-widget elementor-widget-image\" data-id=\"11946c0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png\" class=\"attachment-large size-large wp-image-77757\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a71511 elementor-widget elementor-widget-text-editor\" data-id=\"4a71511\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.nngroup.com\/ux-certification\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group<\/a> e <a href=\"https:\/\/www.springboard.com\/courses\/ux-career-track\/\" target=\"_blank\" rel=\"noopener\">Springboard<\/a> tamb\u00e9m oferecem programas de certifica\u00e7\u00e3o em design de UX. E <a href=\"https:\/\/careerfoundry.com\/en\/courses\/become-a-ui-designer\/\" target=\"_blank\" rel=\"noopener\">CareerFoundry<\/a> e <a href=\"https:\/\/generalassemb.ly\/education\/visual-design-remote-online\" target=\"_blank\" rel=\"noopener\">General Assembly<\/a> oferecem programas de certifica\u00e7\u00e3o em design de UI. <\/p>\n<p>Voc\u00ea n\u00e3o apenas sair\u00e1 desses programas com um certificado em m\u00e3os, mas tamb\u00e9m ter\u00e1 treinamento pr\u00e1tico e alguns exemplos impressionantes para preencher seu portf\u00f3lio profissional. N\u00e3o demorar\u00e1 muito para que voc\u00ea comece a <a href=\"https:\/\/elementor.com\/blog\/get-web-design-clients\/\">obter clientes de web design<\/a> implorando para trabalhar com voc\u00ea. <\/p>\n<p>Apenas lembre-se de manter-se atualizado em sua educa\u00e7\u00e3o em design \u2014 tanto dentro de sua especialidade quanto al\u00e9m dela. <a href=\"https:\/\/elementor.com\/blog\/best-web-design-books\/\" target=\"_blank\" rel=\"noopener\">Livros de web design<\/a> e <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">cursos online<\/a> (gratuitos e pagos) o ajudar\u00e3o a manter suas habilidades atualizadas e competitivas.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d8551 elementor-widget elementor-widget-heading\" data-id=\"d6d8551\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Perspectivas de Emprego\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e08e12e elementor-widget elementor-widget-text-editor\" data-id=\"e08e12e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Designers de UI e UX est\u00e3o em alta demanda. <\/p>\n<p>De acordo com o <a href=\"https:\/\/www.invisionapp.com\/hiring-report\" target=\"_blank\" rel=\"noopener\">Relat\u00f3rio de Contrata\u00e7\u00e3o de Design de Produto de 2019 da InVision<\/a>:<\/p>\n<p>&#8220;N\u00e3o h\u00e1 d\u00favida alguma: os designers de produtos est\u00e3o mais requisitados do que nunca no momento atual, sendo o designer de UI\/UX classificado como o t\u00edtulo de design de produto mais demandado. De fato, quatro em cada cinco (81%) designers de produtos s\u00e3o contatados por recrutadores pelo menos mensalmente, enquanto um em cada tr\u00eas (34%) s\u00e3o contatados por recrutadores semanalmente.&#8221;<\/p>\n<p>O relat\u00f3rio tamb\u00e9m revela que estas s\u00e3o as posi\u00e7\u00f5es mais demandadas nos campos de UI e UX. Concentre-se na coluna &#8220;Designers de Produtos&#8221;: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b467251 elementor-widget elementor-widget-image\" data-id=\"b467251\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"569\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=569\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png\" class=\"attachment-large size-large wp-image-77758\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand-300x237.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dceab11 elementor-widget elementor-widget-text-editor\" data-id=\"dceab11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Como pode-se observar, designers de UI e UX de todos os n\u00edveis de experi\u00eancia e em diversos tipos de especialidades s\u00e3o necess\u00e1rios. <\/p>\n<p>Um aspecto a ser considerado, no entanto, \u00e9 que a crescente demanda por especialistas em UI e UX resultou em um aumento significativo de estudantes e candidatos a vagas. De acordo com Colman Walsh, o Diretor Executivo do <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-after-covid-19-what-can-we-expect\/\" target=\"_blank\" rel=\"noopener\">UX Design Institute<\/a>: <\/p>\n<p>&#8220;O UX Design Institute testemunhou um aumento de 220% no n\u00famero de estudantes de abril de 2019 a abril de 2020, indicativo do crescimento mais amplo da ind\u00fastria de UX.&#8221;<\/p>\n<p>A boa not\u00edcia \u00e9 que h\u00e1 uma necessidade crescente de designers digitais \u00e0 medida que mais e mais organiza\u00e7\u00f5es se comprometem com um modelo 100% digital ou h\u00edbrido ap\u00f3s a pandemia. <\/p>\n<p>No entanto, a competi\u00e7\u00e3o ser\u00e1 acirrada com novos designers de UX e UI entrando no campo diariamente. Portanto, \u00e9 absolutamente crucial que voc\u00ea encontre uma maneira de se diferenciar.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9267e elementor-widget elementor-widget-heading\" data-id=\"9d9267e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Expectativas Salariais\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd5109f elementor-widget elementor-widget-text-editor\" data-id=\"bd5109f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Independentemente de qual <a href=\"https:\/\/elementor.com\/blog\/web-design-niche\/\" target=\"_blank\" rel=\"noopener\">nicho de design web<\/a> voc\u00ea escolher \u2014 UI, UX, ou uma fun\u00e7\u00e3o h\u00edbrida \u2014 o potencial para ganhar mais do que designers web n\u00e3o especializados \u00e9 imenso. Enquanto os <a href=\"https:\/\/elementor.com\/blog\/web-designer-salary\/\" target=\"_blank\" rel=\"noopener\">sal\u00e1rios m\u00e9dios de designers web<\/a> s\u00e3o em torno de $24\/hora ou $51.564\/ano, os especialistas tendem a ganhar mais: <\/p>\n<p>Aqui est\u00e3o o que as principais fontes de empregos relatam como os ganhos m\u00e9dios para designers de UI, designers de UX e designers seniores de UX nos Estados Unidos:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0174704 elementor-widget elementor-widget-image\" data-id=\"0174704\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"772\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=772\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png\" class=\"attachment-large size-large wp-image-77766\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-300x289.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-768x741.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1536x1482.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-2048x1976.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91c1f25 elementor-widget elementor-widget-text-editor\" data-id=\"91c1f25\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Estes par\u00e2metros salariais n\u00e3o s\u00e3o uma garantia do que seus rendimentos ser\u00e3o como designer de UI ou UX. H\u00e1 muitos fatores que podem afetar sua renda anual: <\/p>\n<ul>\n<li>Sua \u00e1rea de especializa\u00e7\u00e3o em design<\/li>\n<li>Sua ind\u00fastria\/nicho<\/li>\n<li>Onde voc\u00ea reside<\/li>\n<li>H\u00e1 quanto tempo voc\u00ea trabalha como designer<\/li>\n<li>Quem s\u00e3o seus empregadores ou clientes <\/li>\n<li>O tamanho e a complexidade dos websites que voc\u00ea constr\u00f3i<\/li>\n<\/ul>\n<p>Novamente, o campo do design est\u00e1 se tornando cada vez mais competitivo devido ao influxo de talentos nos \u00faltimos anos. Se voc\u00ea deseja que seus rendimentos estejam na faixa superior dessas estimativas, certifica\u00e7\u00e3o e treinamento e educa\u00e7\u00e3o cont\u00ednuos s\u00e3o imprescind\u00edveis.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607108d elementor-widget elementor-widget-menu-anchor\" data-id=\"607108d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"which-career-path\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31656a4 elementor-widget elementor-widget-heading\" data-id=\"31656a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Qual Caminho de Carreira Voc\u00ea Deve Escolher?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9076658 elementor-widget elementor-widget-text-editor\" data-id=\"9076658\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Agora voc\u00ea tem uma decis\u00e3o a tomar. Voc\u00ea deseja se tornar um: <\/p>\n<ul>\n<li>Designer de UX? <\/li>\n<li>Designer de UI? <\/li>\n<li>Designer de UX\/UI? <\/li>\n<\/ul>\n<p>Exatamente. Voc\u00ea n\u00e3o precisa escolher um em detrimento do outro se n\u00e3o quiser. H\u00e1 muitos empregadores atualmente que desejam designers que possam fazer tudo. Basta fazer uma pesquisa em um portal de empregos como o <a href=\"https:\/\/www.indeed.com\/\" target=\"_blank\" rel=\"noopener\">Indeed<\/a> por &#8220;designer de UI&#8221; ou &#8220;designer de UX&#8221; e voc\u00ea ver\u00e1 o que quero dizer: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e659668 elementor-widget elementor-widget-image\" data-id=\"e659668\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png\" class=\"attachment-large size-large wp-image-77760\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-787f4a1 elementor-widget elementor-widget-text-editor\" data-id=\"787f4a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mas a popularidade do emprego n\u00e3o \u00e9 a \u00fanica coisa a se considerar ao escolher sua especialidade. Uma boa regra geral \u00e9 encontrar algo que se encaixe no seu ponto ideal:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdf4a6c elementor-widget elementor-widget-image\" data-id=\"fdf4a6c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"445\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=445\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png\" class=\"attachment-large size-large wp-image-77765\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-300x167.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-768x427.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1536x854.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-2048x1138.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fee45f elementor-widget elementor-widget-text-editor\" data-id=\"7fee45f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Se voc\u00ea ainda n\u00e3o tem certeza absoluta em qual \u00e1rea voc\u00ea \u00e9 mais habilidoso ou apaixonado, tudo bem. \u00c9 para isso que servem os cursos online e tutoriais. Experimente algumas tarefas de UX e UI e veja qual parece mais natural e gratificante. <\/p>\n<p>Voc\u00ea tamb\u00e9m pode dar um passo atr\u00e1s e considerar como aborda a web como consumidor. O que voc\u00ea nota primeiro? Qu\u00e3o boa \u00e9 a apar\u00eancia de um website&#8230; ou qu\u00e3o f\u00e1cil \u00e9 de usar? Isso pode ser um bom indicador do que mais o empolga sobre design web e no que voc\u00ea mais se destacar\u00e1.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Interessado em tornar-se um especialista em design web? Neste artigo, examinaremos o design de UX vs UI, analisaremos as diferen\u00e7as entre as duas disciplinas e forneceremos algumas recomenda\u00e7\u00f5es sobre como selecionar a especialidade mais apropriada.<\/p>\n","protected":false},"author":168447,"featured_media":124810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[360,300],"tags":[409],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-124808","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-pt","category-elementor-team-writes-pt","tag-construir"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?<\/title>\n<meta name=\"description\" content=\"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI &amp; obtenha dicas para auxiliar na escolha da especialidade adequada para si.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?\" \/>\n<meta property=\"og:description\" content=\"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI &amp; obtenha dicas para auxiliar na escolha da especialidade adequada para si.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-30T10:49:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T13:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png\" \/>\n<meta name=\"author\" content=\"Maayan Nuna Lazarovich\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maayan Nuna Lazarovich\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\"},\"author\":{\"name\":\"Maayan Nuna Lazarovich\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\"},\"headline\":\"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\"},\"wordCount\":4254,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"keywords\":[\"Construir\"],\"articleSection\":[\"Projeto\",\"Reda\u00e7\u00f5es da equipe Elementor\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\",\"name\":\"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"description\":\"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI & obtenha dicas para auxiliar na escolha da especialidade adequada para si.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"width\":5001,\"height\":2626},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projeto\",\"item\":\"https:\/\/elementor.com\/blog\/pt-br\/category\/design-pt\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\",\"name\":\"Maayan Nuna Lazarovich\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"caption\":\"Maayan Nuna Lazarovich\"},\"description\":\"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!\",\"url\":\"https:\/\/elementor.com\/blog\/pt-br\/author\/lazarovich\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?","description":"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI & obtenha dicas para auxiliar na escolha da especialidade adequada para si.","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:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/","og_locale":"pt_BR","og_type":"article","og_title":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?","og_description":"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI & obtenha dicas para auxiliar na escolha da especialidade adequada para si.","og_url":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-09-30T10:49:44+00:00","article_modified_time":"2025-12-28T13:31:26+00:00","og_image":[{"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png","type":"","width":"","height":""}],"author":"Maayan Nuna Lazarovich","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"Maayan Nuna Lazarovich","Est. tempo de leitura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/"},"author":{"name":"Maayan Nuna Lazarovich","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2"},"headline":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/"},"wordCount":4254,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","keywords":["Construir"],"articleSection":["Projeto","Reda\u00e7\u00f5es da equipe Elementor"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/","url":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/","name":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","description":"Aspirando tornar-se um especialista em design web? Aprenda sobre as diferen\u00e7as entre design de UX vs UI & obtenha dicas para auxiliar na escolha da especialidade adequada para si.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","width":5001,"height":2626},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/pt-br\/design-de-ux-vs-ui-qual-e-a-diferenca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Projeto","item":"https:\/\/elementor.com\/blog\/pt-br\/category\/design-pt\/"},{"@type":"ListItem","position":3,"name":"Design de UX vs. UI: Qual \u00e9 a Diferen\u00e7a?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/pt-br\/#website","url":"https:\/\/elementor.com\/blog\/pt-br\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/pt-br\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2","name":"Maayan Nuna Lazarovich","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/elementor.com\/blog\/pt-br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","caption":"Maayan Nuna Lazarovich"},"description":"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!","url":"https:\/\/elementor.com\/blog\/pt-br\/author\/lazarovich\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/124808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/users\/168447"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=124808"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/124808\/revisions"}],"predecessor-version":[{"id":124815,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/124808\/revisions\/124815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/media\/124810"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=124808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=124808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=124808"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/marketing_persona?post=124808"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/pt-br\/wp-json\/wp\/v2\/marketing_intent?post=124808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}