{"id":16235,"date":"2019-06-12T16:42:38","date_gmt":"2019-06-12T19:42:38","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=16235"},"modified":"2023-09-25T16:25:49","modified_gmt":"2023-09-25T19:25:49","slug":"teste-de-usabilidade-site","status":"publish","type":"post","link":"\/br\/tutoriais\/teste-de-usabilidade-site","title":{"rendered":"Teste de usabilidade de site: tudo o que voc\u00ea precisa saber"},"content":{"rendered":"<p>Um <strong>design de site atraente<\/strong> e uma experi&ecirc;ncia de usu&aacute;rio agrad&aacute;vel s&atilde;o elementos muito importantes para o sucesso de um site. Estes s&atilde;o dois aspectos cruciais para aumentar a credibilidade e a taxa de convers&atilde;o da sua p&aacute;gina da web.<\/p><p>A maioria das pessoas acessa um site para satisfazer necessidades espec&iacute;ficas, como encontrar uma informa&ccedil;&atilde;o ou fazer uma compra. Se o seu site n&atilde;o atender a essas necessidades de forma f&aacute;cil e r&aacute;pida, os clientes em potencial se deslocar&atilde;o para um concorrente.<\/p><p>A experi&ecirc;ncia de usu&aacute;rio &eacute; &eacute; ainda mais importante em <strong>sites de e-commerce<\/strong>: uma jornada frustrante pode fazer com que quase <strong>90% dos compradores online<\/strong> abandonem seu site e nunca mais voltem.<\/p><p>Por isso, testes de usabilidade est&atilde;o entre as ferramentas mais valiosas para garantir uma experi&ecirc;ncia eficaz e satisfat&oacute;ria para os seus usu&aacute;rios.<\/p><p>Testar a usabilidade do seu site &eacute; essencial para identificar um design ruim. Um bom teste verifica a facilidade de uso, a efici&ecirc;ncia e a satisfa&ccedil;&atilde;o dos usu&aacute;rios, al&eacute;m de detectar se algum erro pode ter passado despercebido.<\/p><p>Este artigo explicar&aacute; mais detalhadamente o que &eacute; teste de usabilidade de sites, m&eacute;todos comuns de teste e um guia passo a passo sobre como realiz&aacute;-lo.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/public\" alt=\"\" class=\"wp-image-30339\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Speed-Up-your-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><p><\/p><p>\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">O Que &eacute; Teste de Usabilidade?<\/h2>\n                    <p>O teste de usabilidade &eacute; o processo que avalia a facilidade com que os usu&aacute;rios usam seu software ou site. Ele envolve um grupo de pessoas que realizam tarefas espec&iacute;ficas e d&atilde;o feedback por meio de entrevistas ou question&aacute;rios sobre o desempenho do seu site.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-para-que-serve-o-teste-de-usabilidade\"><strong>Para Que Serve o Teste de Usabilidade?<\/strong><\/h2><p>O teste de usabilidade do site deve abranger todas as etapas de cria&ccedil;&atilde;o, inclusive os est&aacute;gios de brainstorming, prototipagem e avalia&ccedil;&atilde;o. Um especialista em usabilidade ou um pesquisador de UX pode moderar e observar o processo de teste em cada est&aacute;gio, se necess&aacute;rio.<\/p><p>Estima-se que corrigir um erro ap&oacute;s o desenvolvimento <a href=\"https:\/\/s3.amazonaws.com\/coach-courses-us\/public\/theuxschool\/uploads\/The_Trillion_Dollar_UX_Problem.pdf\" target=\"_blank\" rel=\"noopener\"><strong>custa 100 vezes mais<\/strong><\/a> do que corrigi-lo durante o processo. Al&eacute;m de economizar dinheiro, os testes ajudar&atilde;o a identificar e corrigir problemas de usabilidade no site antes que eles se tornem mais graves.<\/p><p>H&aacute; m&eacute;tricas b&aacute;sicas que podem ser usadas nos testes de usabilidade para planejar as melhorias necess&aacute;rias no site. Vamos dar uma olhada nelas abaixo.<\/p><h3 class=\"wp-block-heading\" id=\"h-facilidade-de-uso\"><strong>Facilidade de Uso<\/strong><\/h3><p>A facilidade de uso indica se as pessoas conseguem entender a interface do usu&aacute;rio e concluir facilmente as tarefas que pretendem realizar.<\/p><p>Por exemplo, voc&ecirc; pede a um participante que reserve o voo de ida mais barato do Aeroporto de Congonhas, em S&atilde;o Paulo, para o Aeroporto Santos Dumont, no Rio de Janeiro, em uma data espec&iacute;fica em seu site.<\/p><p>O objetivo &eacute; verificar se os participantes conseguem comprar o bilhete correto sem encontrar dificuldades.<\/p><h3 class=\"wp-block-heading\" id=\"h-eficiencia\"><strong>Efici&ecirc;ncia<\/strong><\/h3><p>Se a facilidade de uso indica como os usu&aacute;rios navegam na interface e concluem as tarefas, a efici&ecirc;ncia mede a rapidez com que eles podem fazer isso. Quanto menor for o tempo necess&aacute;rio para concluir as tarefas, melhor ser&aacute; o seu design.<\/p><p>Usando o mesmo exemplo do t&oacute;pico acima, voc&ecirc; mede o tempo entre o momento em que os participantes abrem o sistema de reserva at&eacute; o momento em que concluem o pagamento da passagem.<\/p><p>Isso tamb&eacute;m mostra qual parte das tarefas leva mais tempo. Se os participantes gastarem muito tempo em uma etapa espec&iacute;fica do processo, pode haver uma parte da interface que esteja confusa e precise ser melhorada.<\/p><h3 class=\"wp-block-heading\" id=\"h-erros\"><strong>Erros<\/strong><\/h3><p>Os testadores tamb&eacute;m ajudam a encontrar pequenos erros no seu site, como <a href=\"\/br\/tutoriais\/corretor-ortografico-online\"><strong>problemas de ortografia ou pontua&ccedil;&atilde;o<\/strong><\/a>, que podem ter passado despercebidos. Al&eacute;m disso, eles tamb&eacute;m podem encontrar links quebrados ou elementos que n&atilde;o estejam funcionando como deveriam.<\/p><p>Talvez voc&ecirc; pense que problemas como erros de digita&ccedil;&atilde;o n&atilde;o causar&atilde;o um impacto negativo. Entretanto, problemas desse tipo causam uma p&eacute;ssima primeira impress&atilde;o e diminuem a credibilidade do seu site.<\/p><p>Al&eacute;m disso, durante o teste de usabilidade, tamb&eacute;m &eacute; essencial registrar quantos erros os participantes cometem. Por exemplo, se v&aacute;rios usu&aacute;rios clicam acidentalmente em um menu errado no teste das passagens a&eacute;reas, &eacute; hora de reavaliar a sua interface.<\/p><p>Tamb&eacute;m &eacute; preciso avaliar por que esses erros ocorrem e com que rapidez os usu&aacute;rios podem reverter o curso.<\/p><h3 class=\"wp-block-heading\" id=\"h-satisfacao\"><strong>Satisfa&ccedil;&atilde;o<\/strong><\/h3><p>Mesmo que os participantes consigam concluir a tarefa sem erros, eles ainda podem fornecer insights para ajudar a melhorar a satisfa&ccedil;&atilde;o do usu&aacute;rio.<\/p><p>Por exemplo, eles podem achar que o design, o esquema de cores ou as fontes de texto est&atilde;o dif&iacute;ceis de entender ou poderiam ser repensados.<\/p><p>Outro exemplo: o site pode funcionar muito bem, mas se ele &eacute; muito lento para carregar, isso torna a experi&ecirc;ncia desagrad&aacute;vel.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-32927\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Web-hosting_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-quais-sao-os-tipos-comuns-de-testes-de-usabilidade\"><strong>Quais S&atilde;o os Tipos Comuns de Testes de Usabilidade?<\/strong><\/h2><p>Existem v&aacute;rios m&eacute;todos de teste de usabilidade que voc&ecirc; escolher, dependendo do seu foco e das m&eacute;tricas a serem analisadas. Vamos dar uma olhada em sete tipos comuns, seus benef&iacute;cios e quando us&aacute;-los.<\/p><h3 class=\"wp-block-heading\" id=\"h-teste-de-usabilidade-interno\"><strong>Teste de Usabilidade Interno<\/strong><\/h3><p>Esse tipo de teste de usabilidade &eacute; realizado no local de desenvolvimento do projeto. O teste pode ser moderado e observado por pesquisadores, que d&atilde;o instru&ccedil;&otilde;es a cada participante e avaliam o teste.<\/p><p>Isso requer a contrata&ccedil;&atilde;o de usu&aacute;rios qualificados para realizar o teste. Se voc&ecirc; estiver testando um site para reserva de passagens a&eacute;reas, talvez precise de pessoas que viajam com frequ&ecirc;ncia como participantes.<\/p><p>Voc&ecirc; tamb&eacute;m pode convocar seus pr&oacute;prios funcion&aacute;rios como testadores. No entanto, isso pode levar a resultados tendenciosos, pois eles provavelmente j&aacute; est&atilde;o familiarizados com a interface do seu site. Portanto, recomendamos que voc&ecirc; tamb&eacute;m contrate usu&aacute;rios externos para obter melhores resultados.<\/p><p>Para testes internos, &eacute; recomend&aacute;vel usar um laborat&oacute;rio controlado de testes. Isso garante que todas as sess&otilde;es usem o mesmo equipamento e ambiente, minimizando as varia&ccedil;&otilde;es de resultados causadas por fatores externos.<\/p><p>No entanto, esse m&eacute;todo precisa de mais recursos e s&oacute; pode envolver um grupo limitado de pessoas por sess&atilde;o. Portanto, ele &eacute; ideal para coletar informa&ccedil;&otilde;es detalhadas, investigar como os usu&aacute;rios interagem com o site e analisar problemas de usabilidade que possam surgir.<\/p><h3 class=\"wp-block-heading\" id=\"h-teste-de-usabilidade-remoto-e-nao-moderado\"><strong>Teste de Usabilidade Remoto e N&atilde;o-Moderado<\/strong><\/h3><p>O teste de usabilidade remoto n&atilde;o-moderado permite que os participantes realizem o processo em qualquer lugar usando seus pr&oacute;prios dispositivos.&nbsp;<\/p><p>Embora esse teste n&atilde;o produza um resultado detalhado como um teste interno moderado, seu custo &eacute; significativamente menor.<\/p><p>Esse m&eacute;todo usa ferramentas online espec&iacute;ficas para coletar os dados de uso. Por exemplo, a <a href=\"https:\/\/www.gazept.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Gazepoint<\/strong><\/a> e a <a href=\"https:\/\/www.realeye.io\/\" target=\"_blank\" rel=\"noopener\"><strong>RealEye<\/strong><\/a> permitem que voc&ecirc; realize testes de rastreamento ocular remotamente, enquanto o <a href=\"https:\/\/maze.co\/\" target=\"_blank\" rel=\"noopener\"><strong>Maze<\/strong><\/a> &eacute; um excelente aplicativo para testes de usabilidade baseados em tarefas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1019\" height=\"550\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/bridger-teste-usabilidade.png\/public\" alt=\"teste de usabilidade do aplicativo bridger\" class=\"wp-image-40272\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/bridger-teste-usabilidade.png\/w=1019,fit=scale-down 1019w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/bridger-teste-usabilidade.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/bridger-teste-usabilidade.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/bridger-teste-usabilidade.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1019px) 100vw, 1019px\" \/><\/figure><\/div><p>A vantagem desse m&eacute;todo &eacute; que os participantes t&ecirc;m muito mais facilidade para fazer o teste em seus pr&oacute;prios ambientes, dando uma melhor ideia do uso do seu app ou site no mundo real.<\/p><p>Uma boa ideia &eacute; aplicar esse m&eacute;todo ap&oacute;s realizar um teste moderado do site. Isso porque o teste moderado pode trazer descobertas ou hip&oacute;teses importantes, e agora voc&ecirc; precisa comprov&aacute;-las testando uma amostra maior de usu&aacute;rios.<\/p><h3 class=\"wp-block-heading\" id=\"h-teste-de-usabilidade-remoto-e-moderado\"><strong>Teste de Usabilidade Remoto e Moderado<\/strong><\/h3><p>Esse m&eacute;todo &eacute; um meio-termo dos dois anteriores. Nesse tipo de teste, os participantes est&atilde;o em suas pr&oacute;prias casas ou locais de trabalho, mas com um moderador instruindo-os e observando-os remotamente.<\/p><p>Os testes remotos moderados s&atilde;o muito &uacute;teis quando &eacute; necess&aacute;rio que os testes de usabilidade produzam resultados mais claros e mensur&aacute;veis.<\/p><p>Como esse tipo de teste exige que voc&ecirc; guie e observe os participantes remotamente, &eacute; necess&aacute;rio ter moderadores treinados para se comunicar com os participantes. Al&eacute;m disso, voc&ecirc; precisar&aacute; de uma ferramenta adequada para se conectar com os usu&aacute;rios.<\/p><p>Uma das melhores ferramentas para testes remotos moderados &eacute; o <a href=\"https:\/\/lookback.io\/\" target=\"_blank\" rel=\"noopener\"><strong>Lookback<\/strong><\/a>. Ela permite que voc&ecirc; envie links para os testes de usabilidade e realize conversas ao vivo para moderar os participantes e fazer anota&ccedil;&otilde;es. Tamb&eacute;m &eacute; poss&iacute;vel convidar membros da equipe como observadores em qualquer sess&atilde;o de teste.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/lookback.png\/public\" alt=\"ferramenta de teste de usabilidade lookback\" class=\"wp-image-40273\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/lookback.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/lookback.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/lookback.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/lookback.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\"><strong>Teste de Guerrilha<\/strong><\/h3><p>O teste de guerrilha &eacute; a forma mais simples de testar a usabilidade de um projeto. Ele envolve apresentar seu prot&oacute;tipo a pessoas aleat&oacute;rias em um local p&uacute;blico, como um caf&eacute; ou uma pra&ccedil;a. &Eacute; uma solu&ccedil;&atilde;o r&aacute;pida e de baixo custo para testar novas ideias.<\/p><p>Esse m&eacute;todo tamb&eacute;m pode envolver prot&oacute;tipos f&iacute;sicos, em papel &ndash; isto &eacute;, um esquema desenhado do seu projeto para dar uma ideia do que voc&ecirc; tem em mente. O custo desta abordagem &eacute; menor e a cria&ccedil;&atilde;o &eacute; mais r&aacute;pida do que a de um prot&oacute;tipo funcional.<\/p><p>O teste de guerrilha tamb&eacute;m &eacute; eficiente em termos de tempo, pois voc&ecirc; n&atilde;o precisa recrutar participantes qualificados e esperar pelas respostas deles.<\/p><p>Tenha em mente que, como o teste de guerrilha envolve pessoas aleat&oacute;rias, elas podem n&atilde;o ser usu&aacute;rias habituais do nicho do seu site. Por exemplo, se voc&ecirc; quiser testar um site de passagens a&eacute;reas, os participantes podem n&atilde;o ser necessariamente viajantes.<\/p><p>Portanto, esse m&eacute;todo &eacute; mais adequado para o est&aacute;gio inicial de desenvolvimento, para saber se o seu produto est&aacute; indo na dire&ccedil;&atilde;o certa.<\/p><h3 class=\"wp-block-heading\"><strong>Teste por Telefone<\/strong><\/h3><p>Uma entrevista por telefone &eacute; um m&eacute;todo de teste de usabilidade que envolve um pesquisador fazendo perguntas aos participantes ou instruindo-os sobre como realizar uma tarefa por telefone. Em seguida, os participantes d&atilde;o feedback sobre o objeto testado.<\/p><p>Esse m&eacute;todo &eacute; &uacute;til para alcan&ccedil;ar participantes e coletar dados de &aacute;reas geogr&aacute;ficas mais amplas, permitindo que voc&ecirc; obtenha uma perspectiva mais abrangente dos poss&iacute;veis problemas do seu projeto.<\/p><p>Tamb&eacute;m &eacute; uma boa ideia fazer uma entrevista telef&ocirc;nica como acompanhamento do teste remoto n&atilde;o moderado. Dessa forma, voc&ecirc; entende o racioc&iacute;nio por tr&aacute;s das decis&otilde;es dos participantes durante o teste.<\/p><p>No entanto, &eacute; fundamental empregar moderadores bem treinados, especialmente se o teste envolver um grupo de participantes com idiomas diferentes.<\/p><h3 class=\"wp-block-heading\"><strong>Teste de Classifica&ccedil;&atilde;o de Cart&otilde;es<\/strong><\/h3><p>Esse m&eacute;todo envolve a apresenta&ccedil;&atilde;o de cart&otilde;es virtuais que representam diferentes tipos de conte&uacute;do do seu site. Em seguida, voc&ecirc; pede aos participantes que reordenem e organizem esses cart&otilde;es. Depois disso, voc&ecirc; pergunta o racioc&iacute;nio l&oacute;gico por tr&aacute;s das decis&otilde;es deles.<\/p><p>O teste mostra como os usu&aacute;rios veem a estrutura do site e, portanto, como eles navegar&atilde;o pelas p&aacute;ginas. Ele ajuda os desenvolvedores a organizar seus sites, tomando decis&otilde;es com base nos resultados dos testes de usabilidade.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"689\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/optimal-workshop.png\/public\" alt=\"p&aacute;gina do optimal workshop na web\" class=\"wp-image-40274\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/optimal-workshop.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/optimal-workshop.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/optimal-workshop.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/optimal-workshop.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Portanto, esse m&eacute;todo &eacute; perfeito se voc&ecirc; quiser <a href=\"\/br\/tutoriais\/otimizacao-de-sites\">otimizar a arquitetura do seu site<\/a>. O <a href=\"https:\/\/www.optimalworkshop.com\/optimalsort\/\" target=\"_blank\" rel=\"noopener\"><strong>OptimalSort<\/strong><\/a> &eacute; uma excelente plataforma de pesquisa para realizar esse teste online.<\/p><h3 class=\"wp-block-heading\"><strong>Teste com Grava&ccedil;&atilde;o de Sess&atilde;o<\/strong><\/h3><p>Nesse m&eacute;todo, voc&ecirc; grava a tela dos usu&aacute;rios para avaliar as suas a&ccedil;&otilde;es durante o uso do site. Os v&iacute;deos ajudam os pesquisadores a entender como os testadores interagem com o site, quais aspectos chamam sua aten&ccedil;&atilde;o e se h&aacute; alguma dificuldade ou confus&atilde;o quando eles navegam entre as p&aacute;ginas.<\/p><p>O teste com grava&ccedil;&atilde;o de sess&atilde;o requer ferramentas espec&iacute;ficas, como o <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Hotjar<\/strong><\/a>. Ele pode registrar a&ccedil;&otilde;es como movimentos do mouse e cliques na p&aacute;gina.&nbsp;<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/hotjar.png\/public\" alt=\"teste de usabilidade da hotjar\" class=\"wp-image-40275\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/hotjar.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/hotjar.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/hotjar.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/hotjar.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Para obter melhores resultados com esse tipo de teste, recomendamos que ele seja acompanhado de entrevistas por telefone ou v&iacute;deo. Isso proporcionar&aacute; uma melhor compreens&atilde;o das a&ccedil;&otilde;es dos usu&aacute;rios durante o teste e reunir&aacute; mais informa&ccedil;&otilde;es sobre os problemas encontrados.<\/p><h2 class=\"wp-block-heading\" id=\"h-6-passos-para-conduzir-uma-analise-de-usabilidade-na-web\"><strong>6 Passos para Conduzir uma An&aacute;lise de Usabilidade na Web<\/strong><\/h2><p>Existem <strong>seis passos<\/strong> para conduzir um teste de usabilidade de um site.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-determine-o-que-precisa-ser-mensurado\"><strong>1. Determine o que Precisa ser Mensurado<\/strong><\/h3><p>Como um ponto de partida, voc&ecirc; precisa afirmar de maneira clara o que busca alcan&ccedil;ar com os testes e qual parte do website &eacute; o alvo da a&ccedil;&atilde;o.<\/p><p>Por exemplo, voc&ecirc; quer apenas saber como os usu&aacute;rios podem reservar uma passagem de maneira bem sucedida? Ou voc&ecirc; quer descobrir como uma mudan&ccedil;a no design pode ajudar a experi&ecirc;ncia de usu&aacute;rio?<\/p><p>Enquanto &eacute; sempre recomendado promover um teste de cada vez, a coisa mais importante &eacute; definir o seu objetivo de maneira clara para que voc&ecirc; possa mensurar o seu teste de maneira adequada.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-identifique-o-melhor-metodo\"><strong>2. Identifique o Melhor M&eacute;todo<\/strong><\/h3><p>Como n&oacute;s mencionamos anteriormente, o m&eacute;todo que voc&ecirc; usa para testar a usabilidade &eacute; crucial.<\/p><p>Se voc&ecirc; quer fazer uma s&eacute;rie de testes envolvendo as mesmas pessoas, voc&ecirc; pode desejar promover uma avalia&ccedil;&atilde;o pessoalmente e no local. Mas, se o objetivo &eacute; ter resultados rapidamente ao mesmo tempo em que mant&eacute;m a alta qualidade com participantes ao redor do mundo, &eacute; poss&iacute;vel usar os testes remotos moderados de usabilidade.<\/p><p>Por exemplo, com o <strong>Lookback<\/strong>, voc&ecirc; pode criar um link para os participantes acessarem. Ent&atilde;o, &eacute; poss&iacute;vel pedir para eles instalarem o aplicativo e come&ccedil;ar os testes. Enquanto isso, voc&ecirc; pode deix&aacute;-los fazer o que quiserem durante a sess&atilde;o, enquanto ainda tem o controle sobre que partes quer testar ou a&ccedil;&otilde;es quer realizar.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-crie-um-cenario-de-tarefa-e-defina-sua-taxa-de-sucesso\"><strong>3. Crie um Cen&aacute;rio de Tarefa e Defina sua Taxa de Sucesso<\/strong><\/h3><p>O cen&aacute;rio de tarefa &eacute; tipo aquilo que n&oacute;s mencionamos mais cedo, como por exemplo tentar reservar o voo s&oacute; de ida mais barato num determinado dia.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"926\" height=\"319\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/kayak.png\/public\" alt=\"captura de tela do kayak, site de reserva de passagens\" class=\"wp-image-40271\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/kayak.png\/w=926,fit=scale-down 926w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/kayak.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/kayak.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/06\/kayak.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 926px) 100vw, 926px\" \/><\/figure><\/div><p>Assim que tiver definido o cen&aacute;rio, voc&ecirc; precisa determinar a sua taxa de sucesso.<\/p><p>Vamos dizer que voc&ecirc; quer incluir como um indicador a facilidade de encontrar a p&aacute;gina correta para comprar a passagem. D&aacute; para determinar se todos os quatro campos devem ser preenchidos corretamente em todas as tentativas ou se voc&ecirc; pode tolerar erros em alguns dos campos.<\/p><p>Adicionalmente, voc&ecirc; pode querer incluir limites de tempo para o processo de reserva como um indicador de sucesso.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-encontre-os-participantes\"><strong>4. Encontre os Participantes<\/strong><\/h3><p>O teste de usabilidade que voc&ecirc; fizer deve ser efetivo e eficiente. &Eacute; por isso que encontrar os participantes certos &eacute; um fator muito importante.<\/p><p>Geralmente, <strong>cinco participantes <\/strong>s&atilde;o ideais para cada sess&atilde;o de testes &ndash; &eacute; algo f&aacute;cil de se gerenciar e que n&atilde;o custa muito se voc&ecirc; usar servi&ccedil;os de terceiros. Contudo, os est&aacute;gios de desenvolvimento e o m&eacute;todo de testes determinam quantos participantes realmente s&atilde;o necess&aacute;rios.<\/p><p>Para est&aacute;gios iniciais de desenvolvimento, voc&ecirc; pode usar o <strong>m&eacute;todo Hallway<\/strong> onde voc&ecirc; escolhe pessoas aleat&oacute;rias para testar o seu website. Com esse m&eacute;todo, voc&ecirc; evita a necessidade de estudar o usu&aacute;rio ideal anteriormente.<\/p><p>Por outro lado, nos momentos finais de desenvolvimento, escolher os participantes que est&atilde;o pr&oacute;ximos de sua persona pode gerar resultados mais precisos. Uma <strong>persona de usu&aacute;rio <\/strong>&eacute; qualquer coisa que reflete os usu&aacute;rios reais de seus produtos, incluindo suas caracter&iacute;sticas, necessidades e objetivos.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-conduza-o-teste\"><strong>5. Conduza o Teste<\/strong><\/h3><p>Enquanto voc&ecirc; pode usar participantes aleat&oacute;rios, voc&ecirc; n&atilde;o deve utilizar t&eacute;cnicas aleat&oacute;rias para uma sess&atilde;o.<\/p><p>Dito isso, quando estiver conduzindo o teste, voc&ecirc; pode torn&aacute;-lo consistente em termos da tarefa e do pedido &ndash; mesmo para usu&aacute;rios remotos n&atilde;o moderados. Transmitir informa&ccedil;&otilde;es claras e concisas para os participantes &eacute; algo que ajuda bastante.<\/p><p>Voc&ecirc; pode informar o qu&atilde;o longo ser&aacute; o teste, como os usu&aacute;rios devem comentar sobre suas descobertas e qual &eacute; o objetivo da avalia&ccedil;&atilde;o.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-faca-um-relatorio-e-analise-suas-descobertas\"><strong>6. Fa&ccedil;a um Relat&oacute;rio e Analise suas Descobertas<\/strong><\/h3><p>Dependendo do tipo de teste, voc&ecirc; pode resumir suas descobertas e organizar os relat&oacute;rios de acordo com os seus objetivos. Voc&ecirc; pode avaliar as descobertas usando <strong>an&aacute;lises tem&aacute;ticas ou correlacionais<\/strong>.<\/p><p>Se voc&ecirc; fizer o teste sozinho, considere criar um <strong>mapa de jornada dos consumidores<\/strong>. Isso &eacute; importante para se conseguir obter informa&ccedil;&otilde;es memor&aacute;veis. Ademais, isso permite que voc&ecirc; tenha uma perspectiva do lado do usu&aacute;rio sobre o assunto.<\/p><p>Outro m&eacute;todo envolve usar planilhas para categorizar coisas como pr&oacute;s e contras, quest&otilde;es maiores e menores, problemas normais e cr&iacute;ticos, etc. Isso vai tornar mais f&aacute;cil planejar quaisquer melhorias para o seu website.<\/p><p>Se voc&ecirc; usa servi&ccedil;os de terceiros, pode escolher que tipos de resultados ir&aacute; obter atrav&eacute;s deles.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>Testes de usabilidade de sites s&atilde;o importantes para que a presen&ccedil;a online da sua empresa ofere&ccedil;a a melhor experi&ecirc;ncia poss&iacute;vel para o usu&aacute;rio final.<\/p><p>Existem v&aacute;rios m&eacute;todos de teste de usabilidade que voc&ecirc; pode escolher, dependendo do est&aacute;gio de desenvolvimento, das necessidades e dos objetivos do teste. S&atilde;o eles: teste interno moderado, remoto n&atilde;o-moderado, remoto moderado, de guerrilha, entrevista por telefone, classifica&ccedil;&atilde;o de cart&otilde;es e teste com grava&ccedil;&atilde;o de sess&atilde;o.<\/p><p>Ap&oacute;s escolher um m&eacute;todo, voc&ecirc; pode fazer o teste de usabilidade usado esses <strong>seis passos:<\/strong><\/p><ol class=\"wp-block-list\">\n<li><strong>Determine o que precisa ser mensurado<\/strong><\/li>\n\n\n\n<li><strong>Identifique o melhor m&eacute;todo<\/strong><\/li>\n\n\n\n<li><strong>Crie um cen&aacute;rio de tarefa e defina sua taxa de sucesso<\/strong><\/li>\n\n\n\n<li><strong>Encontre os participantes<\/strong><\/li>\n\n\n\n<li><strong>Conduza o teste<\/strong><\/li>\n\n\n\n<li><strong>Fa&ccedil;a um relat&oacute;rio e analise suas descobertas<\/strong><\/li>\n<\/ol><p>Agora que voc&ecirc; sabe disso tudo, n&atilde;o h&aacute; nenhuma desculpa para voc&ecirc; oferecer uma experi&ecirc;ncia ruim para os consumidores em seu site. Boa sorte!<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Saiba Mais Sobre a Cria&ccedil;&atilde;o de Sites<\/h4>\n                    <p><a href=\"\/br\/tutoriais\/como-deixar-um-site-responsivo\">Como Deixar um Site Responsivo<\/a><br><a href=\"\/br\/tutoriais\/como-criar-um-site-passo-a-passo\">Como Criar um Site do Zero<\/a><br><a href=\"\/br\/tutoriais\/acessibilidade-web\">Guia de Acessibilidade na Web<\/a><br><a href=\"\/br\/tutoriais\/boas-praticas-web-design\">Melhores Pr&aacute;ticas de Web Design<\/a><br><a href=\"\/br\/tutoriais\/como-fazer-o-upload-do-seu-website\">Como Colocar Seu Site no Ar<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um design de site atraente e uma experi&ecirc;ncia de usu&aacute;rio agrad&aacute;vel s&atilde;o elementos muito importantes para o sucesso de um site. Estes s&atilde;o dois aspectos cruciais para aumentar a credibilidade e a taxa de convers&atilde;o da sua p&aacute;gina da web. A maioria das pessoas acessa um site para satisfazer necessidades espec&iacute;ficas, como encontrar uma informa&ccedil;&atilde;o [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/teste-de-usabilidade-site\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":125,"featured_media":32030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Para ter um site atraente, voc\u00ea precisa conduzir testes de usabilidade nele. Aprenda o que \u00e9 isso e como conduzir uma avalia\u00e7\u00e3o do tipo.","rank_math_focus_keyword":"teste de usabilidade","footnotes":""},"categories":[4941],"tags":[6694,6693,6691,6692],"class_list":["post-16235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento-web","tag-analise-de-site","tag-teste-de-usabilidade","tag-teste-de-usabilidade-site","tag-usabilidade-na-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/website-usability-testing","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/teste-de-usabilidade-site","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/test-de-usabilidad-web","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/website-usability-testing","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/website-usability-testing","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/website-usability-testing","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/website-usability-testing","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/test-de-usabilidad-web","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/test-de-usabilidad-web","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/test-de-usabilidad-web","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/teste-de-usabilidade-site","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/website-usability-testing","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/website-usability-testing","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/website-usability-testing","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/website-usability-testing","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=16235"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16235\/revisions"}],"predecessor-version":[{"id":40277,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/16235\/revisions\/40277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media\/32030"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=16235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=16235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=16235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}