5 etapas fáceis para um design de blog mais simples
Você quer um design mais simples para o seu blog? Um que é magro, elegante e atraente?
Bem, há cinco etapas fáceis para tornar seu blog mais atraente e atrair mais assinantes, clientes e membros.
E você não precisa ser um ninja de design ou ter trabalhado na Apple para fazer isso!
Essas etapas são mais simples do que você imagina. Aqueles que não são vendidos com simplicidade podem perguntar: por que eu iria querer isso?
Aqui estão três razões convincentes que podem funcionar para muitos blogs:
- Seu blog será mais fácil de ler e navegar , e os visitantes ficarão com ele.
- Simplicidade se traduz em forte marca . Como um escritório limpo, um simples blog dá aos visitantes uma boa impressão de você e pode levar a novos assinantes, clientes ou membros.
- Você simplesmente parecerá mais legal.
Convencido de que um design mais simples é melhor para o seu blog? Ótimo. Bastante jabber jibber, então. Vamos começar.
1. Coloque o conteúdo na frente e no centro
Priorize o conteúdo e os elementos de call-to-action em relação a todo o resto.
Siga a regra 80/20: 20% do que está na página oferece 80% do valor. Qual conteúdo os visitantes acessam em seu blog? O que você quer alcançar? Você deseja que os visitantes leiam e se inscrevam em um blog, comprem um produto ou se inscrevam em um serviço?
Os elementos da call-to-action são os 20%, e todo o resto é de 80%. Coloque essa frente e centro de 20%; dê prioridade ao posicionamento e torne-o visível em cada página, porque é o que mais importa.
Então, como você torna seu conteúdo importante? Você faz isso de várias maneiras, dependendo do que é apropriado para o seu blog. Aqui estão apenas alguns:
- Faça a barra lateral menor.
- Aumente a fonte na área de conteúdo principal para que seja maior que a fonte nas áreas adjacentes.
- Engrossar ou escurecer a fonte.
- Coloque gráficos e elementos atraentes na área de conteúdo principal, e não na barra lateral ou no cabeçalho.
Em seguida, remova o máximo possível dos 80% (ou seja, os elementos não essenciais).
Como? Os próximos quatro passos irão guiá-lo.
2. Livrar-se de elementos desnecessários
Deixe apenas elementos dentro e ao redor de suas postagens que contribuam diretamente para a experiência que você deseja que os visitantes tenham e se livre do resto.
- Seu conteúdo é intemporal? Em seguida, remova o carimbo de data.
- Você é o único autor do blog? Em seguida, remova o byline.
- A maioria do seu tráfego de mídia social vem de uma ou duas fontes (por exemplo, Twitter e Facebook)? Então mantenha esses ícones e deixe os outros.
- Não está recebendo nenhum comentário? Então não há necessidade de uma seção dizendo "Comentários fechados".
Para visitantes com pouca atenção, seu blog será mais fácil de ler; e com menos opções (ou seja, botões), mais pessoas provavelmente clicarão e compartilharão.
Pense nisso: quando foi a última vez que você clicou em um desses emblemas de mídia social em uma linha de dez ou mais? Não é mais fácil quando há apenas um botão "Retweet"?
3. Livrar-se de elementos da barra lateral desnecessários
Quanto mais coisas estiverem na barra lateral, maior a chance de os visitantes clicarem fora do conteúdo principal (que são 20% mais importantes), portanto, torne a barra lateral o mais enxuta e discreta possível.
Remova todos os elementos e elementos não críticos, incluindo:
- Recursos de administração e meta
- Links
- Postagens recentes
- Melhores Comentários
- Últimos Tweets
Aqui está uma maneira simples de determinar se um widget ou elemento da barra lateral deve ficar: pergunte a si mesmo se valeria a pena um visitante parar de ler e clicar nele. Se não, se livre disso.
4. Encurtar a altura do cabeçalho
Mova mais conteúdo acima da dobra encurtando a altura do cabeçalho.
Por que isso é importante? Quanto mais conteúdo aparece acima da dobra, mais provável que novos visitantes fiquem e leiam, porque eles verão imediatamente o conteúdo sem precisar rolar ou fazer a varredura para baixo.
Algumas maneiras simples de reduzir a altura do cabeçalho:
- Remova o espaço em branco; A folha de estilo do seu tema é sua amiga.
- Faça o logo menor; novamente, é hora da folha de estilo.
- Reduza o espaço desperdiçado combinando duas linhas. Se o seu logotipo não precisar da sua própria linha, mova o menu de navegação para a esquerda ou para a direita.
5. Reduza o número de cores
Quanto menos cores em seu design, mais fácil será para os olhos do visitante (que são preguiçosos por natureza) focarem, significando que o visitante permanecerá no seu blog por mais tempo. Tente usar no máximo três cores (ou seja, três além da cor do texto principal, que provavelmente é preto ou branco): uma para o segundo plano, uma como principal e uma terceira como secundária.
Aqui está um esquema de três cores possíveis:
- Fundo: branco
- Primário (logomarca, links, botões de call to action): azul
- Secundário (ícones, floreios gráficos): verde
Em caso de dúvida, use menos cores.
Quanto mais cores você exibir, mais estimulado será o olho do visitante e maior será o esforço que ele terá para se concentrar, e, portanto, mais inclinado será clicar no botão “Voltar”.
Observe como a Apple fica com apenas branco e prata. Isso pode parecer chato, mas é elegante, simples e atraente para a maioria das pessoas.
5 etapas resumidas
A simplicidade é uma arte e esses cinco passos são apenas o começo. Estes são os 20% fáceis das mudanças que você pode fazer para obter 80% do caminho para um simples design de blog:
- Coloque o conteúdo na frente e no centro.
- Livre-se de elementos desnecessários em seus posts.
- Livre-se dos elementos desnecessários da barra lateral.
- Encurte a altura do cabeçalho.
- Reduza o número de cores.
Siga estas etapas e você estará no caminho certo para um design de blog mais simples, que ajudará você a atingir suas metas.
Escrito exclusivamente para Webdesigner Depot por Oleg Mokhov, o músico eletrônico mais móvel do mundo e co-fundador da Trilha sonora , a loja de música premium isenta de royalties.
Que outras dicas e truques você conhece para simplificar o design de um blog? Compartilhe-os na seção de comentários.