{"id":261621,"date":"2023-10-15T17:03:00","date_gmt":"2023-10-15T14:03:00","guid":{"rendered":"https:\/\/inform.click\/10-erros-comuns-de-usabilidade-de-sites-a-serem-evitados\/"},"modified":"2023-10-15T17:03:00","modified_gmt":"2023-10-15T14:03:00","slug":"10-erros-comuns-de-usabilidade-de-sites-a-serem-evitados","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/10-erros-comuns-de-usabilidade-de-sites-a-serem-evitados\/","title":{"rendered":"10 erros comuns de usabilidade de sites a serem evitados"},"content":{"rendered":"<p>\n  Seja qual for o objetivo de um site: neg\u00f3cios, informa\u00e7\u00e3o ou entretenimento, ele precisa de p\u00fablico, os usu\u00e1rios-alvo. Ignor\u00e1-los desde o in\u00edcio significa web design, leva ao fracasso do site.\n<\/p>\n<p>\n  Como a defini\u00e7\u00e3o dada acima revela claramente que a usabilidade \u00e9 tudo sobre usu\u00e1rios satisfeitos do site do in\u00edcio ao fim, significa desde o desembarque at\u00e9 o fechamento do neg\u00f3cio (em sites de com\u00e9rcio eletr\u00f4nico).\n<\/p>\n<p>\n  Sites com navega\u00e7\u00e3o suave, f\u00e1cil de lembrar do funcionamento do site, conte\u00fado relevante, bot\u00f5es proeminentes de chamada para a\u00e7\u00e3o &#8211; poucos fatores de usabilidade &#8211; recebem boa resposta dos usu\u00e1rios finais e dos mecanismos de pesquisa tamb\u00e9m. Tudo isso significa que um web design centrado no usu\u00e1rio ajuda a atrair a aten\u00e7\u00e3o desejada do p\u00fablico-alvo e d\u00e1 um impulso real \u00e0s vendas e ao lucro final do neg\u00f3cio.\n<\/p>\n<p>\n  Nesta postagem, voc\u00ea ler\u00e1 alguns erros de usabilidade, enganos ou erros que devem ser evitados durante o design da web ao tornar um site amig\u00e1vel. Uma boa leitura para web designers e empresas em fase de inicializa\u00e7\u00e3o.\n<\/p>\n<p>\n  Jakob Nielson, um conhecido consultor de usabilidade define Usabilidade nas seguintes palavras:\n<\/p>\n<p>\n  &#8220;A facilidade com que os usu\u00e1rios aprendem a usar um site, qu\u00e3o eficientes eles s\u00e3o ao us\u00e1-lo, qu\u00e3o f\u00e1cil \u00e9 para eles lembrar como us\u00e1-lo e qu\u00e3o satisfeitos ficam ao us\u00e1-lo.&#8221;\n<\/p>\n<h5>\n  1 Pequenas \u00e1reas clic\u00e1veis<br \/>\n<\/h5>\n<p>\n  Pode haver muitos hiperlinks usados \u200b\u200bem um site, mant\u00ea-los pequenos seria prejudicial para a usabilidade do site. Os movimentos do mouse geralmente n\u00e3o s\u00e3o muito precisos para clicar em hiperlinks t\u00e3o pequenos. Links maiores tornam mais f\u00e1cil para os usu\u00e1rios clicarem e irem para a p\u00e1gina desejada, eliminando assim a inconveni\u00eancia. Use a propriedade CSS padding para ampliar os links clic\u00e1veis.\n<\/p>\n<h5>\n  2 Mau Uso da Pagina\u00e7\u00e3o<br \/>\n<\/h5>\n<p>\n  A pagina\u00e7\u00e3o \u00e9 utilizada em sites que tratam de um maior n\u00famero de produtos (sites de com\u00e9rcio eletr\u00f4nico), ou possuem longas listas contendo itens, dividindo-os em v\u00e1rias p\u00e1ginas. Essa propriedade \u00e9 boa para a efici\u00eancia do site porque muitos itens ou produtos em uma p\u00e1gina aumentam o tempo de carregamento do site, levando a uma experi\u00eancia ruim do usu\u00e1rio. A pagina\u00e7\u00e3o melhora o layout do site, tornando-o conveniente e f\u00e1cil de absorver.\n<\/p>\n<p>\n  Como a pagina\u00e7\u00e3o \u00e9 abusada? Em sites com conte\u00fado maior, como not\u00edcias ou blogs, o conte\u00fado simples ou postagens de blog s\u00e3o divididos em v\u00e1rias p\u00e1ginas. O motivo oculto por tr\u00e1s dessa t\u00e1tica \u00e9 aumentar as visualiza\u00e7\u00f5es de p\u00e1gina, para que um site possa cobrar alto pelos an\u00fancios colocados ali. O aspecto negativo desse uso indevido de pagina\u00e7\u00e3o \u00e9 a inconveni\u00eancia do usu\u00e1rio, porque os usu\u00e1rios realmente n\u00e3o querem rolar v\u00e1rias p\u00e1ginas apenas para ler um artigo inteiro.\n<\/p>\n<p>\n  Outro efeito colateral da pagina\u00e7\u00e3o abusiva \u00e9 uma queda na classifica\u00e7\u00e3o do mecanismo de pesquisa. Os rastreadores dos mecanismos de pesquisa indexam as p\u00e1ginas de conte\u00fado e as classificam. Se um \u00fanico artigo estiver espalhado por v\u00e1rias p\u00e1ginas, isso significa dilui\u00e7\u00e3o de conte\u00fado. As palavras-chave tamb\u00e9m est\u00e3o espalhadas, portanto, o artigo n\u00e3o impressionou os mecanismos de pesquisa para as classifica\u00e7\u00f5es corretas do mecanismo de pesquisa. Portanto, tente usar a pagina\u00e7\u00e3o, se necess\u00e1rio, como para longas listas de itens ou maior n\u00famero de produtos.\n<\/p>\n<h5>\n  3 Conte\u00fado Dif\u00edcil de Escanear<br \/>\n<\/h5>\n<p>\n  \u00c9 outro aspecto de usabilidade, geralmente ignorado pelos web designers. Se o conte\u00fado for dif\u00edcil de escanear, isso significa que os usu\u00e1rios n\u00e3o entendem as informa\u00e7\u00f5es do site, o que aumenta a experi\u00eancia negativa do usu\u00e1rio. Um dos principais motivos para o conte\u00fado dif\u00edcil de digitalizar \u00e9 a c\u00f3pia de conte\u00fado ruim. Ao escrever a c\u00f3pia, saiba sobre o comportamento de visualiza\u00e7\u00e3o dos usu\u00e1rios. Os usu\u00e1rios mudam de uma se\u00e7\u00e3o para outra do conte\u00fado com base no fator de interesse e absorvem as informa\u00e7\u00f5es dispon\u00edveis. Considere os seguintes pontos ao finalizar a c\u00f3pia da web do seu web design perfeito.\n<\/p>\n<ul>\n<li>Divida o conte\u00fado em se\u00e7\u00f5es claras.\n  <\/li>\n<li>Use fontes maiores.\n  <\/li>\n<li>Use cores de alto contraste.\n  <\/li>\n<li>Use imagens apropriadas, \u00edcones junto com texto para apoiar a resposta desejada.\n  <\/li>\n<li>Use t\u00edtulos atraentes, curtos e descritivos para revelar sobre o que \u00e9 a se\u00e7\u00e3o.\n  <\/li>\n<li>Apresente apenas as informa\u00e7\u00f5es necess\u00e1rias.\n  <\/li>\n<li>Use par\u00e1grafos pequenos, pois os usu\u00e1rios n\u00e3o gostam de par\u00e1grafos grandes e preferem ler pequenos trechos de texto.\n  <\/li>\n<\/ul>\n<h5>\n  4 t\u00edtulos de p\u00e1gina duplicados<br \/>\n<\/h5>\n<p>\n  \u00c0s vezes, os construtores da Web usam um t\u00edtulo gen\u00e9rico no modelo da Web e, em seguida, usam o t\u00edtulo novamente em todo o site. \u00c9 um erro de usabilidade que deve ser evitado. Por qu\u00ea? A primeira raz\u00e3o \u00e9 que ele falha em comunicar aos visitantes do site sobre o que \u00e9 a p\u00e1gina. Os visitantes podem julgar pelo t\u00edtulo se pousaram no lugar certo ou n\u00e3o.\n<\/p>\n<p>\n  A segunda raz\u00e3o \u00e9 baseada em SEO. Os mecanismos de pesquisa, como Google e Yahoo, usam o t\u00edtulo da p\u00e1gina como um fator importante para apresentar informa\u00e7\u00f5es relevantes em rela\u00e7\u00e3o a determinada consulta de pesquisa feita por um usu\u00e1rio. Melhor usar palavras-chave no t\u00edtulo que as pessoas usam durante a pesquisa; isso n\u00e3o significa encher o t\u00edtulo da p\u00e1gina com muitas palavras-chave. Seja relevante e conciso.\n<\/p>\n<h5>\n  5 Evite Encher o Site<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d04fc9731.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d04fc9731.webp\" alt=\"\" \/><\/a> REUTERS\/Soe Zeya Tun<\/p>\n<p>\n  Se um site tem mais para lembrar e os visitantes t\u00eam que seguir um caminho complicado durante a navega\u00e7\u00e3o, menos s\u00e3o as chances de que eles voltem ou recomendem seu site para outras pessoas. Um padr\u00e3o de navega\u00e7\u00e3o no site f\u00e1cil de lembrar aumenta a experi\u00eancia agrad\u00e1vel do usu\u00e1rio, melhora as estat\u00edsticas de exibi\u00e7\u00e3o de p\u00e1gina e, portanto, monetiza o site. Acredite, com alta usabilidade suportando seguidores leais, voc\u00ea pode cobrar mais pelos an\u00fancios exibidos em seu site.\n<\/p>\n<h5>\n  6 Falta de op\u00e7\u00e3o de pesquisa<br \/>\n<\/h5>\n<p>\n  Em vez de navegar por todo o site em busca do material desejado, as pessoas preferem usar uma op\u00e7\u00e3o de pesquisa. Esta op\u00e7\u00e3o \u00e9 boa para os usu\u00e1rios do site que sabem exatamente o que est\u00e3o procurando e n\u00e3o t\u00eam tempo suficiente para percorrer a navega\u00e7\u00e3o dispon\u00edvel no site. Jakob Nielson explica o comportamento dessas pessoas dominantes nas buscas com as seguintes palavras:\n<\/p>\n<p>\n  &#8220;Nossos estudos de usabilidade mostram que mais da metade de todos os usu\u00e1rios dominam a pesquisa. Os usu\u00e1rios que dominam a pesquisa geralmente v\u00e3o direto para o bot\u00e3o de pesquisa quando entram em um site: eles n\u00e3o est\u00e3o interessados \u200b\u200bem pesquisar o site; eles s\u00e3o focados em tarefas e querem encontrar informa\u00e7\u00f5es espec\u00edficas o mais r\u00e1pido poss\u00edvel.&#8221;\n<\/p>\n<p>\n  Para qualquer tipo de site, a op\u00e7\u00e3o de pesquisa ajuda os visitantes do site a encontrar algumas coisas espec\u00edficas, seja um artigo ou um produto. Voc\u00ea pode usar o Google ou o Yahoo como o principal mecanismo de pesquisa em seu site. Para limitar a pesquisa do Google ou Yahoo em seu site, use o nome de dom\u00ednio do seu site no campo oculto.\n<\/p>\n<h5>\n  7 Falta de uma maneira ativa de se comunicar<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d0524ac1d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d0524ac1d.webp\" alt=\"\" \/><\/a> flickr.com: user-loubert37<\/p>\n<p>\n  O pior erro de usabilidade \u00e9 n\u00e3o fornecer aos usu\u00e1rios uma linha ativa para se comunicar em um site. Responder rapidamente \u00e0s d\u00favidas dos usu\u00e1rios significa que voc\u00ea tem um atendimento ao cliente eficiente e cuida de quem chega ao site. Tudo o que vai trazer aprecia\u00e7\u00e3o de seus clientes potenciais e leais.\n<\/p>\n<p>\n  Muitos sites n\u00e3o prestam aten\u00e7\u00e3o a este importante aspecto de usabilidade, como a Coca Cola n\u00e3o tem um endere\u00e7o de e-mail ou n\u00famero de contato. H\u00e1 uma p\u00e1gina de FAQ automatizada, um formul\u00e1rio de feedback, solicitando a idade do visitante, endere\u00e7o e um bloco de limite de 500 caracteres. Os visitantes podem enviar qualquer nova ideia preenchendo um formul\u00e1rio de 2 p\u00e1ginas com os termos e condi\u00e7\u00f5es anexados. Esse n\u00e3o \u00e9 um bom exemplo de comunica\u00e7\u00e3o eficaz com os visitantes e clientes do site.\n<\/p>\n<p>\n  Usar um formul\u00e1rio &#8220;Fale Conosco&#8221; pode ajudar se voc\u00ea n\u00e3o quiser revelar seu endere\u00e7o de e-mail no site. Para evitar e-mails de spam, voc\u00ea pode precisar de Captchas, que \u00e9 considerado uma forte barreira na forma de intera\u00e7\u00e3o efetiva do usu\u00e1rio. Use alguma outra alternativa amig\u00e1vel.\n<\/p>\n<p>\n  F\u00f3runs online tamb\u00e9m s\u00e3o uma forma eficaz de manter contato com os usu\u00e1rios do site. Eles podem discutir seus problemas l\u00e1 e obter os melhores conselhos de especialistas e usu\u00e1rios experientes do site.\n<\/p>\n<p>\n  Al\u00e9m de ficar atento aos clientes e visitantes, um canal de comunica\u00e7\u00e3o ativo e eficaz tamb\u00e9m ajuda a construir uma comunidade fiel de seguidores. Quanto melhor for a experi\u00eancia deles em seu site, maiores ser\u00e3o as chances de que eles voltem e recomendem seu site para outras pessoas.\n<\/p>\n<h5>\n  8 Requisitos de registro in\u00fateis<br \/>\n<\/h5>\n<p>\n  Muitos sites exigem registro para que os usu\u00e1rios acessem determinados conte\u00fados ou recursos dispon\u00edveis no site. \u00c9 bom para determinados aplicativos da web, como gerenciamento de projetos, edi\u00e7\u00e3o de documentos, etc. Sites de not\u00edcias geralmente n\u00e3o t\u00eam a barreira de registro para acessar as informa\u00e7\u00f5es ali apresentadas. Sites como o Reddit n\u00e3o pedem o cadastro do usu\u00e1rio para navegar.\n<\/p>\n<p>\n  Embora seja bom que os sites ofere\u00e7am registro, como e onde necess\u00e1rio para evitar spam, colocar muito material do site atr\u00e1s da barreira de registro n\u00e3o \u00e9 uma abordagem s\u00e1bia. Por exemplo, em alguns blogs, os usu\u00e1rios precisam fazer login antes de comentar, o que leva a uma baixa contagem de coment\u00e1rios.\n<\/p>\n<p>\n  Para melhorar a usabilidade de um site, deve haver mais chances para os usu\u00e1rios interagirem com o site. O requisito de registro in\u00fatil pode ser um obst\u00e1culo s\u00e9rio \u00e0 participa\u00e7\u00e3o do usu\u00e1rio no site. Se houver visitantes regulares do seu site, em algum est\u00e1gio posterior, eles certamente desejar\u00e3o se registrar. \u00c9 tudo sobre a constru\u00e7\u00e3o de confian\u00e7a com os visitantes do site. Voc\u00ea pode oferecer um test drive para um aplicativo, se estiver satisfeito, os usu\u00e1rios ir\u00e3o para a inscri\u00e7\u00e3o. Use formas inovadoras de aumentar a participa\u00e7\u00e3o do usu\u00e1rio em seu site em vez de colocar barreiras.\n<\/p>\n<h5>\n  9 404-P\u00e1gina de erro<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d05537d31.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222455-6381d05537d31.webp\" alt=\"\" \/><\/a> Github.com<\/p>\n<p>\n  \u00c0s vezes, os usu\u00e1rios encontram a p\u00e1gina de erro 404, significa que a p\u00e1gina n\u00e3o foi encontrada, um erro de usabilidade. Eles podem ter navegado no site no passado, mas ele mudou a estrutura ou foi reorganizado. Os links permanentes encontrados em sites mais antigos n\u00e3o apontam para lugar nenhum agora. Eles precisam de alguma a\u00e7\u00e3o, um redirecionamento 301. Ele revela instru\u00e7\u00f5es para os usu\u00e1rios do site irem para a p\u00e1gina desejada. As instru\u00e7\u00f5es de redirecionamento s\u00e3o armazenadas no servidor. A implementa\u00e7\u00e3o de redirecionamentos 301 depende do servidor que voc\u00ea est\u00e1 usando. Fa\u00e7a o que fizer, certifique-se de que n\u00e3o haja p\u00e1ginas de erro 404 para adicionar \u00e0 inconveni\u00eancia do usu\u00e1rio.\n<\/p>\n<h5>\n  10 detalhes longos do usu\u00e1rio para formul\u00e1rios<br \/>\n<\/h5>\n<p>\n  Quaisquer que sejam os formul\u00e1rios usados \u200b\u200bem um site, se houver muita informa\u00e7\u00e3o necess\u00e1ria, isso seria repelente, adicionando uma experi\u00eancia negativa ao usu\u00e1rio, um grave erro de usabilidade. Formul\u00e1rios curtos e inteligentes consomem menos tempo dos usu\u00e1rios e eles gostam de preench\u00ea-los. Os formul\u00e1rios, como enviar uma ideia, registrar-se, finalizar a compra em uma loja de com\u00e9rcio eletr\u00f4nico, n\u00e3o devem exigir informa\u00e7\u00f5es extensas, o que \u00e9 um obst\u00e1culo para passar pelo est\u00e1gio com sucesso. Qual \u00e9 o principal objetivo de coletar as informa\u00e7\u00f5es do formul\u00e1rio? Para identificar o usu\u00e1rio? Se sim, basta pedir endere\u00e7o de e-mail, nome de usu\u00e1rio e senha. Para formul\u00e1rios de check-out, mantenha o requisito de informa\u00e7\u00f5es pessoais no m\u00ednimo, porque seria um grande apelo para os clientes conclu\u00edrem o neg\u00f3cio.\n<\/p>\n<p>\n  Um site tem tudo a ver com os usu\u00e1rios, se os usu\u00e1rios tiverem uma experi\u00eancia agrad\u00e1vel l\u00e1, o objetivo da constru\u00e7\u00e3o do site ser\u00e1 atendido. Todos os fatores que influenciam a usabilidade do site devem ajudar a remover a frustra\u00e7\u00e3o dos usu\u00e1rios do site, desde que permane\u00e7am e naveguem em p\u00e1ginas diferentes. Preste aten\u00e7\u00e3o aos m\u00ednimos detalhes desde a apresenta\u00e7\u00e3o at\u00e9 as funcionalidades do site; tudo deve ser amig\u00e1vel. Acredite, um site amig\u00e1vel ao usu\u00e1rio \u00e9 amig\u00e1vel ao mecanismo de pesquisa e receber\u00e1 um bom retorno em termos de alta contagem de espectadores, vendas impulsionadas e ac\u00famulo de lucros.\n<\/p>\n<p>\n  O que mais voc\u00ea deseja compartilhar relevante para o t\u00f3pico discutido acima? Algum erro de usabilidade que voc\u00ea testemunhou ou experimentou e corrigiu para melhorar o desempenho do site? Sinta-se \u00e0 vontade para mencionar na se\u00e7\u00e3o de coment\u00e1rios abaixo.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/06\/16\/website-usability-problems\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Seja qual for o objetivo de um site: neg\u00f3cios, informa\u00e7\u00e3o ou entretenimento, ele precisa de p\u00fablico, os usu\u00e1rios-alvo. Ignor\u00e1-los desde o in\u00edcio significa web design, leva ao fracasso do site. Como a defini\u00e7\u00e3o dada acima revela claramente que a usabilidade \u00e9 tudo sobre usu\u00e1rios satisfeitos do site do in\u00edcio ao fim, significa desde o desembarque at\u00e9 o fechamento do neg\u00f3cio (em sites de com\u00e9rcio eletr\u00f4nico). Sites com navega\u00e7\u00e3o suave, f\u00e1cil de lembrar do funcionamento do site, conte\u00fado relevante, bot\u00f5es proeminentes de chamada para a\u00e7\u00e3o &#8211; poucos fatores de usabilidade &#8211; recebem boa resposta dos usu\u00e1rios finais e dos mecanismos de pesquisa tamb\u00e9m. Tudo isso significa que um web design centrado no usu\u00e1rio ajuda a obter o \u2026<\/p>\n","protected":false},"author":1,"featured_media":143813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,150,59],"tags":[],"class_list":["post-261621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261621"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261621\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/143813"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}