{"id":29494,"date":"2022-10-14T12:33:26","date_gmt":"2022-10-14T15:33:26","guid":{"rendered":"\/tutoriais\/?p=29494"},"modified":"2026-03-10T13:00:48","modified_gmt":"2026-03-10T16:00:48","slug":"o-que-e-ux-design-diferencas-para-ui-design-perspectivas-de-carreira-e-mais","status":"publish","type":"post","link":"\/pt\/tutoriais\/o-que-e-ux-design","title":{"rendered":"O que \u00e9 UX design? Dicas para carreira e mais"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p class=\"wp-block-paragraph\">Design de <strong>experi&ecirc;ncia do usu&aacute;rio (UX)<\/strong> e de <strong>interface do usu&aacute;rio (UI)<\/strong> s&atilde;o dois termos frequentemente empregados de meaneira intercambi&aacute;vel, o que pode levar a uma certa confus&atilde;o. Embora ambos sejam aspectos essenciais do web design, eles representam coisas diferentes.<\/p><p class=\"wp-block-paragraph\">Se voc&ecirc; quer se tornar um web designer, entender as diferen&ccedil;as entre UI e UX &eacute; essencial para desenvolver seus conhecimentos e habilidades na &aacute;rea.<\/p><p class=\"wp-block-paragraph\">Neste artigo, voc&ecirc; poder&aacute; conferir o guia definitivo sobre design de experi&ecirc;ncia do usu&aacute;rio, incluindo t&oacute;picos como: o que &eacute; UX design, qual a diferen&ccedil;a para o UI design e oportunidades de carreira relevantes na &aacute;rea.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-website-in-9-easy-steps-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-30342\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/eBook_-Build-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-qual-a-definicao-de-ux-design\">Qual a Defini&ccedil;&atilde;o de UX Design?<\/h2><p class=\"wp-block-paragraph\">Design de experi&ecirc;ncia do usu&aacute;rio &eacute; o processo de criar uma experi&ecirc;ncia suave em toda a jornada que o usu&aacute;rio faz pelo seu produto. O UX design existe em basicamente todos os aspectos das nossas vidas: desde a placa de <em>check-in<\/em> no aeroporto at&eacute; um bot&atilde;o de &ldquo;finalizar compra&rdquo; que seja f&aacute;cil de localizar numa loja virtual,<\/p><p class=\"wp-block-paragraph\">O objetivo do UX design &eacute; criar um produto ou servi&ccedil;o que atende &agrave;s necessidades do usu&aacute;rio, resolve seus problemas e proporciona uma experi&ecirc;ncia prazerosa. Se feito da forma certa, o UX design pode ajudar sua empresa a melhorar o &iacute;ndice de satisfa&ccedil;&atilde;o dos seus clientes.<\/p><p class=\"wp-block-paragraph\">O termo &ldquo;experi&ecirc;ncia do usu&aacute;rio&rdquo; foi cunhado em 1993 por <strong>Don Norman<\/strong>, um especialista em ci&ecirc;ncia cognitiva. Ap&oacute;s juntar-se &agrave; <strong>Apple<\/strong>, Norman criou a express&atilde;o para aprimorar o <a href=\"https:\/\/www.adobe.com\/br\/products\/substance3d\/discover\/industrial-designer.html\" target=\"_blank\" rel=\"noopener\">design industrial<\/a> dos produtos da empresa, permitindo que os usu&aacute;rios configurassem e usassem os computadores mais facilmente.<\/p><p class=\"wp-block-paragraph\">Desde ent&atilde;o, o UX design se transformou numa &aacute;rea bastante diversa, com v&aacute;rias atribui&ccedil;&otilde;es &mdash; desde o pesquisador de experi&ecirc;ncias do usu&aacute;rio at&eacute; o designer de intera&ccedil;&otilde;es.<\/p><p class=\"wp-block-paragraph\">Embora o termo possa ser utilizado em rela&ccedil;&atilde;o a intera&ccedil;&otilde;es e objetos f&iacute;sicos, o UX design geralmente se refere a produtos digitais, como <strong><a href=\"\/pt\/criador-de-sites\">constru&ccedil;&atilde;o de site<\/a><\/strong>, blog, apps e softwares.<\/p><h2 class=\"wp-block-heading\" id=\"h-qual-a-diferenca-entre-ux-design-e-ui-design\">Qual a Diferen&ccedil;a Entre UX Design e UI Design?<\/h2><p class=\"wp-block-paragraph\">Design de experi&ecirc;ncia do usu&aacute;rio e design de interface do usu&aacute;rio s&atilde;o comumente reunidos na express&atilde;o <strong>UI\/UX design<\/strong>, criando algumas impress&otilde;es falsas sobre esses termos. Embora estejam relacionados, UI e UX design t&ecirc;m diferen&ccedil;as importantes.<\/p><p class=\"wp-block-paragraph\">UX design &eacute; um conceito mais amplo, com v&aacute;rias dimens&otilde;es, no qual o objetivo &eacute; criar uma experi&ecirc;ncia de uso suave e agrad&aacute;vel para um produto ou servi&ccedil;o.<\/p><p class=\"wp-block-paragraph\">Os designers de UX t&ecirc;m uma vis&atilde;o mais abrangente do projeto. Eles criam mapas dos sites e hist&oacute;ricos de usu&aacute;rios com base em como as pessoas interagem com as empresas, incluindo seus funcion&aacute;rios, produtos e servi&ccedil;os.<\/p><p class=\"wp-block-paragraph\">O UI design, por outro lado, foca mais na linguagem visual e nos elementos interativos de um produto, como as cores, os layouts, as anima&ccedil;&otilde;es, os bot&otilde;es e as fontes.<\/p><p class=\"wp-block-paragraph\">Os designers de UI focam na rela&ccedil;&atilde;o entre pessoa e computador, debru&ccedil;ando-se sobre os detalhes de cada p&aacute;gina, bot&atilde;o e imagem para criar um produto f&aacute;cil de ser usado e com apar&ecirc;ncia atraente.<\/p><p class=\"wp-block-paragraph\">Resumindo, o UX design foca nos usu&aacute;rios, enquanto o UI design foca nos produtos. De qualquer forma, a experi&ecirc;ncia do usu&aacute;rio e a interface do usu&aacute;rio andam lado a lado, uma vez que &eacute; quase imposs&iacute;vel criar uma boa experi&ecirc;ncia de usu&aacute;rio sem uma boa interface.<\/p><p class=\"wp-block-paragraph\"><strong>UX Design vs. UI Design<\/strong><\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><tbody><tr><td><strong>UX Design<\/strong><\/td><td><strong>UI Design<\/strong><\/td><\/tr><tr><td>Foca no que voc&ecirc; sente quando usa o produto<\/td><td>Foca nos visuais e fun&ccedil;&otilde;es do produto<\/td><\/tr><tr><td>Lida com as intera&ccedil;&otilde;es do usu&aacute;rio com todos os elementos de uma empresa<\/td><td>Lida com as intera&ccedil;&otilde;es entre humano e computador<\/td><\/tr><tr><td>Concentra-se no aspecto emocional dos usu&aacute;rios<\/td><td>Concentra-se nos elementos visuais do produto, como cores, layouts, anima&ccedil;&otilde;es, bot&otilde;es e fontes<\/td><\/tr><tr><td>O objetivo &eacute; criar uma experi&ecirc;ncia do usu&aacute;rio suave e agrad&aacute;vel<\/td><td>O objetivo &eacute; criar um produto esteticamente atraente<\/td><\/tr><\/tbody><\/table><\/figure><h2 class=\"wp-block-heading\" id=\"h-as-quatro-areas-do-ux-design\">As Quatro &Aacute;reas do UX Design<\/h2><p class=\"wp-block-paragraph\">O design de experi&ecirc;ncia do usu&aacute;rio &eacute; um campo diverso que pode ser dividido em quatro &aacute;reas principais:<\/p><ul class=\"wp-block-list\">\n<li><strong>Estrat&eacute;gia de Experi&ecirc;ncia (ExS)<\/strong> &ndash; refere-se &agrave; estrat&eacute;gia de uma empresa para criar a melhor experi&ecirc;ncia poss&iacute;vel para os seus usu&aacute;rios, do in&iacute;cio ao fim.<\/li>\n\n\n\n<li><strong>Design de Intera&ccedil;&atilde;o (IxD)<\/strong> &ndash; foca em implementar uma interface atrativa e intuitiva, que permite aos usu&aacute;rios realizar tarefas de maneira eficiente.<\/li>\n\n\n\n<li><strong>Pesquisa de Usu&aacute;rio (UR)<\/strong> &ndash; refere-se a qualquer pesquisa, entrevista, estudo ou teste realizado para entender as necessidades do cliente, seus pontos de tens&atilde;o e suas prefer&ecirc;ncias. A partir desses dados, &eacute; poss&iacute;vel criar um produto ou servi&ccedil;o que resolve os problemas dos clientes.<\/li>\n\n\n\n<li><strong>Arquitetura da Informa&ccedil;&atilde;o (IA)<\/strong> &ndash; &eacute; a estrutura da informa&ccedil;&atilde;o dentro de um produto, auxiliando os usu&aacute;rios a entender como utiliz&aacute;-lo.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-o-que-um-ux-designer-faz-exatamente\">O Que um UX Designer Faz, Exatamente?<\/h2><p class=\"wp-block-paragraph\">Os UX designers t&ecirc;m como objetivo melhorar a experi&ecirc;ncia de um usu&aacute;rio durante a atualiza&ccedil;&atilde;o de um produto, servi&ccedil;o ou sistema. Isso &eacute; feito implementando um processo de <em>design thinking<\/em> que, de acordo com a <a href=\"https:\/\/web.stanford.edu\/~mshanks\/MichaelShanks\/files\/509554.pdf\" target=\"_blank\" rel=\"noopener\">d.school da Universidade de Stanford<\/a>, &eacute; dividido em cinco etapas: <strong>empatizar<\/strong>, <strong>definir<\/strong>, <strong>idealizar<\/strong>, <strong>prototipar<\/strong> e <strong>testar<\/strong>.<\/p><p class=\"wp-block-paragraph\">A etapa de <strong>empatizar<\/strong> serve para que voc&ecirc; entenda o seu p&uacute;blico-alvo. Durante essa parte do processo, os UX designers fazem pesquisas, entrevistas, question&aacute;rios e outras coletas de dados com usu&aacute;rios para compreender mais claramente a perspectiva dos seus clientes.<\/p><p class=\"wp-block-paragraph\">Ap&oacute;s a coleta dos dados, os UX designers analisam e <strong>definem<\/strong> os objetivos que os usu&aacute;rios desejam atingir &mdash; ou os problemas principais que eles precisam resolver.<\/p><p class=\"wp-block-paragraph\">Em seguida, os profissionais criam <a href=\"https:\/\/www.digitalhouse.com\/br\/blog\/personas-no-ux-design\/\" target=\"_blank\" rel=\"noopener\">personas<\/a> para representar o p&uacute;blico-alvo durante o processo de cria&ccedil;&atilde;o. Essas personas tamb&eacute;m ajudam os designers a entender o fluxo de um usu&aacute;rio desde seu primeiro contato com o produto ou servi&ccedil;o at&eacute; a intera&ccedil;&atilde;o final &mdash; e, com base nisso, fica mais f&aacute;cil criar um mapa do site intuitivo.<\/p><p class=\"wp-block-paragraph\">A terceira etapa do design thinking &eacute; a <strong>idealiza&ccedil;&atilde;o<\/strong>, na qual os UX designers fazem sess&otilde;es de brainstorm e prop&otilde;em ideias com base em diferentes pontos da jornada do usu&aacute;rio. Web UX designers responder&atilde;o perguntas do tipo &ldquo;<a href=\"\/pt\/tutoriais\/como-fazer-o-layout-de-um-site\/\">como criar um site<\/a> otimizado para diferentes tamanhos de tela?&rdquo; ou &ldquo;como melhorar o design de intera&ccedil;&atilde;o em um site?&rdquo;.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1020\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/wireframe-prototipo-ux-design.jpg\/public\" alt=\"Diferen&ccedil;a entre Wireframe e Prot&oacute;tipo\" class=\"wp-image-29563\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/wireframe-prototipo-ux-design.jpg\/w=1020,fit=scale-down 1020w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/wireframe-prototipo-ux-design.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/wireframe-prototipo-ux-design.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/wireframe-prototipo-ux-design.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">O passo seguinte &eacute; criar um <strong>prot&oacute;tipo<\/strong>, isto &eacute;, um modelo do produto final. Um prot&oacute;tipo pode assumir diferentes formas, desde rabiscos num papel at&eacute; p&aacute;ginas-teste num site. Designers de experi&ecirc;ncia do usu&aacute;rio usam uma t&eacute;cnica conhecida como <a href=\"\/pt\/tutoriais\/wireframes\/\"><em>wireframing<\/em><\/a> para organizar a arquitetura da informa&ccedil;&atilde;o em um prot&oacute;tipo.<\/p><p class=\"wp-block-paragraph\">Os UX designers usam esse prot&oacute;tipo, ent&atilde;o, para realizar <strong>testes<\/strong> com usu&aacute;rios. A ideia &eacute; analisar como os usu&aacute;rios interagem com o prot&oacute;tipo e receber o <em>feedback<\/em> necess&aacute;rio para melhor&aacute;-lo.<\/p><p class=\"wp-block-paragraph\">Ap&oacute;s finalizar o processo, os UX designers apresentam suas descobertas aos clientes, acionistas da empresa ou &agrave; equipe de design geral. Uma vez aprovado o projeto, os UX designers devem colaborar com UI designers, designers de intera&ccedil;&atilde;o e <a href=\"\/pt\/tutoriais\/como-ser-um-desenvolvedor-web\/\">desenvolvedores web<\/a> para executar as ideias desenvolvidas.<\/p><p class=\"wp-block-paragraph\">A descri&ccedil;&atilde;o de emprego de um UX designer pode variar dependendo da &aacute;rea e do tamanho da empresa. Grandes corpora&ccedil;&otilde;es podem ter pessoas diferentes trabalhando em etapas determinadas do processo, enquanto empresas menores costumam contratar um designer para todas as tarefas relacionadas ao UX design.<\/p><h2 class=\"wp-block-heading\" id=\"h-em-que-tipos-de-projetos-um-ux-designer-trabalha\">Em Que Tipos de Projetos um UX Designer Trabalha?<\/h2><p class=\"wp-block-paragraph\">Antes de conseguir o seu primeiro trabalho como UX designer, voc&ecirc; deve <a href=\"\/pt\/tutoriais\/como-fazer-um-portfolio-digital\/\">fazer um portf&oacute;lio digital<\/a> bem diversificado para destacar suas habilidades e diferenciais. Aqui est&atilde;o alguns exemplos de projetos na &aacute;rea de UX design para voc&ecirc; se inspirar.<\/p><h3 class=\"wp-block-heading\" id=\"h-design-de-sites\">Design de Sites<\/h3><p class=\"wp-block-paragraph\">Qualquer empresa precisa de um site para se manter relevante &mdash; e, por isso, o web design &eacute; uma das &aacute;reas com mais oportunidades promissoras de carreira.<\/p><p class=\"wp-block-paragraph\">Existem muitos tipos de websites nos quais voc&ecirc; pode trabalhar, como blogs, sites pessoais, <a href=\"\/pt\/loja-virtual\">lojas virtuais<\/a> e p&aacute;ginas de neg&oacute;cios. Cada tipo de site tem um prop&oacute;sito diferente e necessita, portanto, de abordagens distintas. Veja o exemplo abaixo para um pouco de <a href=\"\/pt\/tutoriais\/sites-para-designers\/\">inspira&ccedil;&atilde;o no design de sites<\/a>.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-33.png\/w=1024,h=1024,fit=scale-down\" alt=\"p&aacute;gina inicial da marca studio neat\" class=\"wp-image-47768\" title=\"studio neat\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-33.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-33.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-33.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-33.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">O <a href=\"https:\/\/www.studioneat.com\/\" target=\"_blank\" rel=\"noopener\">Studio Neat<\/a> &eacute; uma pequena empresa que foca em oferecer produtos que resolvem os problemas dos seus clientes com simplicidade. Por isso, a interface do seu site &eacute; extremamente amig&aacute;vel.<\/p><p class=\"wp-block-paragraph\">Em vez de confundir visitantes mencionando todos os produtos da empresa logo de cara, a p&aacute;gina inicial do site mostra apenas o item mais vendido do Studio Neat, a caneta Mark Two. Voc&ecirc; pode encontrar os demais produtos da marca facilmente clicando na op&ccedil;&atilde;o &ldquo;Produtos&rdquo;, no menu superior.<\/p><p class=\"wp-block-paragraph\">Para um <a href=\"\/pt\/tutoriais\/exemplos-de-ecommerce\/\">exemplo de e-commerce<\/a>, vamos dar uma olhada na <strong>Sephora<\/strong>.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-34.png\/w=1024,h=1024,fit=scale-down\" alt=\"p&aacute;gina inicial da sephora brasil\" class=\"wp-image-47769\" title=\"sephora\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-34.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-34.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-34.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-34.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Mais uma vez, a p&aacute;gina inicial do site n&atilde;o sobrecarrega os visitantes com excesso de informa&ccedil;&otilde;es. A parte superior da p&aacute;gina exibe apenas um carrossel de destaques e algumas categorias de interesse. Para encontrar um produto espec&iacute;fico, os usu&aacute;rios podem usar a ferramenta de busca ou navegar pelas categorias.<\/p><p class=\"wp-block-paragraph\">Quando os usu&aacute;rios visitam os sites do Studio Neat ou da Sephora, seus objetivos geralmente s&atilde;o encontrar mais informa&ccedil;&otilde;es sobre um produto ou adquiri-lo. Nos dois websites, a arquitetura da informa&ccedil;&atilde;o permite que os usu&aacute;rios alcancem seus objetivos de maneira simples e f&aacute;cil.<\/p><h3 class=\"wp-block-heading\" id=\"h-landing-pages\"><em>Landing Pages<\/em><\/h3><p class=\"wp-block-paragraph\"><em>Landing Pages<\/em> t&ecirc;m como objetivo gerar leads e convencer seus visitantes a realizar alguma a&ccedil;&atilde;o. Para <a href=\"\/pt\/tutoriais\/criar-landing-page-wordpress\/\">criar uma <em>landing page<\/em> de sucesso<\/a>, voc&ecirc; precisa come&ccedil;ar definindo seu objetivo principal. Voc&ecirc; quer que os visitantes assinem uma newsletter, baixem um eBook ou fa&ccedil;am uma compra?<\/p><p class=\"wp-block-paragraph\">Um UX designer deve criar a p&aacute;gina interativa que incentiva os usu&aacute;rios a realizar a a&ccedil;&atilde;o desejada com base em diferentes objetivos. Uma boa <em>landing page<\/em> tem tr&ecirc;s elementos principais:<\/p><ul class=\"wp-block-list\">\n<li>Linguagem visual simples, por&eacute;m atraente. Usar as imagens e fontes certas, bem como trabalhar corretamente os espa&ccedil;os vazios, pode fazer toda a diferen&ccedil;a.<\/li>\n\n\n\n<li>Texto efetivo e persuasivo, que incentiva o visitante a realizar a a&ccedil;&atilde;o desejada.<\/li>\n\n\n\n<li>Um <em>call-to-action <\/em>(CTA) que se destaca do restante do conte&uacute;do. Sem um bom CTA, o visitante pode ficar perdido, sem saber o que fazer, e sair da sua <em>landing page<\/em> sem realizar a a&ccedil;&atilde;o desejada.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">O <strong>Airbnb<\/strong> tem um excelente exemplo de <em>landing page <\/em>para incentivar que mais usu&aacute;rios se tornem anfitri&otilde;es na plataforma:<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-35.png\/w=1024,h=1024,fit=scale-down\" alt=\"landing page do airbnb para atrair novos anfitri&otilde;es &agrave; plataforma\" class=\"wp-image-47770\" title=\"airbnb\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-35.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-35.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-35.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-35.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">A p&aacute;gina tem um layout simples, por&eacute;m atraente, al&eacute;m de um texto efetivo e um bot&atilde;o de CTA f&aacute;cil de ser localizado.<\/p><p class=\"wp-block-paragraph\">Caso o dono da propriedade decida se inscrever no Airbnb, &eacute; poss&iacute;vel criar seu an&uacute;ncio em apenas seis passos:<\/p><ul class=\"wp-block-list\">\n<li>Criar uma conta;<\/li>\n\n\n\n<li>Selecionar os detalhes da propriedade (tipo de acomoda&ccedil;&atilde;o, comodidades e pre&ccedil;os);<\/li>\n\n\n\n<li>Digitar o endere&ccedil;o;<\/li>\n\n\n\n<li>Fazer o upload das fotos da propriedade;<\/li>\n\n\n\n<li>Confirmar os dados de contato do propriet&aacute;rio;<\/li>\n\n\n\n<li>Publicar o an&uacute;ncio.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Gra&ccedil;as ao fluxo simplificado, um usu&aacute;rio precisar&aacute; de apenas alguns minutos entre acessar a <em>landing page<\/em> e anunciar sua propriedade no Airbnb.<\/p><h3 class=\"wp-block-heading\" id=\"h-design-de-apps-jogos-e-softwares\">Design de Apps, Jogos e Softwares<\/h3><p class=\"wp-block-paragraph\">Al&eacute;m de sites, o UX design tamb&eacute;m est&aacute; presente em outros tipos de produtos digitais, como aplicativos, softwares e videogames.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-36.png\/w=1024,h=1024,fit=scale-down\" alt=\"screenshots do aplicativo uber para iphone\" class=\"wp-image-47771\" title=\"uber\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-36.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-36.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-36.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-36.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">Vamos pegar o <strong>Uber<\/strong> como exemplo. O aplicativo da plataforma tem uma interface simples e traz instru&ccedil;&otilde;es passo-a-passo para que usu&aacute;rios iniciantes solicitem uma corrida facilmente. Basta fazer o login, informar a sua localiza&ccedil;&atilde;o, escolher o destino, selecionar o tipo de corrida e registrar uma forma de pagamento.<\/p><p class=\"wp-block-paragraph\">Se o usu&aacute;rio permitir que o Uber acesse a localiza&ccedil;&atilde;o do seu dispositivo, a experi&ecirc;ncia &eacute; ainda mais suave, uma vez que n&atilde;o ser&aacute; necess&aacute;rio digitar seu endere&ccedil;o manualmente.<\/p><p class=\"wp-block-paragraph\">O UX design de aplicativos e softwares &eacute; relativamente parecido com o de sites, mas no caso de videogames o campo fica bem mais complexo. No lugar de interfaces est&aacute;ticas, voc&ecirc; precisar&aacute; lidar com cen&aacute;rios que mudam constantemente.<\/p><p class=\"wp-block-paragraph\">Para criar uma boa experi&ecirc;ncia de jogo, os UX designers devem fazer perguntas do tipo:<\/p><ul class=\"wp-block-list\">\n<li>Os jogadores compreender&atilde;o facilmente as regras e as mec&acirc;nicas do jogo?<\/li>\n\n\n\n<li>Os n&iacute;veis s&atilde;o muito f&aacute;ceis ou muito dif&iacute;ceis?<\/li>\n\n\n\n<li>O que incentivar&aacute; que os jogadores retornem ao jogo?<\/li>\n<\/ul><p class=\"wp-block-paragraph\">No geral, os UX designers de jogos trabalham com roteiristas, UI designers e game designers para garantir que o jogo tem uma fase de aprendizado f&aacute;cil, uma mec&acirc;nica simples e uma hist&oacute;ria atraente.<\/p><h3 class=\"wp-block-heading\" id=\"h-design-de-voz\">Design de Voz<\/h3><p class=\"wp-block-paragraph\">A ind&uacute;stria das assistentes digitais transformou completamente a maneira como usamos nossos dispositivos eletr&ocirc;nicos e est&aacute; crescendo constantemente: hoje, <a href=\"https:\/\/www.dbswebsite.com\/blog\/trends-in-voice-search\/\" target=\"_blank\" rel=\"noopener\">41% dos adultos<\/a> utilizam comandos de voz diariamente. Em vez de tocar numa tela ou num controle remoto, os usu&aacute;rios podem controlar seus dispositivos simplesmente com a fala.<\/p><p class=\"wp-block-paragraph\">Um bom design de voz n&atilde;o envolve apenas usar vozes bonitas ou oferecer as informa&ccedil;&otilde;es corretas: a ideia &eacute; dar &agrave; voz digital uma personalidade, como se os usu&aacute;rios estivessem conversando com uma pessoa. A assistente <strong>Siri<\/strong>, da <strong>Apple<\/strong>, &eacute; um dos melhores exemplos dessa pr&aacute;tica.<\/p><p class=\"wp-block-paragraph\">A Siri &eacute; uma assistente digital que ajuda aos usu&aacute;rios realizar tarefas di&aacute;rias, como abrir um aplicativo, ligar para um contato, buscar as informa&ccedil;&otilde;es de um restaurante nas proximidades ou mostrar a previs&atilde;o do tempo.<\/p><p class=\"wp-block-paragraph\">O que torna a Siri especial, entretanto, &eacute; a sua personifica&ccedil;&atilde;o. Os usu&aacute;rios podem conversar sobre assuntos variados ou mesmo brincar com a assistente. Tamb&eacute;m &eacute; poss&iacute;vel personalizar a Siri com base no seu idioma, sotaque e g&ecirc;nero.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"742\" height=\"610\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-37.png\/public\" alt=\"assistente digital siri contando uma piada\" class=\"wp-image-47772\" title=\"siri\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-37.png\/w=742,fit=scale-down 742w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-37.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image-37.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">&Eacute; como se voc&ecirc; tivesse um assistente pessoal dispon&iacute;vel a cada instante, melhorando a experi&ecirc;ncia do usu&aacute;rio com os produtos da Apple.<\/p><h3 class=\"wp-block-heading\" id=\"h-realidade-aumentada-ar\">Realidade Aumentada (AR)<\/h3><p class=\"wp-block-paragraph\">A realidade aumentada (AR) &eacute; uma tecnologia que enriquece os ambientes do mundo real com anima&ccedil;&otilde;es, imagens e sons gerados por computador. No universo das compras online, a tecnologia permite que os consumidores vejam como um produto ficaria no ambiente desejado antes de adquiri-lo.<\/p><p class=\"wp-block-paragraph\">UX designers desempenham um papel importante no desenvolvimento de aplica&ccedil;&otilde;es em AR, e a tecnologia &eacute; um terreno f&eacute;rtil para empresas que pretendem se destacar em seus nichos. A <strong>IKEA<\/strong>, por exemplo, lan&ccedil;ou um aplicativo de realidade aumentada chamado IKEA Place.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image.jpeg\/w=1024,h=1024,fit=scale-down\" alt=\"aplicativo AR ikea place para colocar m&oacute;veis virtuais no seu espa&ccedil;o f&iacute;sico\" class=\"wp-image-47773\" title=\"ikea place\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image.jpeg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image.jpeg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image.jpeg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/10\/image.jpeg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p class=\"wp-block-paragraph\">O app permite que os usu&aacute;rios explorem o cat&aacute;logo de mais de 2 mil produtos da IKEA, escolham a op&ccedil;&atilde;o desejada e vejam como o item ficaria em suas casas. Tamb&eacute;m &eacute; poss&iacute;vel adquirir os produtos diretamente pelo aplicativo, simplificando a experi&ecirc;ncia de compra.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-habilidades-voce-precisa-ter-para-se-tornar-um-ux-designer\">Que Habilidades Voc&ecirc; Precisa Ter para se Tornar um UX Designer?<\/h2><p class=\"wp-block-paragraph\">Aprender e praticar diferentes habilidades do UX design &eacute; essencial para uma carreira de sucesso na &aacute;rea. Nesta se&ccedil;&atilde;o, falaremos um pouco sobre as <em>hard skills<\/em> e <em>soft skills<\/em> que um UX designer deve ter.<\/p><h3 class=\"wp-block-heading\" id=\"h-hard-skills\"><em>Hard Skills<\/em><\/h3><p class=\"wp-block-paragraph\">As <em>hard skills<\/em> s&atilde;o as habilidades t&eacute;cnicas de um designer de experi&ecirc;ncia do usu&aacute;rio, como os conhecimentos em design visual, pesquisa de usu&aacute;rios, an&aacute;lise de dados e prototipagem.<\/p><ul class=\"wp-block-list\">\n<li><strong>Design visual<\/strong> &ndash; o entendimento geral das &aacute;reas de design gr&aacute;fico, design de intera&ccedil;&atilde;o e arquitetura da informa&ccedil;&atilde;o (IA).<\/li>\n\n\n\n<li><strong>Pesquisa de usu&aacute;rio<\/strong> &ndash; realizar ou analisar diferentes m&eacute;todos de pesquisa de experi&ecirc;ncias do usu&aacute;rio, como entrevistas, grupos focais e question&aacute;rios, para entender melhor o seu p&uacute;blico-alvo.<\/li>\n\n\n\n<li><strong>An&aacute;lise de dados<\/strong> &ndash; a capacidade de interpretar dados brutos e extrair informa&ccedil;&otilde;es importantes para ajudar na tomada de decis&otilde;es.<\/li>\n\n\n\n<li><strong>Prototipagem<\/strong> &ndash; o processo de criar um modelo para fins de testagem e receber <em>feedback<\/em> dos usu&aacute;rios para melhorar o produto ou servi&ccedil;o.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-soft-skills\"><em>Soft Skills<\/em><\/h3><p class=\"wp-block-paragraph\"><em>Soft skills<\/em> s&atilde;o as caracter&iacute;sticas que te ajudam a entender os usu&aacute;rios, colaborar com membros da sua equipe e se desenvolver.<\/p><ul class=\"wp-block-list\">\n<li><strong>Empatia<\/strong> &ndash; &eacute; a capacidade de entender as emo&ccedil;&otilde;es dos usu&aacute;rios. Bons UX designers passam muito tempo aprendendo os sentimentos e motiva&ccedil;&otilde;es do seu p&uacute;blico-alvo.<\/li>\n\n\n\n<li><strong>Comunica&ccedil;&atilde;o<\/strong> &ndash; voc&ecirc; deve apresentar suas ideias claramente, seja para os seus clientes ou para os acionistas da empresa.<\/li>\n\n\n\n<li><strong>Colabora&ccedil;&atilde;o<\/strong> &ndash; trata-se da sua habilidade de trabalhar com pessoas de outras &aacute;reas, como UI designers, desenvolvedores web e analistas.<\/li>\n\n\n\n<li><strong>Curiosidade<\/strong> &ndash; &eacute; a sua disposi&ccedil;&atilde;o para evoluir, aprender coisas novas e encontrar novas ideias.<\/li>\n\n\n\n<li><strong>Mente aberta<\/strong> &ndash; permite que voc&ecirc; se adapte melhor &agrave;s mudan&ccedil;as e receba melhor as sugest&otilde;es de outras pessoas.<\/li>\n\n\n\n<li><strong>Pensamento cr&iacute;tico<\/strong> &ndash; &eacute; a capacidade de identificar os principais problemas de um projeto e desenvolver solu&ccedil;&otilde;es inovadoras.<\/li>\n<\/ul><p><div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica do Especialista\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Aqui est&atilde;o algumas dicas para melhorar suas <i>hard<\/i> e <i>soft skills<\/i> enquanto UX designer: <br>1. Aprenda e pratique as teorias b&aacute;sicas de intera&ccedil;&atilde;o, experi&ecirc;ncia, ferramentas e design gr&aacute;fico. <br>2. Conecte-se com mentores, designers s&ecirc;nior e especialistas para entender melhor o seu campo e ter mais perspectivas da sua carreira. <br>3. Crie um projeto fict&iacute;cio (ou um projeto real) para come&ccedil;ar o seu portf&oacute;lio e ganhar experi&ecirc;ncia num ambiente de trabalho real.<\/p>\n                <div class=\"protip__expert\">\n                    <div class=\"protip__expert-image\">\n                        <img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/secure.gravatar.com\/avatar\/a079f707b5585efd81569a43b31c664bbba88bddc9a2f5c2c3d947ec8a2c2d09?s=65&d=mm&r=g\" alt=\"Editor\" \/>\n                    <\/div>\n                    <div>\n                        <p class=\"protip__expert-name\">Muammar I.<\/p>\n                        <p class=\"protip__expert-position\">Designer de Produto na Hostinger<\/p>\n                    <\/div>\n                <\/div>\n        <\/div>\n<\/p><h2 class=\"wp-block-heading\" id=\"h-como-ser-um-ux-designer\">Como Ser um UX Designer<\/h2><p class=\"wp-block-paragraph\">Depois de aprender o conceito de UX design, os tipos de projetos em que os UX designers trabalham e as habilidades necess&aacute;rias para trabalhar na &aacute;rea, voc&ecirc; deve estar se perguntando por onde come&ccedil;ar. Aqui est&atilde;o os cinco passos para se tornar um UX designer.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-aprenda-o-basico-sobre-ux-design\">1. Aprenda o B&aacute;sico Sobre UX Design<\/h3><p class=\"wp-block-paragraph\">Se voc&ecirc; acredita que uma carreira de UX designer combina com voc&ecirc;, comece aprendendo o b&aacute;sico da &aacute;rea. Seja com uma gradua&ccedil;&atilde;o ou com cursos online, as oportunidades de aprender sobre o tema est&atilde;o a&iacute; para voc&ecirc; explorar.<\/p><p class=\"wp-block-paragraph\">&Eacute; poss&iacute;vel, ali&aacute;s, aprender UX design com o pr&oacute;prio homem que inventou o conceito, Don Norman. Sua empresa, a Nielsen Norman Group, oferece um curso de <a href=\"https:\/\/www.nngroup.com\/courses\/ux-basic-training\/\" target=\"_blank\" rel=\"noopener\">UX Basic Training<\/a> (em ingl&ecirc;s) que custa entre <strong>US$ 984<\/strong> e <strong>US$ 1.018<\/strong>.<\/p><p class=\"wp-block-paragraph\">A empresa tamb&eacute;m tem cursos mais espec&iacute;ficos para profissionais que querem se especializar em &aacute;reas como gerenciamento de UX, pesquisa de UX e design de intera&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-conheca-as-principais-ferramentas\">2. Conhe&ccedil;a as Principais Ferramentas<\/h3><p class=\"wp-block-paragraph\">O segundo passo &eacute; se familiarizar com as ferramentas essenciais para o trabalho de UX design. N&oacute;s recomendamos as ferramentas a seguir com base nos diferentes prop&oacute;sitos e fases do processo de cria&ccedil;&atilde;o:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/talebook.io\/\" target=\"_blank\" rel=\"noopener\">Talebook<\/a> &ndash; ideal para pesquisa de usu&aacute;rios.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.woopra.com\/\" target=\"_blank\" rel=\"noopener\">Woopra<\/a> &ndash; ideal para an&aacute;lise de dados.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.lookback.com\/\" target=\"_blank\" rel=\"noopener\">Lookback<\/a> &ndash; ideal para testes de usabilidade.<\/li>\n\n\n\n<li><a href=\"https:\/\/overflow.io\/\" target=\"_blank\" rel=\"noopener\">Overflow<\/a> &ndash; ideal para criar fluxos de usu&aacute;rio e modelos de arquitetura da informa&ccedil;&atilde;o.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.adobe.com\/br\/products\/xd.html\" target=\"_blank\" rel=\"noopener\">Adobe XD<\/a> &ndash; ideal para prototipagem.<\/li>\n\n\n\n<li><a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Slack<\/a> &ndash; ideal para colabora&ccedil;&atilde;o entre equipes.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-3-pratique-suas-habilidades-em-projetos-de-ux-design\">3. Pratique Suas Habilidades em Projetos de UX Design<\/h3><p class=\"wp-block-paragraph\">Ap&oacute;s adquirir os conhecimentos b&aacute;sicos em UX design e se familiarizar com as ferramentas da &aacute;rea, &eacute; hora de come&ccedil;ar a praticar com projetos reais. N&oacute;s recomendamos come&ccedil;ar com projetos de web design, uma &aacute;rea relativamente mais f&aacute;cil do que design de jogos, de voz ou de AR.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-construa-seu-portfolio-de-ux-design\">4. Construa seu Portf&oacute;lio de UX Design<\/h3><p class=\"wp-block-paragraph\">Agora que voc&ecirc; j&aacute; domina o web design, &eacute; poss&iacute;vel come&ccedil;ar a trabalhar em outros tipos de projetos para ganhar mais experi&ecirc;ncia e diversificar seu portf&oacute;lio.<\/p><p class=\"wp-block-paragraph\">Os <a href=\"\/pt\/tutoriais\/sites-de-freelancer\/\">melhores sites para freelancers<\/a>, como o Fiverr, o Upwork e o Toptal, trazem um bom ponto de partida para encontrar trabalhos na &aacute;rea da experi&ecirc;ncia do usu&aacute;rio e fortalecer o seu portf&oacute;lio.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-comece-a-se-candidatar-a-empregos-de-ux-design\">5. Comece a se Candidatar a Empregos de UX Design<\/h3><p class=\"wp-block-paragraph\">Com um portf&oacute;lio rico e diversificado em m&atilde;os, voc&ecirc; pode come&ccedil;ar a se candidatar a empregos na &aacute;rea de UX design. Lembre-se de que as exig&ecirc;ncias da vaga podem variar de acordo com a &aacute;rea e a empresa.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/pt\/criador-de-sites\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-32917\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusao\">Conclus&atilde;o<\/h2><p class=\"wp-block-paragraph\">Experi&ecirc;ncia do usu&aacute;rio (UX) refere-se &agrave; forma como um usu&aacute;rio interage com um produto ou servi&ccedil;o. O UX design incorpora todos os elementos dessa experi&ecirc;ncia, incluindo o design da interface de usu&aacute;rio, a usabilidade e a arquitetura da informa&ccedil;&atilde;o.<\/p><p class=\"wp-block-paragraph\">Por outro lado, o UI design refere-se ao visual do produto digital, incluindo anima&ccedil;&otilde;es, imagens, bot&otilde;es e outros elementos interativos. Uma boa interface de usu&aacute;rio torna toda a experi&ecirc;ncia mais agrad&aacute;vel para quem for usar seu produto.<\/p><p class=\"wp-block-paragraph\">Conforme a tecnologia avan&ccedil;a, a demanda para UX designers tamb&eacute;m aumenta: hoje, a &aacute;rea &eacute; uma das mais promissoras em termos de oportunidades de carreira. Nesse artigo, n&oacute;s mostramos como voc&ecirc; pode se tornar um UX designer, incluindo as habilidades necess&aacute;rias, tipos de projetos nos quais voc&ecirc; pode trabalhar e por onde come&ccedil;ar.<\/p><p class=\"wp-block-paragraph\">Esperamos que esse conte&uacute;do tenha te ajudado a entender melhor o universo do UX design. Se voc&ecirc; tiver d&uacute;vidas ou questionamentos, n&atilde;o deixe de escrever um coment&aacute;rio aqui embaixo.<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-ux-design-perguntas-frequentes\">O Que &eacute; UX Design: Perguntas Frequentes<\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69441350e5a50\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">UX Design &eacute; uma Carreira Promissora?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sim, o cargo de UX designer &eacute; um dos empregos mais procurados hoje em dia na &aacute;rea de tecnologia. A Glassdoor inclui o trabalho de UX designer como um dos u003ca href=u0022https:\/\/www.glassdoor.com\/List\/Best-Jobs-in-America-LST_KQ0,20.htmu0022u003e50 melhores empregos nos EUAu003c\/au003e hoje, com cerca de 7 mil vagas abertas.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441350e5a56\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Qual o Sal&aacute;rio M&eacute;dio de um UX Designer?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Dependendo do seu cargo e do tamanho da empresa, a m&eacute;dia salarial para UX designers no Brasil fica em torno dos u003ca href=u0022https:\/\/www.glassdoor.com.br\/Sal%C3%A1rios\/ux-designer-sal%C3%A1rio-SRCH_KO0,11.htmu0022u003eR$ 5 mil por m&ecirc;su003c\/au003e, de acordo com a Glassdoor. Vagas mais especializadas, como as de UX u003cemu003eresearcheru003c\/emu003e, t&ecirc;m m&eacute;dias ainda maiores, em torno de u003ca href=u0022https:\/\/www.glassdoor.com.br\/Sal%C3%A1rios\/ux-researcher-sal%C3%A1rio-SRCH_KO0,13.htmu0022u003eR$ 6,5 mil mensaisu003c\/au003e.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441350e5a57\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">&Eacute; Poss&iacute;vel ser UX Designer sem Gradua&ccedil;&atilde;o?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sim, &eacute; poss&iacute;vel. Ainda que ter um diploma na &aacute;rea ajude, voc&ecirc; pode se tornar um UX designer por meio de cursos e u003cemu003eworkshopsu003c\/emu003e. Depois disso, o importante &eacute; praticar suas habilidades em diferentes projetos no campo.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69441350e5a58\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Onde eu Posso Estudar UX Design?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Voc&ecirc; pode explorar as op&ccedil;&otilde;es de uma s&eacute;rie de plataformas de aprendizagem, tais como:u003cbr \/u003eu003ca href=u0022https:\/\/www.udemy.com\/courses\/design\/user-experience\/u0022u003eUdemyu003cbr \/u003eu003c\/au003eu003ca href=u0022https:\/\/www.alura.com.br\/cursos-online-design-uxu0022u003eAlurau003cbr \/u003eu003c\/au003eu003ca href=u0022https:\/\/www.coursera.org\/courses?query=ux%20designu0022u003eCourserau003cbr \/u003eu003c\/au003eu003ca href=u0022https:\/\/www.uxacademy.com\/u0022u003eUX Academyu003cbr \/u003eu003c\/au003eu003ca href=u0022https:\/\/www.linkedin.com\/learning\/paths\/become-a-user-experience-designeru0022u003eLinkedIn Learningu003cbr \/u003eu003c\/au003eu003ca href=u0022https:\/\/designlab.com\/u0022u003eDesignLabu003c\/au003e<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Design de experi&ecirc;ncia do usu&aacute;rio (UX) e de interface do usu&aacute;rio (UI) s&atilde;o dois termos frequentemente empregados de meaneira intercambi&aacute;vel, o que pode levar a uma certa confus&atilde;o. Embora ambos sejam aspectos essenciais do web design, eles representam coisas diferentes. Se voc&ecirc; quer se tornar um web designer, entender as diferen&ccedil;as entre UI e UX [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/o-que-e-ux-design\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":356,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"%title%","rank_math_description":"Hoje, o ramo do UX design \u00e9 um dos mais promissores no mundo digital. Saiba as diferen\u00e7as para o UI design, por onde come\u00e7ar e as melhores ferramentas.","rank_math_focus_keyword":"o que \u00e9 ux design","footnotes":""},"categories":[],"tags":[5345],"class_list":["post-29494","post","type-post","status-publish","format-standard","hentry","tag-ux-design-o-que-e"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/o-que-e-ux-design-diferencas-para-ui-design-perspectivas-de-carreira-e-mais","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/o-que-e-ux-design","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/29494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/356"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=29494"}],"version-history":[{"count":18,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/29494\/revisions"}],"predecessor-version":[{"id":49259,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/29494\/revisions\/49259"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=29494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=29494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=29494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}