{"id":8600,"date":"2018-03-29T17:26:34","date_gmt":"2018-03-29T20:26:34","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=8600"},"modified":"2024-10-22T19:18:39","modified_gmt":"2024-10-22T22:18:39","slug":"ux-o-que-e-user-experience","status":"publish","type":"post","link":"\/pt\/tutoriais\/ux-o-que-e-user-experience","title":{"rendered":"Dominando o user experience: o que \u00e9 e como aplicar o UX"},"content":{"rendered":"<p><span style=\"font-weight: 400\"><strong><em>User Experience<\/em> <\/strong>&eacute; tudo que envolve o modo como qualquer usu&aacute;rio <\/span><span style=\"font-weight: 400\">interage com o mundo ao seu redor. Na verdade o termo <em>user experience<\/em> &eacute; muito amplo, mas quando falamos de marcas, produtos, sistemas e servi&ccedil;os, &eacute; importante entender que<em><strong> UX<\/strong><\/em> n&atilde;o envolve apenas o design do produto e seu desenvolvimento. Temos que observar todas as etapas do cliente junto &agrave; sua marca, desde o primeiro &ldquo;encontro&rdquo; at&eacute; o p&oacute;s uso ou consumo.<\/span><\/p><p><span style=\"font-weight: 400\">Mas ningu&eacute;m melhor que Donald Norman, respons&aacute;vel pela cria&ccedil;&atilde;o do termo enquanto trabalhava na Apple, para explicar esse conceito.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/p><p><iframe title='Don Norman: The term \"UX\"' width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9BdtGjoIN4E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p><p><span style=\"font-weight: 400\">Quanto melhor for a experi&ecirc;ncia do usu&aacute;rio desde o primeiro contato, e inclu&iacute;mos aqui tamb&eacute;m as emo&ccedil;&otilde;es desses momentos, maior deve ser a satisfa&ccedil;&atilde;o do cliente e mais prov&aacute;vel ser&aacute; sua fideliza&ccedil;&atilde;o. A experi&ecirc;ncia ao longo da jornada deve ser intuitiva, suave, agrad&aacute;vel. Em resumo, deve ser prazerosa e &uacute;til para o cliente.<\/span><\/p><p><span style=\"font-weight: 400\">Agora pense, voc&ecirc; entrega uma experi&ecirc;ncia maravilhosa para seu cliente ou usu&aacute;rio?<\/span><\/p><p><span style=\"font-weight: 400\">Vamos com calma entender um pouco mais sobre UX design e voc&ecirc; tamb&eacute;m ser&aacute; capaz de pensar e sentir melhor como o seu usu&aacute;rio se relaciona com o seus servi&ccedil;os, produtos, sistemas, marca. Neste artigo voc&ecirc; conhecer&aacute; os conceitos b&aacute;sicos e poder&aacute; ter alguns insights de como aplicar UX no seu relacionamento com o cliente.<\/span><\/p><h2 id=\"h-por-que-ux-design-e-importante\"><span style=\"font-weight: 400\">Por que UX Design &eacute; importante?<\/span><\/h2><p><span style=\"font-weight: 400\">UX &eacute; importante porque coloca a perspectiva do usu&aacute;rio como a espinha dorsal de qualquer fluxo de experi&ecirc;ncia, seja ele um processo de compra, troca de informa&ccedil;&atilde;o ou teste. Se a sua empresa incorporar essa ideia, perguntando-se &ldquo;Como isso pode ser melhor para o meu cliente?&rdquo; e trabalhar para atender da melhor forma, &eacute; bem prov&aacute;vel que o seu cliente sinta-se t&atilde;o bem que manter&aacute; contato com a sua empresa.<\/span><\/p><p><span style=\"font-weight: 400\">Racionar com foco no cliente &eacute; estar alinhado com os sentimentos que o seu usu&aacute;rio percebe enquanto est&aacute; em contato com a marca. Seja atento e sincero a essas emo&ccedil;&otilde;es e se aproxime do cliente. Uma boa oportunidade para aplicar isso &eacute; quando ocorre algum problema. Veja esse exemplo sobre como lidar com 404 Error &ndash; page not found.<\/span><\/p><p><iframe title=\"Renny Gleeson: 404, the story of a page not found\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/eHrcRqu_Es4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p><p><span style=\"font-weight: 400\">Diante de um problema, entenda que o seu cliente est&aacute; indignado, chateado, frustrado, como se &ldquo;tivesse levado um tapa na cara&rdquo; (usando a express&atilde;o do v&iacute;deo acima). E se n&atilde;o for poss&iacute;vel corrigir o erro, <\/span><span style=\"font-weight: 400\">diga que o compreende e trabalhe da forma mais criativa e honesta para mant&ecirc;-lo engajado.<\/span><span style=\"font-weight: 400\"> Afinal, s&atilde;o nas dificuldades que mostramos quem realmente somos. Como &eacute; a sua empresa quando algo d&aacute; errado?<\/span><\/p><p><span style=\"font-weight: 400\">O UX &eacute; importante porque trabalha para que os clientes se sintam bem sempre. As consequ&ecirc;ncias disso &eacute; que dessa forma naturalmente os clientes permanecem mais tempo com os servi&ccedil;os, s&atilde;o mais receptivos a upgrades e novas compras, propagam a marca para conhecidos e colaboram para a melhora dos produtos e servi&ccedil;os.<\/span><\/p><h2 id=\"h-vantagens-do-ux-design\"><span style=\"font-weight: 400\">Vantagens do UX Design<\/span><\/h2><p><span style=\"font-weight: 400\">De modo mais amplo a grande vantagem que o user experience propicia &eacute; ter clientes mais felizes e encantados. Mas h&aacute; ind&iacute;cios mais tangentes para perceber e avaliar essa realiza&ccedil;&atilde;o e felicidade dos seus usu&aacute;rios.<\/span><\/p><p><span style=\"font-weight: 400\"><strong>Maior convers&atilde;o de vendas<\/strong><\/span><\/p><p><span style=\"font-weight: 400\">Clientes que t&ecirc;m uma boa experi&ecirc;ncia antes do est&aacute;gio de decis&atilde;o, claramente tamb&eacute;m t&ecirc;m mais chances de converter e comprar.<\/span><\/p><p><span style=\"font-weight: 400\"><strong>Fidelidade e indica&ccedil;&otilde;es<\/strong><\/span><\/p><p><span style=\"font-weight: 400\">A fidelidade &eacute; alcan&ccedil;ada quando ao sentir a necessidade da pr&oacute;xima compra, a primeira mem&oacute;ria que vem &agrave; cabe&ccedil;a do cliente &eacute; a sua marca, e com isso ele realiza compras recorrentes. Portanto, deixe boas lembran&ccedil;as na mente do seu consumidor fazendo com que ele tenha &oacute;timas experi&ecirc;ncias em todas as etapas do contato com a sua marca: escolha, decis&atilde;o de compra, aquisi&ccedil;&atilde;o e usabilidade do seu produto ou servi&ccedil;o. Dessa forma, al&eacute;m de ter um cliente fiel &agrave; sua marca, voc&ecirc; tamb&eacute;m ter&aacute; um defensor, que a indicar&aacute; aos amigos, familiares e conhecidos.<\/span><\/p><p><span style=\"font-weight: 400\"><strong>Economia de recursos<\/strong><\/span><\/p><p><span style=\"font-weight: 400\">Analisar a experi&ecirc;ncia do usu&aacute;rio resulta em um melhor planejamento e reduz as chances de retrabalho, reduzindo custos e tempo dos funcion&aacute;rios envolvidos.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/p><p><span style=\"font-weight: 400\"><strong>Aumenta o valor percebido pelo produto<\/strong><\/span><\/p><p><span style=\"font-weight: 400\">Uma boa experi&ecirc;ncia gera uma &oacute;tima sensa&ccedil;&atilde;o que vem acompanhada de um &ldquo;Nossa, valeu muito a pena essa compra!&rdquo;. &Eacute; o momento em que voc&ecirc; supera as expectativas que o cliente tinha ao adquirir o seu produto e aumenta o seu valor agregado, que vai al&eacute;m do seu custo monet&aacute;rio.<\/span><\/p><h2 id=\"h-user-experience-aplicado-ao-seu-site\"><span style=\"font-weight: 400\">User Experience aplicado ao seu site<\/span><\/h2><p><span style=\"font-weight: 400\">Uma das partes do User Experience (UX) &eacute; o User Interface Design (UI), que envolve mais especificamente a parte visual e usabilidade dos produtos. Lembre-se que UX envolve todas as intera&ccedil;&otilde;es e emo&ccedil;&otilde;es, al&eacute;m da parte visual. Portanto, quando falamos de melhorar o seu site e torn&aacute;-lo mais funcional, isso est&aacute; melhor alinhado aos conceitos de UI. <\/span><\/p><p><span style=\"font-weight: 400\">Um dos pilares para uma boa interface est&aacute; na arquitetura de informa&ccedil;&atilde;o do seu <a href=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/importancia-do-design\/\" target=\"_blank\" rel=\"noopener\">site<\/a>. &Eacute; fundamental que ela seja organizada, coerente e intuitiva, alinhado com o perfil dos seu clientes e dados das pesquisas feitas at&eacute; ent&atilde;o. Inclusive, &eacute; com o uso de <a href=\"\/pt\/criador-de-sites\" target=\"_blank\" rel=\"noopener\">servi&ccedil;os de web design<\/a> profissionais que essa estrutura&ccedil;&atilde;o torna mais f&aacute;cil encontrar o qu&ecirc; um visitanyte procura em um site.&nbsp;<\/span><\/p><p><span style=\"font-weight: 400\">Atrav&eacute;s de menus, cores, s&iacute;mbolos informe seu usu&aacute;rio sobre qual lugar do site ele se encontra, quais s&atilde;o as suas op&ccedil;&otilde;es e deixe claro que consequ&ecirc;ncias cada a&ccedil;&atilde;o ir&aacute; gerar. Um bom jeito de aplicar arquitetura da informa&ccedil;&atilde;o &eacute; desenvolver um mapa do seu site e checar se o usu&aacute;rio realmente segue um caminho interessante.<\/span><\/p><ul>\n<li><span style=\"font-weight: 400\">&nbsp;N&atilde;o coloque informa&ccedil;&otilde;es demais na mesma p&aacute;gina. O c&eacute;rebro tem um limite de informa&ccedil;&otilde;es processadas ao mesmo tempo. Informa&ccedil;&atilde;o demais, gera confus&atilde;o e desprazer.<\/span><\/li>\n<li><span style=\"font-weight: 400\">Estude e entenda os modelos mentais de busca por informa&ccedil;&otilde;es e adeque sua arquitetura para seguir um fluxo parecido. Geralmente s&atilde;o as solu&ccedil;&otilde;es mais simples que refletem melhor nosso racioc&iacute;nio humano.<\/span><\/li>\n<li><span style=\"font-weight: 400\">Insira gatilhos para ajudar na tomada de decis&atilde;o. Exemplo: se o usu&aacute;rio est&aacute; em determinada p&aacute;gina &eacute; prov&aacute;vel que procure por um conte&uacute;do espec&iacute;fico. Destaque e convide para esse caminho.<\/span><\/li>\n<\/ul><h2 id=\"h-sobre-pensar-simples-e-aplicar-ux\"><span style=\"font-weight: 400\">Sobre pensar simples e aplicar UX<\/span><\/h2><p><span style=\"font-weight: 400\">A apresenta&ccedil;&atilde;o de Tony Fadell &ndash; engenheiro e design de produto que j&aacute; trabalhou na Apple, tamb&eacute;m &eacute; respons&aacute;vel pela cria&ccedil;&atilde;o do termostato inteligente &ndash; traz bons exemplos de como podemos pensar para observar melhor e encontrar boas solu&ccedil;&otilde;es atrav&eacute;s do User Experience. O v&iacute;deo publicado no TED Talks tem 16 minutos, mas vale cada minuto. Observe o racioc&iacute;nio sobre os h&aacute;bitos que adquirimos, sobre como podemos pensar diferente, e como devemos manter nosso olhar jovem sobre as coisas.<\/span><\/p><p><iframe title=\"The first secret of great design | Tony Fadell\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9uOMectkCCs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p><p><span style=\"font-weight: 400\">De forma mais pr&aacute;tica UI aplicado ao seu site vai olhar, testar e avaliar a forma como o seu usu&aacute;rio interage dentro do seu site. Aplique o racioc&iacute;nio de entregar uma experi&ecirc;ncia agrad&aacute;vel, simples e &uacute;til para seu usu&aacute;rio. Torne f&aacute;cil ele encontrar o que procura.<\/span><\/p><p><span style=\"font-weight: 400\">E para esse processo ser mais eficiente abuse de testes A\/B, an&aacute;lise de cliques, mapas de calor, tempo de leitura, cores, tipografia. Tudo que for visual. E claro, sempre mantenha seu olhar perspicaz para simplificar e encontrar solu&ccedil;&otilde;es.<\/span><\/p><h2 id=\"h-por-onde-comecar-com-o-ux\"><span style=\"font-weight: 400\">Por onde come&ccedil;ar com o UX?<\/span><\/h2><p><span style=\"font-weight: 400\">O primeiro passo com certeza &eacute; entender o conceito de UX e inserir dentro da cultura do seu trabalho. Como esse processo, situa&ccedil;&atilde;o, momento, pode ficar melhor para o meu cliente? Essa pergunta deve estar presente constantemente e ser gatilho de atitudes para tornar sempre melhor a experi&ecirc;ncia do usu&aacute;rio.<\/span><\/p><p><span style=\"font-weight: 400\">Um das dicas de sites especializados em User Experience &eacute; criar uma estrat&eacute;gia. O conceito de UX Strategy, &eacute; mais comum em pa&iacute;ses em que o UX &eacute; mais consolidado e naturalmente come&ccedil;am a ocorrer especializa&ccedil;&otilde;es. Vamos ver alguns pontos importantes que devem ser levados em conta pelo profissional de UX para montar uma boa estrat&eacute;gia.<\/span><\/p><p><span style=\"font-weight: 400\">&gt; Ter conhecimento dos valores da empresa e de que forma a empresa deseja ser reconhecida e se comunicar. Essas s&atilde;o quest&otilde;es que devem estar alinhadas com o branding da sua marca e &eacute; importante que estejam presentes em todos os processos.<\/span><\/p><p><span style=\"font-weight: 400\">&gt; Conhecimento de neg&oacute;cios &eacute; importante para trabalhar estrat&eacute;gias de pre&ccedil;os, posicionamento de mercado, m&eacute;todos de vendas e persuas&atilde;o e ideias de parcerias que possam melhorar os processos. Est&aacute; ligado com a ideia de reorganizar as caixas que Tony Fadell comenta no v&iacute;deo anterior. <\/span><\/p><p><span style=\"font-weight: 400\">&gt; Pesquisa e conhecimento dos usu&aacute;rios &eacute; essencial. O profissional de UX deve entender completamente as personas e fazer pesquisas para entender sempre melhor as ideias e perfis do seus clientes.<\/span><\/p><p><span style=\"font-weight: 400\">&gt; Por fim, com base nos conhecimentos acima focar em pontos importantes da jornada do seu cliente e perguntar: Como isso pode ficar melhor sob a perspectiva do cliente? Ser&aacute; importante anotar ideias e expectativas de resultados, testar, calcular e melhorar. At&eacute; atingir um resultado desejado e mudar o foco de an&aacute;lise.<\/span><\/p><p><span style=\"font-weight: 400\">&gt; Para calcular os resultados, as m&eacute;tricas podem se adequar ao problema em quest&atilde;o. Calcular a taxa de cliques, a taxa de acesso, o tempo de perman&ecirc;ncia na p&aacute;gina, convers&atilde;o de vendas, taxa de renova&ccedil;&atilde;o, pesquisas de satisfa&ccedil;&atilde;o, fazer liga&ccedil;&otilde;es qualitativas para grupos de clientes, s&atilde;o alguns exemplos.<\/span><\/p><h2 id=\"h-quer-saber-ainda-mais-sobre-user-experience\"><span style=\"font-weight: 400\">Quer saber ainda mais sobre User Experience?<\/span><\/h2><p><span style=\"font-weight: 400\">User Experience existe muito antes do momento em que o termo ganhou for&ccedil;a e se popularizou na d&eacute;cada de 90. Se pensarmos em User Experience como um meio de tornar a vida do usu&aacute;rio mais agrad&aacute;vel, f&aacute;cil e gerar bem estar podemos observar diversos est&aacute;gios da hist&oacute;ria humana. Foi com o objetivo de melhorar nossa vida que inventamos diversas solu&ccedil;&otilde;es, desde pontes para atravessar rios, a cadeiras mais confort&aacute;veis.<\/span><\/p><p><span style=\"font-weight: 400\">Na d&eacute;cada de 1970, com o avan&ccedil;o da computa&ccedil;&atilde;o surgiu o termo Human Computer Interaction (HCI), &aacute;rea que focava no desenvolvimento de m&aacute;quinas cada vez mais intuitivas e f&aacute;ceis de usar com base, &eacute; claro, na intera&ccedil;&atilde;o humana. Com isso, abandonamos os grandes computadores que apenas faziam c&aacute;lculos e criamos computadores individuais, mouses, notebooks, e chegamos a era de aparelhos touchscreens.<\/span><\/p><p><span style=\"font-weight: 400\">Mas ainda assim, a primeira vez que se tem registro do termo &ldquo;User Experience&rdquo; foi em 1993, quando Don Norman se referiu a esses processos e cunhou o termo. Na &eacute;poca <\/span><a href=\"http:\/\/contemporary-home-computing.org\/RUE\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Norman <\/span><\/a><span style=\"font-weight: 400\">trabalhava como Arquiteto da Experi&ecirc;ncia do Usu&aacute;rio na Apple. O desejo era um termo e fun&ccedil;&atilde;o que inclu&iacute;sse a usabilidade, a interface do produto, o design industrial e a intera&ccedil;&atilde;o humana, nos &acirc;mbitos f&iacute;sico e mental.<\/span><\/p><p><span style=\"font-weight: 400\">O termo ficou conhecido o estudo de User Experience se aprimorou. Como falamos, j&aacute; &eacute; poss&iacute;vel encontrar ramifica&ccedil;&otilde;es como User Interface Design (UI), UX Strategy, e se aproximou das t&eacute;cnicas de marketing e vendas que buscam estabelecer melhores relacionamento com os clientes.<\/span><\/p><p><span style=\"font-weight: 400\">Mas durante todo esse momento o conceito segue essencialmente o mesmo: como entregar a melhor experi&ecirc;ncia para o usu&aacute;rio?<\/span><\/p><p><span style=\"font-weight: 400\">Veja algumas refer&ecirc;ncias de sites sobre User Experience:<\/span><span style=\"font-weight: 400\"><br>\n<\/span><a href=\"https:\/\/brasil.uxdesign.cc\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">UX Collective Brasil<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/a><a href=\"https:\/\/www.interaction-design.org\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Interaction Design Foundation<\/span><\/a><br>\n<a href=\"http:\/\/www.uxbooth.com\/\" target=\"_blank\" rel=\"noopener\">UX Both<\/a><\/p><p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Experience &eacute; tudo que envolve o modo como qualquer usu&aacute;rio interage com o mundo ao seu redor. Na verdade o termo user experience &eacute; muito amplo, mas quando falamos de marcas, produtos, sistemas e servi&ccedil;os, &eacute; importante entender que UX n&atilde;o envolve apenas o design do produto e seu desenvolvimento. Temos que observar todas [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/ux-o-que-e-user-experience\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":92,"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":"Domine os conceitos b\u00e1sicos de UX (User Experience) com este artigo imperd\u00edvel! Abordamos os principais pontos para voc\u00ea come\u00e7ar a entender como o User Experience pode ajudar seus clientes a terem uma melhor experi\u00eancia com seu site atrav\u00e9s do UX Design e melhorar suas vendas.","rank_math_focus_keyword":"user experience, user experience, ux design, design ux, o que \u00e9 ux","footnotes":""},"categories":[5602],"tags":[5344,5343,5341,5342,5345],"class_list":["post-8600","post","type-post","status-publish","format-standard","hentry","category-glossario","tag-design-ux","tag-o-que-e-ux","tag-user-experience","tag-ux-design","tag-ux-design-o-que-e"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/ux-o-que-e-user-experience","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/ux-o-que-e-user-experience","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8600","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\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=8600"}],"version-history":[{"count":33,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8600\/revisions"}],"predecessor-version":[{"id":39196,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/8600\/revisions\/39196"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=8600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=8600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=8600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}