design não, o que eu faço é negócio

91

Upload: cristianoweb

Post on 26-Jun-2015

1.926 views

Category:

Design


6 download

DESCRIPTION

Análise de 10 sites em formato de blogs com foco no negócio de cada "case". Essa foi a palestra que apresentei no #BlogCampRJ de 2010!A ideia não é apontar erros e acertos e sim fazer uma breve análise de como desenhar layouts pensando no negócio de cada cliente e público.

TRANSCRIPT

Page 1: Design não, o que eu faço é negócio
Page 2: Design não, o que eu faço é negócio
Page 3: Design não, o que eu faço é negócio
Page 4: Design não, o que eu faço é negócio
Page 5: Design não, o que eu faço é negócio
Page 6: Design não, o que eu faço é negócio

• Pontos positivos• Menu com categorias segmentado identificadas por cor• Valorização do autor/colaborador no fim do post com

principais links do mesmo, além de widgets com os mais colaborativos.

• Facilidade de leitura e inserção de imagens e vídeos incorporadas.

• Pouca ou quase nenhuma interrupção na leitura com propagandas e anúncios.

• Mídia kit on-line (porém a URL é do Sites Google)

• Pontos negativos• O tema não está totalmente me português;• Alguns links quebrados e programação básica do CMS

incompleta;• Botão de sugestão está como "teste“;

Page 7: Design não, o que eu faço é negócio
Page 8: Design não, o que eu faço é negócio
Page 9: Design não, o que eu faço é negócio
Page 10: Design não, o que eu faço é negócio
Page 11: Design não, o que eu faço é negócio
Page 12: Design não, o que eu faço é negócio
Page 13: Design não, o que eu faço é negócio
Page 14: Design não, o que eu faço é negócio
Page 15: Design não, o que eu faço é negócio
Page 16: Design não, o que eu faço é negócio
Page 17: Design não, o que eu faço é negócio

•Pontos positivos• Layout “arejado” e com nenhuma interrupção na leitura;• Tema 100% personalizado;• Fácil identificação visual com o conceito “viral”;• Rodapé bastante informativo;• Link voltar ao topo;• Página de link bem segmentada;

•Pontos negativos• Formulário de contato destoa totalmente do restante do

site. Faltou editar o CSS dessa área.

Page 18: Design não, o que eu faço é negócio
Page 19: Design não, o que eu faço é negócio
Page 20: Design não, o que eu faço é negócio
Page 21: Design não, o que eu faço é negócio
Page 22: Design não, o que eu faço é negócio
Page 23: Design não, o que eu faço é negócio
Page 24: Design não, o que eu faço é negócio
Page 25: Design não, o que eu faço é negócio

•Pontos positivos• Layout bastante minimalista e elegante;• Banner de destaque impactante sem ser poluído;• Iconegrafia sofisticada e exclusiva;• Sidebar bem organizada;• Versão do blog para iTunes via link da AppStore.

•Pontos negativos• A versão em inglês é via tradução em site externo, que

reenderiza o texto traduzido. Apesar de funcionar, não acho que seja a solução mais válida para o projeto, pois alguns elementos de imagens com textos não são traduzidos.

Page 26: Design não, o que eu faço é negócio
Page 27: Design não, o que eu faço é negócio
Page 28: Design não, o que eu faço é negócio
Page 29: Design não, o que eu faço é negócio
Page 30: Design não, o que eu faço é negócio
Page 31: Design não, o que eu faço é negócio
Page 32: Design não, o que eu faço é negócio
Page 33: Design não, o que eu faço é negócio
Page 34: Design não, o que eu faço é negócio

•Pontos positivos• O tema visual do site é facilmente identificável;• Widget de colaboradores também dentro do tema do blog;• O cuidado com as "expressões textuais" dentro do tema do blog,

por exemplo “comentário” foi substituído por “Orações”;

•Pontos negativos• As widgets na sidebar são muito poluídas.• E o rodapé é muito pouco utilizado dando um ar de “desleixo”.

Page 35: Design não, o que eu faço é negócio
Page 36: Design não, o que eu faço é negócio
Page 37: Design não, o que eu faço é negócio
Page 38: Design não, o que eu faço é negócio
Page 39: Design não, o que eu faço é negócio
Page 40: Design não, o que eu faço é negócio
Page 41: Design não, o que eu faço é negócio
Page 42: Design não, o que eu faço é negócio

•Pontos positivos• O tema é perfeitamente alinhado ao conceito do blog, o

uso de um iPhone no lugar da sidebar identifica imediatamente o tipo de blog que é. Ao mesmo tempo quando a página fica grande de mais, a sensação de ver um “iPhone esticado” sem conteúdo é um tanto estranha.

• O banner superior de destaque é simplificado e de fácil utilização.

• Destaque para a iconegrafia alinhada ao tema do blog.

•Pontos negativos• O rodapé não é utilizado com conteúdo.• Não há elementos amplamente utilizados em blogs como

mapa de tags, últimas postagens, etc.

Page 43: Design não, o que eu faço é negócio
Page 44: Design não, o que eu faço é negócio
Page 45: Design não, o que eu faço é negócio
Page 46: Design não, o que eu faço é negócio
Page 47: Design não, o que eu faço é negócio
Page 48: Design não, o que eu faço é negócio
Page 49: Design não, o que eu faço é negócio
Page 50: Design não, o que eu faço é negócio

•Pontos positivos• O tema é elegante e bastante personalizado.• O banner superior de destaque é simplificado e de fácil

utilização.• O menu é segmentado e bem organizado. Cada página

possui um banner de destaque próprio, o que ajuda a identificação do assunto.

• Destaque para a página de mídia kit direcionada para o investidor. Muito bem organizada e também é alinhada com o tema central do site.

• Há ranking de usuários com mais comentários na sidebar que divide espaço com a equipe de editores, redatores e colaboradores do blog.

•Pontos negativos• O rodapé não é utilizado com conteúdo, porém há

elementos visuais que mostram o cuidado com a imagem no tema do blog.

Page 51: Design não, o que eu faço é negócio
Page 52: Design não, o que eu faço é negócio
Page 53: Design não, o que eu faço é negócio
Page 54: Design não, o que eu faço é negócio
Page 55: Design não, o que eu faço é negócio
Page 56: Design não, o que eu faço é negócio
Page 57: Design não, o que eu faço é negócio
Page 58: Design não, o que eu faço é negócio
Page 59: Design não, o que eu faço é negócio
Page 60: Design não, o que eu faço é negócio

•Pontos positivos• O layout em formato de “portal” agrega com muita

qualidade a enorme quantidade de conteúdo relacionado.

• Todas as páginas possuem novas opções de navegação com conteúdos complementares aumentando a permanência do usuário no site.

• A leitura é bastante facilitada e praticamente não há interrupção por anúncios.

• Mesmo estando numa URL diferente do site, o portal possui um mídia kit completo em formato de página, o que facilita muito a vida de um investidor.

•Pontos negativos• Mesmo sabendo que o portal é de leitura e não de

interação, eu senti muita falta de redes sociais no projeto. Há apenas um tipo de “share button” genérico.

Page 61: Design não, o que eu faço é negócio
Page 62: Design não, o que eu faço é negócio
Page 63: Design não, o que eu faço é negócio
Page 64: Design não, o que eu faço é negócio
Page 65: Design não, o que eu faço é negócio
Page 66: Design não, o que eu faço é negócio
Page 67: Design não, o que eu faço é negócio
Page 68: Design não, o que eu faço é negócio

•Pontos positivos• O layout focado na leitura e com pouquíssimas

interrupções por anúncios.• Há uma página dos editores e colaboradores com links e

mini-perfis, o que estimulam a entrada de novos profissionais interessados.

• Há na sidebar um widget bem interessante e diferenciado com elementos bastante comuns de “share buttons”.

• Também na sidebar há um link para a versão do site para iPhone que utiliza um aplicativo da Busk, que é bastante interessante pois é totalmente textual.

•Pontos negativos• O banner de destaque não é tão inovador e mesmo

sendo útil poderia ter um formato diferenciado.

Page 69: Design não, o que eu faço é negócio
Page 70: Design não, o que eu faço é negócio
Page 71: Design não, o que eu faço é negócio
Page 72: Design não, o que eu faço é negócio
Page 73: Design não, o que eu faço é negócio
Page 74: Design não, o que eu faço é negócio
Page 75: Design não, o que eu faço é negócio
Page 76: Design não, o que eu faço é negócio

• Pontos positivos• Tema do blog é bem integrado ao layout do site

institucional da agência, o que agrega qualidade tanto ao serviço quanto ao próprio blog.

• A Sidebar possui várias opções de navegação relacionada que ampliam a experiência do usuário.

• Corpo da postagem é hermético e as imagens e vídeos incorporadas se adaptam perfeitamente ao layout.

• As categorias são identificadas por esquema de cores.

• Pontos negativos• O widget da sidebar com Twitter é pessoal do autor e

confunde um pouco o usuário por conter mensagens que não são esperadas pelo contexto do site. Isso obriga o perfil do Twitter ser totalmente integrado com os tipos de mensagens para evitar esse tipo de problema.

• Sinto falta de uma página "Sobre" explicativa do blog.

Page 77: Design não, o que eu faço é negócio
Page 78: Design não, o que eu faço é negócio
Page 79: Design não, o que eu faço é negócio
Page 80: Design não, o que eu faço é negócio
Page 81: Design não, o que eu faço é negócio
Page 82: Design não, o que eu faço é negócio
Page 83: Design não, o que eu faço é negócio
Page 84: Design não, o que eu faço é negócio

• Pontos positivos• Menu bem segmentado, identificado por cores de

acordo com as categorias e de fácil utilização.• Banner de artigos destaque muito diferenciado e

funcional, está perfeitamente alinhado aos anúncios por diferenciação de tamanhos.

• No final de cada post há uma pequena listagem de conteúdos relacionados com thumbs personalizados

• A Sidebar tem várias opções de conteúdo relacionado para aumentar a permanência do usuário no site. Destaque para o gráfico de posts mais retweetados!

• Versão do blog para iTunes via link da AppStore com página exlicativa.

• Pontos negativos• O widget da sidebar com Twitter é pessoal dos autores e

confunde um pouco o usuário por conter mensagens que não são esperadas pelo contexto do site.

• O link "envie uma dica", tanto no menu quanto no rodapé do site é muito discreto.

Page 85: Design não, o que eu faço é negócio
Page 86: Design não, o que eu faço é negócio
Page 87: Design não, o que eu faço é negócio
Page 88: Design não, o que eu faço é negócio
Page 89: Design não, o que eu faço é negócio
Page 90: Design não, o que eu faço é negócio
Page 91: Design não, o que eu faço é negócio

Obrigado! ;-)