{"id":2008,"date":"2015-11-23T19:12:54","date_gmt":"2015-11-23T21:12:54","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=2008"},"modified":"2019-03-18T15:33:06","modified_gmt":"2019-03-18T18:33:06","slug":"melhorar-usabilidade-do-site","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/melhorar-usabilidade-do-site\/","title":{"rendered":"4 dicas para melhorar a usabilidade do seu site"},"content":{"rendered":"<p>Quantas vezes, desde que come\u00e7amos a usar a internet para as mais diversas atividades, j\u00e1 tivemos enormes dificuldades em encontrar alguma informa\u00e7\u00e3o dentro de um site? Provavelmente voc\u00ea n\u00e3o conseguir\u00e1 nem contar. Um grande n\u00famero de sites na internet tem <strong>problemas graves de usabilidade<\/strong>, que \u00e9 o aspecto que determina o grau de dificuldade (ou facilidade) que o usu\u00e1rio tem ao \u201cusar\u201d um site, aplicativo ou jogo. Portanto, se voc\u00ea quer aprender a <strong>melhorar a usabilidade do seu site<\/strong>, voc\u00ea est\u00e1 no lugar certo!<\/p>\n<p>Em outros termos, uma <strong>boa usabilidade<\/strong> significa que o usu\u00e1rio consegue atingir, com pleno sucesso, seus objetivos ao lidar com a m\u00eddia, sejam elas quais forem \u2014 jogar, obter uma informa\u00e7\u00e3o, comprar um produto, fazer um cadastro ou interagir de forma plena com outros usu\u00e1rios, por exemplo. O foco na usabilidade \u00e9 determinante para qualquer projeto desse tipo, uma vez que a dificuldade de uso \u00e9 um dos principais motivos de rejei\u00e7\u00e3o por parte de usu\u00e1rios.<\/p>\n<p>Que tal ent\u00e3o conferirmos <strong>4 dicas para melhorar a usabilidade do seu site<\/strong>? Acompanhe!<\/p>\n<h2>1. Fa\u00e7a testes com usu\u00e1rios<\/h2>\n<p>N\u00e3o h\u00e1 ningu\u00e9m melhor para testar seu site ou sistema (aplicativo ou jogo) do que a pr\u00f3pria pessoa que ir\u00e1 utiliz\u00e1-lo, antes que ele seja publicado. Por ser o principal interessado no que o produto tem a oferecer, o usu\u00e1rio dever\u00e1 apontar aspectos como problemas de navega\u00e7\u00e3o, dificuldade de acesso e outras inconsist\u00eancias.<\/p>\n<p>Nesse momento, \u00e9 importante observar em que n\u00edveis de navega\u00e7\u00e3o se encontram as principais fun\u00e7\u00f5es e informa\u00e7\u00f5es do site. Um bom norte nesse sentido \u00e9 considerar que o usu\u00e1rio deve conseguir acessar o que precisa em no m\u00e1ximo tr\u00eas n\u00edveis de cliques, por exemplo.<\/p>\n<p><strong>Dica:<\/strong> Leia<a href=\"https:\/\/www.mxcursos.com\/blog\/hotjar-veja-como-seus-visitantes-navegam-em-seu-site-atraves-de-gravacao-videos\/\"> nosso posts sobre Hotjar<\/a>, uma bela solu\u00e7\u00e3o (Premium e Gratuita) para testar a navega\u00e7\u00e3o do usu\u00e1rio em seu site.<\/p>\n<h2>2. Preste aten\u00e7\u00e3o aos feedbacks<\/h2>\n<p>A opini\u00e3o do cliente \u00e9 muito importante em qualquer neg\u00f3cio, e quando falamos da <strong>usabilidade de sites<\/strong> e sistemas ela se torna lei! Ou seja, preste muita aten\u00e7\u00e3o \u00e0s sugest\u00f5es que os usu\u00e1rios enviam sobre seu site depois de publicado, pois elas podem ser a chave para a melhoria dos servi\u00e7os de forma global.<\/p>\n<p>Ali\u00e1s, o <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hotjar<\/a>, que citamos acima, possui um recurso de feedbacks que voc\u00ea pode inserir facilmente em seu site.<\/p>\n<p>\u00c9 imprescind\u00edvel, nesse aspecto, dar aten\u00e7\u00e3o especial \u00e0s reclama\u00e7\u00f5es e feedbacks negativos. Se o usu\u00e1rio de seu site, aplicativo ou jogo est\u00e1 reclamando de algo como dificuldade de cadastro, senha, compra ou obten\u00e7\u00e3o de alguma informa\u00e7\u00e3o, \u00e9 bem prov\u00e1vel que haja um <strong>problema de usabilidade<\/strong> que precise ser analisado e corrigido.<\/p>\n<h2>3. Promova testes A\/B<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18363 size-full\" title=\"Teste A\/B - Melhorar a usabilidade do seu site\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab.png\" alt=\"Teste A\/B - Melhorar a usabilidade do seu site\" width=\"826\" height=\"487\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab.png 826w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-600x354.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-768x453.png 768w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-610x360.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-740x436.png 740w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-620x366.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2015\/11\/teste-ab-24x14.png 24w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>Um <strong>teste A\/B \u00e9 quando produzimos duas vers\u00f5es de um produto com aspectos diferentes entre si e comparamos os resultados trazidos por elas<\/strong>. Voc\u00ea pode fazer um teste A\/B com a p\u00e1gina inicial de seu site, por exemplo, ao produzir uma vers\u00e3o dessa p\u00e1gina com a \u00e1rea de login do lado superior esquerdo e outra com a mesma \u00e1rea posicionada em um lugar diferente. A p\u00e1gina que trouxer melhor resultado, seja em termos de n\u00fameros de visitas ou convers\u00f5es, ser\u00e1 a \u201cvencedora\u201d e ficar\u00e1 no ar.<\/p>\n<p>Em tese, testes A\/B deveriam ser infinitos, ou seja, a vers\u00e3o que melhor traz resultados em uma compara\u00e7\u00e3o dever\u00e1 ser submetida a outra compara\u00e7\u00e3o com uma terceira vers\u00e3o, visando sempre \u00e0 melhora dos processos de usabilidade.<\/p>\n<p><strong>Dica:<\/strong> O <a href=\"https:\/\/analytics.google.com\/analytics\/web\/#\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Analytics<\/a> possui recursos para que voc\u00ea possa criar seus testes A\/B. D\u00ea uma conferida aqui neste <a href=\"https:\/\/resultadosdigitais.com.br\/blog\/teste-ab-google-analytics\/\" target=\"_blank\" rel=\"noopener noreferrer\">belo post da Resultados Digitais<\/a> ensinando a fazer isso.<\/p>\n<h2>4. Construa um layout intuitivo<\/h2>\n<p>A disposi\u00e7\u00e3o dos itens em seu sistema, seja ele um site, aplicativo ou jogo, deve ser feita de forma harm\u00f4nica, sem agredir visualmente o usu\u00e1rio e sem criar confus\u00e3o de elementos e informa\u00e7\u00f5es. Cabe\u00e7alho, menus e conte\u00fado devem estar dispostos de maneira a servir a informa\u00e7\u00e3o da melhor forma poss\u00edvel ao usu\u00e1rio, obedecendo regras e conven\u00e7\u00f5es de design.<\/p>\n<p>Outros itens de layout a serem considerados nesse aspecto s\u00e3o cores, formas e, principalmente, as fontes utilizadas nos textos, que devem estar em um tamanho razo\u00e1vel para que o usu\u00e1rio consiga ler o texto sem muito esfor\u00e7o.<\/p>\n<p>O uso correto na constru\u00e7\u00e3o de um site pode ajudar neste quesito. Usar um Framework, como o Bootstrap, por exemplo poder\u00e1 trazer grande sucesso ao seu projeto. Temos diversos <a href=\"https:\/\/mxcursos.com\/front-end?tracking=blog&amp;utm_source=blog&amp;utm_medium=post_link&amp;utm_content=marketing\" target=\"_blank\" rel=\"noopener noreferrer\">cursos de desenvolvimento Front-End<\/a> que poder\u00e3o ajudar voc\u00ea nesta miss\u00e3o.<\/p>\n<p>Anda preocupado com a <strong>usabilidade do seu site<\/strong> ou sistema? Esperamos que as dicas tenham sido \u00fateis! Continue a discuss\u00e3o conosco, participe dos coment\u00e1rios abaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quantas vezes, desde que come\u00e7amos a usar a internet para as mais diversas atividades, j\u00e1 tivemos enormes dificuldades em encontrar alguma informa\u00e7\u00e3o dentro de um site? Provavelmente voc\u00ea n\u00e3o conseguir\u00e1 nem contar. Um grande n\u00famero de sites na internet tem problemas graves de usabilidade, que \u00e9 o aspecto que determina o grau de dificuldade (ou [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":18360,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[678],"tags":[1195,1174,1175],"class_list":["post-2008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","tag-hotjar","tag-usabilidade","tag-ux"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/2008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=2008"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/2008\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/18360"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=2008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=2008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=2008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}