Novidades no layout do Design Blog - Design BlogDesign Blog
Novidades no layout do Design Blog
12 de junho de 2012 | Geral | 16 comentários
Quem acessa o blog com frequencia deve ter notado as novidades no layout do Design Blog (e se você é assinante do feed, corre lá pra ver!). Entenda o que levou a essas alterações.
Pode até não parecer que foi um grande re-design; e não foi. As únicas coisas que efetivamente mudaram foram o cabeçalho e a página inicial. E estas alterações foram (como tudo no design deveriam ser) baseadas em pesquisas feitas ao longo dos últimos meses.
Após apresentar a versão 2012 do Design Blog, fiquei de olho em como os usuários acessam o blog. Ferramentas como o Google Analytics e o WP Super Heatmap foram indispensáveis para saber como os leitores acessavam o blog.
Descobri que o cabeçalho não estava recebendo a atenção que deveria receber e que os menus nem sempre funcionavam (especialmente em dispositivos móveis como o iPad). Portanto o mesmo foi dado um destaque maior usando de um forte contraste e por isto que o logo também recebeu um tratamento diferente. Os links das categorias de posts receberam um destaque maior que os links para Sobre, Na Mídia, Contato, etc para facilitar a busca de artigos de interesse.
Além disto, a caixa de busca também foi reformulada. Graças ao WP Super Heatmap, notei que muita gente tentava clicar no ícone da lupa (que na versão anterior não era um botão, apenas um enfeite) em vez de usar a tecla "Enter" para efetuar a busca. Isto também gerava problema nos dispositivos móveis.
Um espaço maior para um banner no cabeçalho também foi inserido (hey, preciso pagar as minhas contas, né?) e os ícones do Twitter e Facebook foram alterados para os ícones corretos (viram que o Twitter anunciou semana passada o novo logo deles?). O alinhamento dos itens do cabeçalho também foram acertados, que antes podiam parecer um pouco desorganizado.
O rodapé também foi levemente alterado. Notei que o uso da nuvem de tags era extremamente rara, então decidi trocar por banners de parceiros do blog.
Além disto, a página inicial recebeu uma reformulação maior devido a taxa de saída elevada dos leitores (novamente, obrigado Google Analytics). Imagens de destaque chamam melhor a atenção do leitor, e passando o mouse sobre cada artigo faz aparecer o trecho inicial do artigo atiçando ainda mais a curiosidade. A área clicável do título dos artigos também foi aumentada para comportar os dispositivos móveis – alguém lembra da Lei de Fitts?
Dicas de SEO para web designersPara quem não sabe – O que é web design?Novo layout e aniversário de 6 anosBom Design se preocupa com o meio ambiente
http://www.facebook.com/jhienmerson Jhienmerson Rabelo
Vinicios Design
nossa canha parabens ficou muito bom esse novo layout!
http://www.facebook.com/felipealvesdesign Felipe Alves
Gostei do novo layout, é sempre bom renovar.Entretanto, gostava mais do anterior, mas parabéns assim mesmo! Regiane Mascarenhas
Caro Canha, gostei bastante dos argumentos apresentados. Muito elucidativo. Excelente! Mas com relação ao novo cabeçalho, eu não gostei. A sobre tudo da cor do background (repare que nele o anúncio parece spam total. Dá a impressão de ter procedência pra lá de duvidosa, jamais clicaria se não soubesse da procedência do seu blog).
Valeu pela dica Regiane!
Viu reconsiderar o cabeçalho novamente ;)
Desculpe, mas o outro era bem melhor, o topo ficou com cara de inacabado!
Humm…achei que ficou mais completo que o anterior. Mas obrigado pela sua opinião :)
Gostei muito da home. A visualização dos artigos por imagens é bem mais atraente e instiga a leitura do que apenas a intro do texto. Só não me agradou o cabeçalho, porque ficou meio "vazio", sensação de que está faltando algo, ainda mais com a logo azul criando pouco contraste com o fundo. Um banner compensa o espaço vago, mas acaba prejudicando um pouco o visual.
Só tem uma coisa que eu sempre faço no site, então acho que vale a pena reportar como feed de usuário: o campo para inscrição de e-mails. Acho que já aconteceu umas quatro vezes de eu digitar palavra-chave no cadastro pensando ser a barra de busca. Claro, a barra fica no cabeçalho e a box para incluir o e-mail, no centro da página, mas para quem está lendo um artigo e chega ao fim do texto, intuitivamente vem a leve impressão de que é uma ferramenta de busca. Mas nem lembro porque acontecia isto, já que não me recordo como era a última interface. Acredito que era porque a search tinha pouco contraste no cabeçalho, ou estava em um lugar menos convencional, e por isso passava um pouco mais de tempo pensando onde poderia estar. Acho que agora não deve acontecer novamente com o novo layout.
Valeu pelas dicas, Ronan!
http://twitter.com/rafaelhortz Rafael Hortz
Todo mundo já falou, mas apesar de 'entender' o motivo do header ter ficado assim, ainda prefiro o antigo, mas a home ficou fera, para quem lembra dos tempos de digitalpaper e agora vê tudo isso, é muito bacana ver a evo.
Hugs dude! Congrats!
Thanks dude! Talvez eu realmente reveja o cabeçalho.
A explicação do novo design do design blog acaba virando também um post de dicas para quem quer modificar ou estruturar melhor o design de seu próprio site/blog. :)
http://www.facebook.com/guilherme.heringer Guilherme Heringer
Cara, você acredita que eu ia entrar em contato HOJE para falar sobre isso com você? eu tava sentindo uma perda do apelo visual, eu mesmo sou um preguiçoso, e estava deixando de procurar as coisas por aqui, as imagens ilustrando o post fazem toda a diferença!
http://www.facebook.com/people/Dayvson-Carvalho/100001953898673 Dayvson Carvalho
Parabéns pelo Blog e pelos excelentes posts originais.
Um dia quero fazer um post e enviar para vocês.Uma sugestão é que ao passar o mouse sobre a lupa, da busca, fique com a "mãozinha" de quando é um link. É só adicionar uma linha no CSS e fica muito bom, quanto a usabilidade.Abraços
http://www.facebook.com/adriano.rodrigues.1654 Adriano Rodrigues
O banner da creative parece um spam, é estranho, nem ia clicar até perceber no comentário lá em baixo. .
As imagens na home ficaram alucinantes. Sempre acessei o blog, mas algumas matérias eu "pulava" por que a descrição não me chamava atenção. Agora da vontade de dar Ctrl+Click em todas ahahaha Parabéns!!! E o form dos coments ficou legal também. Só tem o (Leave coments) dai aparece nome, email… ele vai te enganando até aparecer um campo pra conta bancária e senha. ahahah =) Twitter