5 erros que podem estar prejudicando sua interface web \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 21 Horas 59 Min 32 Seg Tempo restante da oferta: 21 59 32 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) 5 erros que podem estar prejudicando sua interface web [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) # 5 erros que podem estar prejudicando sua interface web Veja neste artigo se você está cometendo algum dos erros mais comuns encontrados em interfaces web. [ Marylene Guedes ](https://www.treinaweb.com.br/blog/autor/marylene-guedes) 8 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/10/01110423/5-erros-interfaces-web.png) Ao desenvolver um site, nos preocupamos muito com o que ele deve ter, quais serão suas funcionalidades, com que linguagem será feito, como ficará o design da tela e lembramos até mesmo de algumas questões de segurança. Mas, algo que é muito importante de ser lembrado é a usabilidade do site, [UX e UI](https://www.treinaweb.com.br/blog/ux-e-ui-o-que-e-e-quais-as-diferencas/ "UX e UI"), afinal, serão outras pessoas que vão utilizá-lo. Se uma pessoa faz todo o cadastro e pressiona o enviar antes da hora, se sai da tela sem salvar ou até mesmo clicar em um botão errado… Isso pode ser considerado um erro humano por parte do usuário, mas também pode ser causado por uma usabilidade mal pensada. Sendo assim, vamos abordar 5 erros que podem estar prejudicando sua interface. [ ![UX/UI - Introdução](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ux-ui.svg) Curso UX/UI - Introdução Conhecer o curso ](https://www.treinaweb.com.br/curso/ux-ui-introducao) ### 1) Diálogo difícil Se o relacionamento entre a interface e o usuário não tiver um diálogo claro e o mais simples possível, provavelmente você irá ter alguns problemas. Além do usuário se cansar do seu site, ele simplesmente vai querer procurar outro que faça o que ele precisa e que ele entenda. Por isso, deve-se apresentar a informação que o usuário precisa, não precisa colocar coisa demais onde não precisa. Lembre-se que o menos é mais. ### 2) Exigir esforço do seu usuário Isso complementa o que vimos acima, se tivermos que fazer muito esforço para utilizar o site, acaba se tornando chato e cansativo. É melhor que o usuário entenda e reconheça uma ação do que ter que se lembrar do que aconteceu em situações anteriores. Além disso, deve-se evitar explicações em excesso. Por exemplo, em vez de *“Informe seu nome completo”* coloque apenas *“Nome completo”.* Assim fica mais simples e com menos texto. Também podemos facilitar o usuário a realizar tarefas de forma descomplicada, como por exemplo utilizar máscaras em formulários, botões de ajuda, etc. ### 3) Informações confusas Você deve prestar atenção no texto do seu site, nas tabelas, espaçamentos, grids e todos os elementos que utilizamos para organizar a informação. Assim conseguimos melhorar a dinâmica da página, a legibilidade, tornando a leitura melhor e mais proveitosa. Além disso, permite que a atenção seja focada no que realmente deve, facilitando a concentração do usuário. ### 4) Não dar feedback É importante o sistema informar o usuário sobre o que ele está fazendo. Certas ações podem não dar um resultado em tempo real, por exigir um tempo de resposta. Como exemplo, uma compra efetuada por cartão de crédito pode demorar alguns minutos para ser aprovada pela própria operadora. Porém mesmo não gerando um resultado em tempo real, você sempre deve dar um feedback, seja se a compra foi aprovada ou não, se uma ação foi solicitada ou executada, uma mensagem de que um dado foi realmente excluído… Uma boa interface fornece feedbacks a cada ação sendo de sucesso, alerta ou erro. [ ![Acessibilidade - Introdução](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/acessibilidade-web.svg) Curso Acessibilidade - Introdução Conhecer o curso ](https://www.treinaweb.com.br/curso/acessibilidade-introducao) ### 5) Não conhecer o usuário Por último e não menos importante. Conhecer o usuário é essencial, por isso você deve reunir o máximo de informações, como algumas características como por exemplo a idade e o grau de familiaridade com tecnologia. Assim fica mais fácil para que você possa fazer as melhores escolhas no que diz a facilidade de uso do seu site/sistema, aconselho a leitura de nossos outros artigos sobre [user experiencie](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux/ "user experiencie"). [ ![Desenvolvedor Front-end Sênior](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ux-ui.svg) Formação Desenvolvedor Front-end Sênior Conhecer a formação ](https://www.treinaweb.com.br/formacao/desenvolvedor-front-end-senior) Autor ![Marylene Guedes](//secure.gravatar.com/avatar/5b0ba52b3705f298802db58782656bbc?d=mm) ## Marylene Guedes Responsável pelo sucesso do cliente na TreinaWeb. Graduada em Gestão de Tecnologia da Informação pela FATEC Guaratinguetá, além de estudante de UX/UI. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/marylene-guedes) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/técnicas-acessibilidade-web-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Técnicas de acessibilidade para deixar o seu site mais inclusivo ](https://www.treinaweb.com.br/blog/tecnicas-de-acessibilidade-para-deixar-o-seu-site-mais-inclusivo) Conheça as principais ferramentas e técnicas de acessibilidade para web. Veja também tipos de dificuldades e deficiências atendidas por elas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/php7-400x280.jpg) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 10 anos atrás ## [ PHP 7 e novidades do PHP 7.1 ](https://www.treinaweb.com.br/blog/php-7-e-novidades-do-php-7-1) Veja um pouco mais sobre o PHP 7 e, principalmente, as novidades do PHP 7.1, recém lançado. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/12/capa-min-1-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ Erros mais comuns ao se candidatar a vagas ](https://www.treinaweb.com.br/blog/erros-mais-comuns-ao-se-candidatar-a-vagas) Veremos neste artigo alguns erros que podem estar te prejudicando para conseguir a tão sonhada vaga. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/08/5-ERROS-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ 5 erros que te impedem de avançar ](https://www.treinaweb.com.br/blog/5-erros-que-te-impedem-de-avancar) Você sente que por mais que estuda, não consegue progredir o quanto gostaria? Veja neste artigo 5 erros que você pode estar cometendo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/01154207/capa-testes-automatizados-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 8 anos atrás ## [ Por que escrever testes automatizados? ](https://www.treinaweb.com.br/blog/por-que-escrever-testes-automatizados) Veja mais sobre a importância do teste de software automatizado e o porquê de você fazê-lo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/12/como-melhorar-a-experiencia-do-usuario-em-ecommerce-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Como melhorar a experiência do usuário em e-commerce ](https://www.treinaweb.com.br/blog/como-melhorar-a-experiencia-do-usuario-em-e-commerce) O ato de fazer compras online cresceu nos últimos meses. Sendo assim, confira neste artigo como melhorar a experiência do usuário no seu e-commerce. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/04204421/capa-alm--400x280.png) [ Governança ](https://www.treinaweb.com.br/blog/categoria/governanca) 8 anos atrás ## [ Você sabe o que é ALM? ](https://www.treinaweb.com.br/blog/voce-sabe-o-que-e-alm) Veja neste artigo o que vem a ser o ALM (Application Lifecycle Management). Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/TRATAMENTO-ERROS-ASP-NET-CORE-C-SHARP-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 6 anos atrás ## [ Tratando erros em uma API ASP.NET Core com Middleware ](https://www.treinaweb.com.br/blog/tratando-erros-em-uma-api-asp-net-core-com-middleware) Tratamento de erros é uma parte importante de qualquer aplicação. No ASP.NET Core, isso pode ser facilitado com o uso de Middlewares. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/08/29103029/capa-erro-gestao-projetos-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 7 anos atrás ## [ Principais erros na gestão de projetos ](https://www.treinaweb.com.br/blog/principais-erros-na-gestao-de-projetos) Confira neste artigo cinco dos principais erros no gerenciamento de projetos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/07/05201832/capa-erros-vagas-400x280.jpg) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 9 anos atrás ## [ Erros que podem estar te impedindo de conseguir a tão sonhada vaga ](https://www.treinaweb.com.br/blog/erros-que-podem-estar-te-impedindo-de-conseguir-a-tao-sonhada-vaga) Que o mercado de TI é super aquecido, já sabemos. Mas você sabe no que precisa se atentar para conseguir a vaga que tanto deseja? Veja nesse artigo se você não está cometendo alguns desses erros. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/capa-programacao-defensiva-min-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 3 anos atrás ## [ Programação defensiva: uma estratégia para prevenção de erros ](https://www.treinaweb.com.br/blog/programacao-defensiva-uma-estrategia-para-prevencao-de-erros) Como proteger o código de possíveis erros? Confira neste artigo o que vem a ser a programação defensiva. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/13172051/CORS-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 7 anos atrás ## [ O que é CORS e como resolver os principais erros ](https://www.treinaweb.com.br/blog/o-que-e-cors-e-como-resolver-os-principais-erros) Nesse artigo vamos entender o que é CORS, quais os principais erros relacionados com ele, suas principais causas e como resolve-los corretamente. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **21h 59min 32s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58