• Home

    Escolha seu Plano

    Carreiras Alura

    Evolua com profundidade técnica, direção clara e aplicação prática.

    Jornadas guiadas do básico ao avançado com checkpoints práticos, desenhadas para quem busca profundidade e protagonismo técnico.

    Iniciante

    Comece do zero com uma trilha clara e progressiva.

    Fundamentos práticos para dar os primeiros passos com segurança e construir uma base sólida.

    Intermediário

    Continue sua evolução com cursos que conectam fundamentos, ferramentas e prática profissional. Ganhe autonomia, e avance para projetos mais completos.

    Avançado

    Aprofunde temas técnicos e estratégicos para enfrentar desafios mais complexos. Explore boas práticas, arquitetura, performance com visão profissional.

    Cursos

    Ver mais cursos de Back-end
    • Pensamento computacional: fundamentos da computação e lógica de programação
    • Lógica de programação: mergulhe em programação com JavaScript
    • DDD: fundamentos do design orientado a domínio
    • ASP.NET: autenticação e autorização em APIs e aplicações web
    • Microsserviços: migração de monólitos e modularização

    Cursos

    Ver mais cursos de Dados
    • Python para Dados: primeiros passos
    • Excel: domine o editor de planilhas
    • Engenharia de Dados: Orquestração de Pipelines com Apache Airflow
    • Power BI Desktop: construindo meu primeiro dashboard
    • Governança e Arquitetura de Dados

    Cursos

    Ver mais cursos de Inteligência Artificial
    • IA: Explorando o Potencial da Inteligência Artificial Generativa
    • Engenharia de Prompt: Criando Prompts Eficazes para IA Generativa
    • Claude para Análise de Dados: prompts, integrações e automações
    • Agno: criando agentes e sistemas multiagente
    • Engenharia de software na era da IA: segurança de aplicações com agentes, MCPs e código gerado por IA

    Cursos

    Ver mais cursos de Front-end
    • HTML e CSS: ambiente, estrutura e estilo
    • React: realizando testes avançados com Jest e Testing Library
    • React: integrando TypeScript em projetos
    • JavaScript: aprendendo a programar
    • React: aplicando arquiteturas de Micro frontends

    Cursos

    Ver mais cursos de DevOps
    • Sistema Operacional Linux: fundamentos e administração prática
    • Containers e Docker: empacotamento, isolamento e gestão
    • Redes: dos conceitos iniciais à criação de uma intranet
    • Linux: gerenciando diretórios, arquivos, permissões e processos
    • Cibersegurança: Fundamentos e práticas integradas

    Cursos

    Ver mais cursos de UX & Design
    • UX Research: mapeando a experiência da pessoa usuária
    • UX/UI Design: Entregando produtos digitais com IA
    • UI Design: Prototipação e animações interativas
    • Figma: Conhecendo o programa
    • Product Design: métricas e ciclo de vida do produto

    Cursos

    Ver mais cursos de Gestão & Negócios
    • Canva: Criação de landing pages e e-mail marketing
    • Agilidade: como ela pode ajudar a criar um time de alta performance
    • Google Analytics 4: Extrair insights e configurar eventos
    • Management 3.0: gerencie o ambiente, não as pessoas
    • Automação de processos com n8n: Inteligência de dados para Marketing

    Cursos

    Ver mais cursos de Mobile
    • React Native: Estilização e Layouts com Flexbox e StyleSheet
    • Flutter: Graphql e suporte offline
    • Android com Gemini: Trabalhando com textos e imagens na IA
    • Dart: trabalhando com orientação a objetos
    • React Native: Dominando Listas com FlatList e ScrollView

    Carreiras

    Ver mais carreiras
    • Especialista em IA
    • Engenharia de IA
    • Ai native software engineering
    • Arquitetura de Soluções com IA
    • AI Product Design
    • Engenharia de Machine Learning
    • Desenvolvimento Front-End React
    • Engenharia de Dados
    • Cloud Security
    • Social Media Marketing
    • Engenharia de Agentes de IA

    Cursos

    • Engenharia de Prompt: Prompts Eficazes para IA Generativa
    • Claude Code: Criando sua Primeira Aplicação
    • Python: Crie sua Primeira Aplicação
    • Git e GitHub: Compartilhando e Colaborando
    • N8N: Fluxos de Trabalho Avançados

    Cursos

    • Copilot Studio: Solução Multiagentes
    • Padrões de API HTTP e Modelagem de APIs
    • Python para Análise de Dados com SQL
    • Docker: Criando e Gerenciando Containers
    • Design com IA: Otimizando o Processo Criativo

    Cursos

    • Model Context Protocol (MCP)
    • Spec-Driven Development: Dev Assistido por Agentes
    • Arquitetura de Sistemas Distribuídos com Java
    • Governança de Modelos e Reprodutibilidade
    • Pentest: Vulnerabilidades em Aplicações Web

    Escolha seu Plano

    Skills & Go

    O Skills & Go é para Tech Leads, Product Managers, estrategistas e early adopters que transformam ideias em soluções de alto impacto. Em cursos ao vivo e 100% online, você domina a nova era da IA em tempo real.

    Aulas ao vivo

    Saiba mais
    • Agentic Engineering: orquestre múltiplos agentes com confiabilidade
    • Building AI Products: transforme ideias em produtos reais com IA
    • AI Data Strategy: transforme dados em decisões estratégicas com IA

    Escolha seu Plano

    Eventos Alura

    Nossos eventos são pensados para quem quer estar à frente das mudanças em tecnologia, IA e inovação. Em experiências presenciais, você acompanha tendências e se conecta com especialistas que estão moldando o futuro.

    Próximos eventos

    • Imersão Engenharia de Software: Dev na Era da IA
    • IA Conference
    • Alura Signals
  • Talent Lab
  • IA

    Escolha seu Plano

    Conteúdos gratuitos

    Explore conteúdos gratuitos para aprender tecnologia no seu ritmo. Encontre artigos com conteúdos técnicos para aprender na prática, notícias para acompanhar as principais tendências do mercado e o Alura Labs, com análises e reflexões de especialistas sobre tecnologia, IA e carreira.

    Conteúdos gratuitos

    • Artigos
    • Notícias
    • Alura Labs
  • Para Empresas
Ver planos
Links principais
  • Planos e Promoções
  • Links complementares do menu mobile
  • Talent lab
  • Inteligência Artificial
  • Pós Graduações
  • Para Empresas
  • Sobre a Alura
  • Grupo Alun
  • Entrar
    • Home
    • Carreiras
    • Skills & Go
    • Talent Lab
    • Inteligência Artificial
    • Pós Graduações
    • Artigos
    • Sobre a Alura
    • Grupo Alun
    LoginContato
    • LinkedIn
    • Instagram
    • YouTube
    1. Página inicial
    2. UX & Design
    3. 9 erros de design e estrutura cometidos em sites e blogs

    9 erros de design e estrutura cometidos em sites e blogs

    6 min6 minutos de leitura

    Alura

    6 min6 minutos de leitura

    Publicado: 01/10/2017

    1. 1. Falta de informações na página inicial
    2. 2. Poluição visual
    3. 3. Qualidade das imagens
    4. 4. Sites que não se adaptam aos dispositivos móveis
    5. 5. Cores que não combinam com a identidade visual
    6. 6. Erros nos links
    7. 7. Falta de cuidado com as fontes
    8. 8. Excesso de publicidade
    9. 9. Problemas visuais nos textos

    Imagem de destaque #cover

    Enfim, depois de muito pensar nos prós e nos contras, você resolveu fazer um site ou blog para o seu projeto. No entanto, algo está errado: as pessoas simplesmente não estão acessando a página. Pode ser algum erro de SEO ou de divulgação, como também é possível que você esteja cometendo alguns erros de design.

    Felizmente, existem maneiras para você tornar o seu site mais simples e mais atraente para os visitantes. Continue a leitura deste post para identificar os problemas mais comuns e aprender a resolvê-los:

    1. Falta de informações na página inicial

    Existem muitos sites que não publicam as suas principais informações na página inicial, e isso pode prejudicar a experiência do usuário. Por mais que isso não seja um erro, o recomendado é facilitar o acesso para esse tipo de dado, a fim de que o seu possível cliente entre em contato.

    Além disso, o visitante pode achar cansativo ter que clicar diversas vezes para encontrar as informações sobre sua empresa. Lembre-se: busque sempre priorizar o que o usuário precisa, de forma simples e eficaz, por exemplo: seu e-mail, telefone ou outra forma de contato. Assim, você aumenta as chances de conversão e evita a perda de um possível consumidor.

    Banner do Guia Tático Alura sobre carreira em tecnologia, destacando o mapa da carreira tech. A imagem convida a explorar diferentes caminhos profissionais, comparar possibilidades e encontrar a próxima fase da carreira na área de tecnologia, com chamada “Explore o mapa”.

    2. Poluição visual

    Sabe quando você entra em um site e parece que você ficou sem ar? Tudo querendo chamar sua atenção de alguma forma e você não tem nenhum descanso visual ali.

    Atente-se se o seu site está visualmente poluído. Esteticamente falando, ter uma página com vários pop-ups, anúncios e propagandas não agrada a ninguém e prejudica a experiência do usuário.

    Quem visita o seu site e observa esse monte de informações pode se perder em relação ao que realmente procurava. Em geral, pessoas que entram na internet para pesquisar estão em busca de algo que seja rápido e simples. Uma ótima solução para esse tipo de erro de design é diminuir a quantidade de links que devem ser clicados.

    3. Qualidade das imagens

    Além da poluição visual, você deve se atentar à qualidade das imagens que anexou ao site. Outra questão é se todas estão visíveis principalmente em lojas virtuais.

    Por exemplo: no seu portal são vendidos porta-retratos customizados, mas as imagens que você postou aparecem como indisponíveis. Quem passar por essa imagem e ler o que está escrito pode pensar que não há produto à venda.

    4. Sites que não se adaptam aos dispositivos móveis

    Cada vez mais, as pessoas estão se sentindo confortáveis em acessar os sites por meio do aparelho celular. Mas, para isso acontecer de maneira eficiente com a sua página na web, é necessário que você adapte o layout, tornando o seu site responsivo ou criando uma versão mobile.

    Você já entrou em algum blog algum blog que precisava dar zoom para enxergar o texto? Ou com tudo desconfigurado na tela quando acessa via smartphone? Se sim, você provavelmente ficou muito frustrado.

    Pois é exatamente isso o que acontece com os seus clientes e com os seus possíveis clientes quando não conseguem acessar o seu site no smartphone, tablet ou outro dispositivo móvel.

    5. Cores que não combinam com a identidade visual

    Imagine que o banco que você tem conta resolve mudar a cor do internet banking de roxo para laranja ou de vermelho para verde, provavelmente você vai ficar assustado.

    Por isso tome sempre cuidado com as cores utilizadas no seu projeto. É preciso que elas estejam de acordo com a identidade visual da marca.

    Além disso, seria interessante criar uma paleta para que os tons combinem entre si, sem causar poluição visual. Melhor dos mundos seria a criação de um manual da marca, um Manual de Identidade Visual

    Também é recomendado utilizar a psicologia das cores, fazendo com que tudo no design do seu site funcione a favor do seu negócio.

    6. Erros nos links

    Links quebrados em qualquer plataforma web é um tanto desesperador. Será que é o site, o computador ou a conexão que deu pau? É preciso tomar muito cuidado na hora de linkar as páginas e artigos do seu site ou blog.

    Qualquer usuário que esteja navegando na sua página certamente desistirá e sairá do seu site ao encontrar um link que não leva a lugar nenhum.

    Então, tome cuidado seja com a linkagem interna (para outras partes do seu próprio site),seja com a linkagem externa (quando você faz um hiperlink para um site ou blog parceiro).

    Além disso, quando for atualizar qualquer parte do seu site, verifique se haverá alguma mudança e confira se o hiperlink já inserido continua correto. Google Analytics pode ser seu amigo nessa.

    7. Falta de cuidado com as fontes

    Quando for criar a identidade visual do seu site, você também deve se preocupar com a fonte escolhida. Busque algo fácil de ler e que não torne o site cansativo.

    Sobre o tamanho, o ideal é acima de 16 pixels, pois esse é o padrão recomendado para os navegadores. Os usuários poderão ajustar a fonte de acordo com o que mais gostam. Mas lembre-se: nem todas as pessoas sabem fazer isso.

    Por isso, mantenha a letra de forma que a maioria possa ler com tranquilidade as informações.

    8. Excesso de publicidade

    Imagine que você entrou em um site para buscar uma simples receita de bolo e, ao clicar, 2 abas com publicidade foram abertas. Isso é muito incômodo!

    Por mais que você queira divulgar o trabalho de um patrocinador, não é preciso fazê-lo de forma tão invasiva.

    O excesso de propaganda interrompe a leitura do usuário e incomoda bastante, gerando uma rejeição ou fazendo com que ele nunca mais queira acessar o seu site.

    9. Problemas visuais nos textos

    Nada pior do que clicar em um artigo e ver que ele é um texto que parece um bloco, sem nenhuma divisão de parágrafos. Fazer o texto com trechos breves torna a leitura mais fácil e menos cansativa.

    Busque, também, criar subtítulos e dispor os textos de forma que o usuário consiga “escanear” as partes mais interessantes para aumentar o seu envolvimento com o conteúdo e a sua permanência no site.

    Os erros que acontecem em sites e blogs, definitivamente, são muito comuns. Mas, com o devido cuidado e com a ajuda de profissionais de confiança para criar ou para atualizar o portal de sua marca, é possível ter um lugar impecável na web. Isso, com certeza, vai fazer o seu negócio se destacar!

    Gostou deste conteúdo sobre os erros de design mais comuns em sites e blogs? Então compartilhe-o nas suas redes sociais para ajudar mais pessoas!

    Banner do Guia Tático Alura sobre carreira em tecnologia, destacando o mapa da carreira tech. A imagem convida a explorar diferentes caminhos profissionais, comparar possibilidades e encontrar a próxima fase da carreira na área de tecnologia, com chamada “Explore o mapa”.

    Avalie este artigo

    • Foto de Natan Souza

      Autor(a)

      Natan Souza

      Sou educador, designer e líder com foco em UX, liderando projetos que melhoram a experiência do usuário e impulsionam negócios. Na Alura, atingi 90% de satisfação e 80% de retenção de alunos com estratégias centradas no usuário e métricas de produto. Como gestor de pessoas e Product Designer, também sou autor de livros sobre front-end e escrevo para o blog Dicas UX. Sou entusiasta de IA, aplicando-a para aprimorar produtos educacionais e colaborar em iniciativas inovadoras no setor EdTech.

    Explore por tópico

    • Back-end
    • Dados
    • DevOps
    • Front-end
    • Gestão & Negócios
    • Institucionais
    • Inteligência Artificial
    • Mobile
    • UX & Design

    Leia também

    • Alura
      22/03/2017

      Entenda o que é a UX design

      Ler mais
    • 08/10/2017

      A importância do feedback para a experiência do usuário

      Ler mais
    • 28/06/2018

      Aplicando filtros de pesquisa na interface

      Ler mais
    Ver mais conteúdos

    Inscreva-se em nossa Newsletter

    Fique por dentro de conteúdos, insights e oportunidades do universo tech. Receba novidades e lançamentos direto no seu e-mail.

    Institucional

    • Sobre nós
    • Trabalhe Conosco
    • Para Empresas
    • Para Escolas
    • Política de Privacidade
    • Compromisso de Integridade
    • Termos de Uso
    • Canal de Ética
    • Código de Ética
    • Fale Conosco
    • Documentos Institucionais
    • Status
    Institucional
    • Sobre nós
    • Trabalhe Conosco
    • Para Empresas
    • Para Escolas
    • Política de Privacidade
    • Compromisso de Integridade
    • Termos de Uso
    • Canal de Ética
    • Código de Ética
    • Fale Conosco
    • Documentos Institucionais
    • Status

    A Alura

    • Como Funciona
    • Inteligência Artificial
    • Plataforma
    • Depoimentos
    • Instrutores(as)
    • Dev em <T>
    • Luri, a Inteligência Artificial da Alura
    • IA Conference
    • Cursos Imersivos
    • Perguntas Frequentes
    A Alura
    • Como Funciona
    • Inteligência Artificial
    • Plataforma
    • Depoimentos
    • Instrutores(as)
    • Dev em <T>
    • Luri, a Inteligência Artificial da Alura
    • IA Conference
    • Cursos Imersivos
    • Perguntas Frequentes

    Conteúdos

    • Alura Cases
    • Imersão Engenharia de Software: Dev na Era da IA
    • Artigos
    • Podcasts
    • Artigos de educação corporativa
    Conteúdos
    • Alura Cases
    • Imersão Engenharia de Software: Dev na Era da IA
    • Artigos
    • Podcasts
    • Artigos de educação corporativa
    Uma Empresa do GrupoLogo Grupo Alun

    Outras empresas do Grupo Alun

    • FIAP
    • STARTSE
    • PM3
    • LUMINA

    Ao submeter seu e-mail, você concorda com a política de privacidade da Alura.

    Redes Sociais & Apps

    instagram
    youtube
    tiktok
    x
    appStore
    googlePlay
    Uma Empresa do GrupoLogo Grupo Alun

    Outras empresas do Grupo Alun

    • FIAP
    • STARTSE
    • PM3
    • LUMINA

    Ao submeter seu e-mail, você concorda com a política de privacidade da Alura.

    Redes Sociais & Apps

    instagram
    youtube
    tiktok
    x
    appStore
    googlePlay
    Alura