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

2.250 visualizações

Publicada em

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.

0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.250
No SlideShare
0
A partir de incorporações
0
Número de incorporações
12
Ações
Compartilhamentos
0
Downloads
30
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

  1. 1.
  2. 2.
  3. 3.
  4. 4.
  5. 5.
  6. 6. <ul><li>Pontos positivos
  7. 7. Menu com categorias segmentado identificadas por cor
  8. 8. Valorização do autor/colaborador no fim do post com principais links do mesmo, além de widgets com os mais colaborativos.
  9. 9. Facilidade de leitura e inserção de imagens e vídeos incorporadas.
  10. 10. Pouca ou quase nenhuma interrupção na leitura com propagandas e anúncios.
  11. 11. Mídia kit on-line (porém a URL é do Sites Google) 
  12. 12. Pontos negativos
  13. 13. O tema não está totalmente me português;
  14. 14. Alguns links quebrados e programação básica do CMS incompleta;
  15. 15. Botão de sugestão está como "teste“;</li></li></ul><li>
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25. <ul><li>Pontos positivos
  26. 26. Layout “arejado” e com nenhuma interrupção na leitura;
  27. 27. Tema 100% personalizado;
  28. 28. Fácil identificação visual com o conceito “viral”;
  29. 29. Rodapé bastante informativo;
  30. 30. Link voltar ao topo;
  31. 31. Página de link bem segmentada;
  32. 32. Pontos negativos
  33. 33. Formulário de contato destoa totalmente do restante do site. Faltou editar o CSS dessa área.</li></li></ul><li>
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38.
  39. 39.
  40. 40. <ul><li>Pontos positivos
  41. 41. Layout bastante minimalista e elegante;
  42. 42. Banner de destaque impactante sem ser poluído;
  43. 43. Iconegrafia sofisticada e exclusiva;
  44. 44. Sidebar bem organizada;
  45. 45. Versão do blog para iTunes via link da AppStore.
  46. 46. Pontos negativos
  47. 47. 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.</li></li></ul><li>
  48. 48.
  49. 49.
  50. 50.
  51. 51.
  52. 52.
  53. 53.
  54. 54.
  55. 55. <ul><li>Pontos positivos
  56. 56. O tema visual do site é facilmente identificável;
  57. 57. Widget de colaboradores também dentro do tema do blog;
  58. 58. O cuidado com as "expressões textuais" dentro do tema do blog, por exemplo “comentário” foi substituído por “Orações”;
  59. 59. Pontos negativos
  60. 60. As widgets na sidebar são muito poluídas.
  61. 61. E o rodapé é muito pouco utilizado dando um ar de “desleixo”.</li></li></ul><li>
  62. 62.
  63. 63.
  64. 64.
  65. 65.
  66. 66.
  67. 67.
  68. 68. <ul><li>Pontos positivos
  69. 69. 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.
  70. 70. O banner superior de destaque é simplificado e de fácil utilização.
  71. 71. Destaque para a iconegrafia alinhada ao tema do blog.
  72. 72. Pontos negativos
  73. 73. O rodapé não é utilizado com conteúdo.
  74. 74. Não há elementos amplamente utilizados em blogs como mapa de tags, últimas postagens, etc.</li></li></ul><li>
  75. 75.
  76. 76.
  77. 77.
  78. 78.
  79. 79.
  80. 80.
  81. 81. <ul><li>Pontos positivos
  82. 82. O tema é elegante e bastante personalizado.
  83. 83. O banner superior de destaque é simplificado e de fácil utilização.
  84. 84. O menu é segmentado e bem organizado. Cada página possui um banner de destaque próprio, o que ajuda a identificação do assunto.
  85. 85. 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.
  86. 86. 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.
  87. 87. Pontos negativos
  88. 88. O rodapé não é utilizado com conteúdo, porém há elementos visuais que mostram o cuidado com a imagem no tema do blog.</li></li></ul><li>
  89. 89.
  90. 90.
  91. 91.
  92. 92.
  93. 93.
  94. 94.
  95. 95.
  96. 96.
  97. 97. <ul><li>Pontos positivos
  98. 98. O layout em formato de “portal” agrega com muita qualidade a enorme quantidade de conteúdo relacionado.
  99. 99. Todas as páginas possuem novas opções de navegação com conteúdos complementares aumentando a permanência do usuário no site.
  100. 100. A leitura é bastante facilitada e praticamente não há interrupção por anúncios.
  101. 101. 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.
  102. 102. Pontos negativos
  103. 103. 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 “sharebutton” genérico.</li></li></ul><li>
  104. 104.
  105. 105.
  106. 106.
  107. 107.
  108. 108.
  109. 109.
  110. 110. <ul><li>Pontos positivos
  111. 111. O layout focado na leitura e com pouquíssimas interrupções por anúncios.
  112. 112. Há uma página dos editores e colaboradores com links e mini-perfis, o que estimulam a entrada de novos profissionais interessados.
  113. 113. Há na sidebar um widget bem interessante e diferenciado com elementos bastante comuns de “sharebuttons”.
  114. 114. 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.
  115. 115. Pontos negativos
  116. 116. O banner de destaque não é tão inovador e mesmo sendo útil poderia ter um formato diferenciado.</li></li></ul><li>
  117. 117.
  118. 118.
  119. 119.
  120. 120.
  121. 121.
  122. 122.
  123. 123. <ul><li>Pontos positivos
  124. 124. 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.
  125. 125. A Sidebar possui várias opções de navegação relacionada que ampliam a experiência do usuário.
  126. 126. Corpo da postagem é hermético e as imagens e vídeos incorporadas se adaptam perfeitamente ao layout.
  127. 127. As categorias são identificadas por esquema de cores.
  128. 128. Pontos negativos
  129. 129. 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.
  130. 130. Sinto falta de uma página "Sobre" explicativa do blog.</li></li></ul><li>
  131. 131.
  132. 132.
  133. 133.
  134. 134.
  135. 135.
  136. 136.
  137. 137. <ul><li>Pontos positivos
  138. 138. Menu bem segmentado, identificado por cores de acordo com as categorias e de fácil utilização.
  139. 139. Banner de artigos destaque muito diferenciado e funcional, está perfeitamente alinhado aos anúncios por diferenciação de tamanhos.
  140. 140. No final de cada post há uma pequena listagem de conteúdos relacionados com thumbs personalizados
  141. 141. 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!
  142. 142. Versão do blog para iTunes via link da AppStore com página explicativa.
  143. 143. Pontos negativos
  144. 144. 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.
  145. 145. O link "envie uma dica", tanto no menu quanto no rodapé do site é muito discreto.</li></li></ul><li>
  146. 146.
  147. 147.
  148. 148.
  149. 149.
  150. 150.
  151. 151. Obrigado! ;-)<br />
  152. 152. Os escolhidos<br /><ul><li>Update or Die!
  153. 153. Sim Viral
  154. 154. Fubiz
  155. 155. Não Salvo
  156. 156. Blog do iPhone
  157. 157. Tecnoblog
  158. 158. Cinema com Rapadura
  159. 159. Mídia Boom
  160. 160. ContémConteúdo
  161. 161. Brainstorm9</li></ul>Outrosbons blogs<br /><ul><li>Wireframes
  162. 162. Talk2
  163. 163. Smelly Cat
  164. 164. Mestre SEO
  165. 165. Papo de Bar
  166. 166. Tecnisa
  167. 167. Mãe com Filhos
  168. 168. Katylene
  169. 169. GemaCarioca
  170. 170. Comunicadores
  171. 171. Com limão
  172. 172. Amomuito
  173. 173. A Day in the life</li>

×