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.

Publicidade


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?

Espero que tenham gostado das mudanças!

Compartilhe
Você também vai gostar de

Deixe seu comentário!


  • http://www.facebook.com/jhienmerson Jhienmerson Rabelo

    MUITO BOM..!!

  • 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).

    • http://design.blog.br Canha

      Valeu pela dica Regiane!
      Viu reconsiderar o cabeçalho novamente ;)

  • David William Costa

    Desculpe, mas o outro era bem melhor, o topo ficou com cara de inacabado!

    • http://design.blog.br Canha

      Humm…achei que ficou mais completo que o anterior. Mas obrigado pela sua opinião :)

  • Ronan

    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.

    • http://design.blog.br Canha

      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!

    • http://design.blog.br Canha

      Thanks dude! Talvez eu realmente reveja o cabeçalho.
      Grande abraço!

  • Tarcisio Cavalcante

    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. .

  • Marco Gabriel

    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 =)