A barra lateral está a caminho da extinção?

Ao criar um novo site, você sempre enfrentará vários obstáculos de layout e funcionalidade. Uma delas é a colocação (ou não) da famigerada barra lateral.

O lugar mais comum para encontrar uma barra lateral hoje em dia é em um blog. Seja em um site baseado em blog ou na seção de blog do site de uma empresa. Landing pages e páginas de serviço quase nunca mais têm barras laterais; na verdade, é muito raro encontrar um site de empresa com uma barra lateral.

A barra lateral está a caminho da extinção?

Vejamos por que a barra lateral está perdendo popularidade em alguns círculos enquanto ainda está viva e se destacando em outros!

Construindo um site e escolhendo layouts

No início dos anos 2000, era bastante comum ter um site com uma barra lateral de cada lado e o conteúdo no centro. Ambas as barras laterais estariam cheias de anúncios, ofertas e outros gráficos que distraem ou gifs piscando. Foi difícil manter o foco no conteúdo real. Mas então, com o passar do tempo, as barras laterais ganharam uma má reputação e as pessoas começaram a ter cegueira nas barras laterais.

O layout usual de duas barras laterais passou para a barra lateral à direita e, a partir daí, para nenhuma barra lateral. Os modelos mais recentes do WordPress agora não têm barra lateral ou nenhuma opção de barra lateral.

Alguns dizem que ter uma barra lateral é ótimo para cliques, navegação e experiência do usuário, enquanto outros dizem que a barra lateral é praticamente um espaço morto.

Com o aumento do uso de dispositivos móveis, também é necessário lembrar que em dispositivos pequenos, a barra lateral geralmente aparece apenas na parte inferior do conteúdo principal.

Então, como você sabe se seu site precisa de uma barra lateral (ou duas)?

Descendo ao âmago da questão de um site, é tudo sobre a experiência do usuário. Se uma barra lateral ajudar os visitantes a navegar no site de maneira fácil e não confusa, adicione-a. Se você tiver outras formas criativas de lidar com a navegação sem problemas, abandone a barra lateral.

A solução mais comum é ter uma página principal ou página de destino sem uma barra lateral e, em seguida, uma barra lateral na seção do blog. O que você inclui na sua barra lateral dependerá do seu site específico, mas os principais são:

• Uma opção de assinatura
• Postagens relacionadas
• Opt-ins
• biografia do autor
• Publicidades

A quantidade de anúncios em uma barra lateral é o que vai fazer ou quebrar a experiência. Se estiver cheio de anúncios, será instantaneamente ignorado (ou pelo menos estremecido). Se o conteúdo da barra lateral for genuinamente bom, um ou dois anúncios não serão um incômodo. Pontos de bônus se o anúncio se encaixar bem visualmente com o restante do design!

Vejamos alguns exemplos de layout para que, da próxima vez que você tiver que cruzar o obstáculo da barra lateral, fique mais informado e, com sorte, mais inspirado!

Evolução de três colunas para duas barras laterais e vice-versa

Mencionamos anteriormente que layouts de sites com duas barras laterais são coisa do passado. O que não mencionamos é que esse tipo de layout era apenas uma extensão do conhecido layout “Três colunas”. Isso significa que ainda existem alguns sites por aí usando duas barras laterais e eliminando-as no processo.

A diferença entre duas barras laterais e três colunas pode ser deduzida dos próprios nomes. Duas barras laterais significam que há uma área de conteúdo principal e duas barras de acompanhamento. Um layout de três colunas é mais um mecanismo de design para organizar o conteúdo. Ainda há uma hierarquia, mas é usada de uma forma que faz mais sentido do que apenas conteúdo extra à margem. O layout de três colunas é ótimo para periódicos on-line, como revistas ou grandes blogs.

Dê uma olhada no site do Grain Edit. Eles têm um layout de três colunas que é essencialmente um layout de duas barras laterais, mas bem feito. O conteúdo principal está à esquerda e as duas barras laterais estão à direita. Essas barras laterais não mudam em todo o site, apenas o conteúdo à esquerda muda.

O que funciona tão bem nessas duas barras laterais é que elas não são invasivas (devido à forma como o layout da página é encaixotado) e há muito espaço vazio em ambos os lados. O espaço vazio no lado esquerdo ajuda o leitor a se manter no caminho certo enquanto lê o texto sem nenhuma distração na linha do olhar.

Outro grande exemplo de um layout de três colunas bem projetado é o site da Mashable. A primeira página deles tem três seções, “O que há de novo”, “O que está surgindo” e “O que está na moda”. As colunas são bem organizadas e o conteúdo tem tamanhos variados, do menor à esquerda ao maior à direita.

No caso da página inicial do Mashable, você mal pode chamar qualquer uma delas de barra lateral! Todas as três colunas estão cheias de ótimo conteúdo. Depois de clicar em qualquer um dos artigos, o layout muda para o conteúdo principal clássico à esquerda e a barra lateral à direita.

Na verdade, é um layout conceitual. Quando o conteúdo é novo, ele vai para a coluna da esquerda. Se começar a tendência, move-se para a coluna do meio. E se for viral, vai para a maior coluna à direita.

O layout de blog clássico ainda reina supremo, mas até que ponto?

O layout de blog ao qual estamos acostumados é aquele com o conteúdo à esquerda e a barra lateral à direita. Alguns blogs fazem isso bem, enquanto outros ainda dependem do espaço da barra lateral para colocar todos os anúncios que possam caber. temos certeza de que você já os viu por aí.

Novos blogueiros que desejam ganhar dinheiro com seus blogs geralmente sobrecarregam a barra lateral com todo tipo de coisa, muito mais do que o necessário para uma boa experiência do usuário.

Veja este blog, ThinkSEM, tem uma barra lateral mínima com apenas duas seções contendo quatro coisas simples: categorias, arquivos, uma caixa de assinatura e uma oferta de seus serviços. É isso. Assim que você passar por essas caixas, é tudo sobre o conteúdo do artigo.

O “Movimento No Sidebar” e maneiras de contorná-lo

Alguns anos atrás, um desenvolvedor de sites e blogueiro, Brian Gardner, iniciou um movimento minimalista chamado The No Sidebar Movement. Ele não foi o primeiro a criar blogs e sites sem uma barra lateral, mas foi o primeiro a realmente divulgar como fazer isso bem. Seu manifesto é sobre viver uma vida minimalista sem distrações desnecessárias. Ele visualizou esse modo de vida eliminando a barra lateral.

Seu blog e comunidade, No Sidebar, cresceu exponencialmente nos últimos anos. Brian e sua equipe inspiram um estilo de vida minimalista, bem como a nova geração de blogueiros sem barra lateral. Ele criou seu próprio modelo WordPress No-Sidebar, disponível para quem quer criar um blog bonito e funcional sem uma barra lateral.

O blog No Sidebar é o melhor exemplo de como não ter uma barra lateral. Não há literalmente nada em nenhum dos lados do conteúdo, nem mesmo botões de compartilhamento de mídia social. Mas nem todos os blogs podem ser tão extremos, mesmo sem barra lateral.

Então, como você consegue ter um blog sem barra lateral e também incluir informações importantes na página? Um dos melhores exemplos é o layout Médio. Dentro dos artigos, não há barra lateral real; apenas uma pequena seção para palmas e compartilhamentos. Muitos blogs que optaram contra a barra lateral têm este layout: conteúdo no meio e botões de compartilhamento na lateral. Às vezes eles têm uma pequena imagem de autor.

Barras laterais, conversões e testes A/B

Se você ainda está em dúvida sobre manter ou descartar a barra lateral, provavelmente está preocupado com os cliques. Talvez muitas das suas conversões venham das ofertas na sua barra lateral. Brian Harris, da Video Fruit, realizou testes A/B em seu site para ver se havia mais cliques com ou sem a barra lateral. Os resultados foram positivos para a versão sem barra lateral. Ele se livrou da barra lateral em seu blog para sempre.

Neil Patel, do Crazy Egg, é um líder de torcida para a barra lateral, mas só a usa em seu próprio Neil Patel Blog. O blog Crazy Egg não tem um. Ele provavelmente está fazendo testes A/B constantes em suas barras laterais.

Teste A/B é quando você cria um teste para duas coisas diferentes dentro do seu site. Alguns temas do WordPress, como o DIVI, permitem que você faça isso. Para outros temas, talvez seja necessário procurar uma solução no back-end. Este artigo da Crazy Egg pode ajudar.

Conclusão

Então, o que você acha? A barra lateral está em vias de extinção? Acreditamos que não, mas é verdade que cada vez mais pessoas encontrarão maneiras de se livrar dele em seus próprios sites, enquanto outros continuarão enchendo-os de anúncios.

A escolha da barra lateral sobre o seu próprio site ou o site do seu cliente realmente depende do estilo visual e da mensagem da marca. Agora que você já examinou as diferentes opções, pode ser mais fácil tomar uma decisão no futuro.