9 características obrigatórias para blogs de estilo de revista
Os blogs on-line se transformaram em publicações digitais com todas as grandes marcas de impressão executando seu próprio site. Esses blogs geralmente tomam a forma de uma revista digital que parece muito mais profissional do que um site pessoal menor.
Mas o que acontece no layout de uma revista? E como você pode criar um para o seu próprio site?
Esta lista deve começar com 9 recursos essenciais para um design de blog de revista de qualidade. Se você trabalha com esses recursos e tenta construir um interface utilizável você terá um ótimo design que deve caber em qualquer publicação on-line.
1. forte marca
Isso pode parecer óbvio, mas uma marca forte realmente ajuda a vender o sentimento de “revista” sobre um blog pessoal. Se você está indo para uma publicação de autoridade você precisa se concentrar em branding .
Como você vai se destacar de todos os outros blogs? O ideal é através do conteúdo, mas a sua marca é uma grande parte disso. Por exemplo, o logotipo da Wired abaixo é bem conhecido entre os blogs de tecnologia. Já existe há anos e quando você vê essa marca você reconhece instantaneamente o site.
Mas você também pode adicionar marcas na barra lateral e no rodapé do seu site. O objetivo é criar um estilo consistente que se pareça mais forte do que os sites de blogspink de blog.
2. Manchetes Crisp
Você pode estilizar seu título de várias maneiras, de modo que não haja um design correto. Mas você sempre quer tipografia de manchete isso é nítido, fácil de roçar e geralmente grosso.
Dê uma olhada nas manchetes de Revista dos EUA para ver o que quero dizer. Essas manchetes abrangem toda a largura da página e as letras são bem grossas. Você não pode ignorar essa manchete porque ela está praticamente enfiada na sua cara. Esse é o objetivo com o título - faça com que ele se destaque o suficiente para realmente chamar a atenção e incentivar as pessoas a continuarem lendo.
3. Menus de Navegação por Camadas
Alguns designers podem argumentar contra esse recurso dizendo que sites de revistas não precisam de menus massivos. Isso geralmente é verdade, no entanto, os sites de estilo de revista geralmente têm um grande arquivo de postagens. Você quer oferecer a melhor maneira possível para as pessoas navegarem em todas essas postagens.
Quer você esteja usando categorias, tags ou até mesmo do WordPress taxonomias personalizadas , você pode adicioná-los em uma enorme navegação mega. Isso pode incluir menus suspensos com listas de postagens recentes ou tags / categorias populares ou até mesmo uma combinação de ambos.
O menu para Revista Atlanta é bastante suave com muitos links incorporados no menu suspenso. Além disso, a navegação deslizante responsiva é claramente acessível em dispositivos móveis, para que os usuários de smartphones não percam.
Essa navegação em camadas pode incluir menus suspensos de vários níveis ou até mesmo ser corrigida para rolar com o usuário. Tantas opções e realmente o maior fator é a usabilidade misturada com toneladas de links para navegar.
4. Posts em destaque Widgets
Cada homepage de estilo de revista parece um pouco diferente com diferentes tamanhos de miniaturas de postagens, formatos personalizados e, claro, diferentes widgets em destaque.
Eu considero estes um grampo de qualquer site de revista, porque o widget em destaque é o que chama a atenção. É o que você pode usar para promover os posts mais recentes ou histórias interessantes que devem atrair mais atenção.
Jornal do mecanismo de pesquisa tem um controle deslizante do tipo carrossel, onde ele gira entre três de suas reportagens ao mesmo tempo. Cada história carrega um trecho no lado esquerdo que também oferece uma miniatura de visualização.
Mas não há duas homepages idênticas, então, navegue pelos sites de suas revistas favoritas e veja que outros estilos de estórias você pode encontrar.
5. Botões de compartilhamento proeminentes
Quando se trata de construir uma forte presença você não pode ignorar a mídia social. E se você quiser mais visitantes para o seu blog no estilo de revista, você vai querer botões de compartilhamento social em todos os posts.
Estes vêm em muitos estilos e podem ser fixados ao lado da página, ou adicionados à parte inferior da postagem, ou até mesmo adicionados em imagens como os botões de compartilhamento do Pinterest.
No ZDNet, eles usam um longo retângulo de botões de compartilhamento logo abaixo do título do post. Isso usa ícones simples com blocos coloridos para fazer referência a todas as principais redes sociais.
Mas, novamente, você pode encontrar muitos exemplos apenas observando alguns blogs populares. E não importa o estilo que você escolher, é uma boa ideia teste de divisão formatos para ver qual (is) gera o maior número de compartilhamentos.
6. Posts Relacionados
Tenho certeza que todos nós vemos os widgets intitulados "você também pode gostar ..." na parte inferior dos artigos de notícias. Alguns destes são anúncios nativos mas os sites em estilo de revista realmente usam esses widgets para promover conteúdo relevante.
Esse recurso deve ser essencial para qualquer blog, pois é uma ótima maneira de aumentar as visualizações de página sem muito esforço. Os visitantes nem sempre navegam por categoria, mas podem navegar por postagens relacionadas. O exemplo abaixo do Real Simples tem um design super clean; exatamente o que você deve ir.
As miniaturas de postagens chamam a atenção primeiro, por isso, certifique-se de que elas estejam destacadas perto das manchetes.
7. Pesquisa acessível (mesmo no celular)
Todo site precisa de um formulário de pesquisa. É uma das melhores maneiras de aumentar a usabilidade ajudando as pessoas a encontrar conteúdo relevante.
A diferença com um site de revista é que muitas vezes ele pode parecer ocupado demais para pesquisar. Os usuários podem se sentir sobrecarregados com tanto conteúdo e tantos links que talvez nem se incomodem em pesquisar.
Um formulário de pesquisa proeminente como em Empurre Quadrado é ideal para incentivar mais pesquisas.
Você pode jogar um ícone de lupa na sua navegação e usar o efeito de alternância suspenso em todas as páginas. Naturalmente isso funciona celular também por isso é uma escolha confiável para cada layout de revista.
8. Elementos de Página Personalizada
Esse recurso é um pouco vago, mas estou cobrindo vagamente de propósito. Todo blog genérico geralmente parece o mesmo: parágrafos sobre parágrafos com pouca ou nenhuma formatação personalizada.
Os grandes temas das revistas aproveitam a personalização, adicionando recursos no post. Estes podem ser qualquer número de elementos de página que melhorem o seu conteúdo e tornem os seus posts mais fáceis de consumir. Algumas ideias que vi foram usadas em vários sites:
- Pull-quotes
- Índice
- Apresentações de slides de imagens no período
- "Veja também" posts relacionados
Lembre-se de como mencionei o widget de posts relacionados anteriormente? Isso é ótimo para adicionar perto do final do seu post, mas você também pode adicionar conteúdo relacionado dentro de sua postagem.
Por exemplo TechCrunch adiciona um widget "ver também" na parte inferior de todos os posts. Isso também é predominante no blog de tecnologia Hongkiat que adiciona posts relevantes dentro de pequenos blocos no conteúdo.
Não posso dizer exatamente quais recursos você deve adicionar ao seu site. Mas, definitivamente, dedique algum tempo a pensar em algumas ideias e a testá-las para ver o que acontece.
9. Cabeçalhos de Imagens em Destaque
Se você quer chamar atenção logo no primeiro pageload, você quer duas coisas: um grande cabeçalho (coberto anteriormente) e uma clara imagem em destaque.
WordPress vem com imagens em destaque por padrão e você pode programar tamanhos específicos para suas imagens. Para blogs em estilo de revista, é melhor torná-los bem grandes e seguir o tendência de imagem de herói . Você pode usar uma imagem em tela cheia como na captura de tela Dwell abaixo. Ou você pode criar imagens que se encaixem na área de conteúdo do seu layout.
De qualquer forma, cada postagem deve ter uma imagem considerável que ajude a vender o conteúdo. Você verá isso em praticamente todos os blogs de estilo de revista, mesmo neste post se você rolar para o topo!
Mantenha todas essas ideias em mente ao projetar seu layout e deixe bastante espaço para imagens em destaque.
