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

Post on 26-Jun-2015

1.926 Views

Category:

Design

6 Downloads

Preview:

Click to see full reader

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

• 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“;

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

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

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

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

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

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

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

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

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

Obrigado! ;-)

top related