Dicas para melhorar o design e a experiência de consumo em blogs

conversação dicas rápidas para enriquecer a experiência de consumo do seu blog. sábado, 5 de setembro de 2009

Rafael Marin rafaelmarin.net @rafaelmarin UX Designer @ Globo.com Blogueiro desde os 14 sábado, 5 de setembro de 2009

QUAL O OBJETIVO DO SEU BLOG? sábado, 5 de setembro de 2009

QUAL O OBJETIVO DO SEU seublogsupre O design do BLOG? esseobjetivo? sábado, 5 de setembro de 2009

“ Content is king, distribution is queen. Kris Hoet crossthebreeze.com sábado, 5 de setembro de 2009

Não há receita de bolo sábado, 5 de setembro de 2009

sábado, 5 de setembro de 2009

PROJETE COM A LEITURA EM MENTE sábado, 5 de setembro de 2009

PROJETE COM A LEITURA EM MENTE PROJETE COM O LEITOR EM MENTE sábado, 5 de setembro de 2009

PROJETE COM A LEITURA EM MENTE PROJETE COM O LEITOR EM MENTE ESCREVA CONTEÚDO QUE VALHA A PENA SER LIDO sábado, 5 de setembro de 2009

PROJETE COM A LEITURA EM MENTE sábado, 5 de setembro de 2009

DICA #1 MANTENHA A SIMPLICIDADE Entupir as páginas de widgets e componentes torna a tomada de decisões mais lenta e navegação mais frustante. sábado, 5 de setembro de 2009

DICA #1 MANTENHA A SIMPLICIDADE sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Além de adotar boas práticas de formatação do texto, como contraste de cores fundo/texto, tamanho e tipo de fonte adequados, torne o texto como um todo mais escaneável. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim non. Praesent vel sem ac neque commodo vulputate. Duis vestibulum enim non eros lobortis at iaculis nisl posuere. Mauris facilisis augue vitae nisl scelerisque nec facilisis purus accumsan. Aenean ut libero mauris. Etiam luctus purus sit amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim non. Praesent vel sem ac neque commodo vulputate. Duis vestibulum enim non eros lobortis at iaculis nisl posuere. Mauris facilisis augue vitae nisl scelerisque nec facilisis purus accumsan. Aenean ut libero mauris. Etiam luctus purus sit amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim non. Praesent vel sem ac neque commodo vulputate. Duis vestibulum enim non eros lobortis at iaculis nisl posuere. Mauris facilisis augue vitae nisl scelerisque nec facilisis purus accumsan. Aenean ut libero mauris. Etiam luctus purus sit amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate Lorem ipsum dolor sit amet, consectetur adipiscing iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla sollicitudin vel. Mauris aliquam odio id leo faucibus auctor imperdiet dictum. vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim non. Praesent vel sem ac neque commodo vulputate. Duis vestibulum enim non eros lobortis at iaculis nisl posuere. Mauris facilisis augue vitae nisl scelerisque nec facilisis purus accumsan. Aenean ut libero mauris. Etiam luctus purus sit amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate Lorem ipsum dolor sit amet, consectetur adipiscing iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla sollicitudin vel. Mauris aliquam odio id leo faucibus auctor imperdiet dictum. vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim Lorem ipsum dolor sit amet, consectetur adipiscing non. Praesent vel sem ac neque commodo vulputate. Duis elit. Fusce iaculis pulvinar bibendum. Sed ac dui vestibulum enim non eros lobortis at iaculis nisl posuere. lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus Mauris facilisis augue vitae nisl scelerisque nec facilisis purus vel convallis nulla feugiat. Nulla auctor imperdiet accumsan. Aenean ut libero mauris. Etiam luctus purus sit dictum. amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate Lorem ipsum dolor sit amet, consectetur adipiscing iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla sollicitudin vel. Mauris aliquam odio id leo faucibus auctor imperdiet dictum. vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus dignissim Lorem ipsum dolor sit amet, consectetur adipiscing non. Praesent vel sem ac neque commodo vulputate. Duis elit. Fusce iaculis pulvinar bibendum. Sed ac dui vestibulum enim non eros lobortis at iaculis nisl posuere. lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus Mauris facilisis augue vitae nisl scelerisque nec facilisis purus vel convallis nulla feugiat. Nulla auctor imperdiet accumsan. Aenean ut libero mauris. Etiam luctus purus sit dictum. amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. Componha a sua paleta com cores complementares. sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR sábado, 5 de setembro de 2009

DICA #2 AJUDE O USUÁRIO A LER MAIS RÁPIDO E MELHOR Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce iaculis pulvinar bibendum. Sed ac dui lacus. Cras vulputate iaculis nisl, eu ullamcorper elit sollicitudin vel. Mauris aliquam odio id leo faucibus vel convallis nulla feugiat. Nulla auctor imperdiet dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt libero nec mauris ornare scelerisque. Etiam tempus vestibulum neque, nec consectetur lacus Insira citações e imagens para otimizar o fluxo de dignissim non. Praesent vel sem ac neque commodo leitura. vulputate. Duis vestibulum enim non eros lobortis at iaculis nisl posuere. Mauris facilisis augue vitae nisl scelerisque nec facilisis purus accumsan. Aenean ut libero mauris. Etiam luctus purus sit amet mi tempor ac rhoncus purus posuere. Vestibulum ac felis quam. Ut a magna cursus metus consequat auctor vel vitae lorem. Suspendisse mattis aliquam tellus nec semper. sábado, 5 de setembro de 2009

DICA #3 TIRE PROVEITO DE IMAGENS O ser humano é estimulado visualmente. Tire proveito disso incluindo imagens que ilustram os seus posts. sábado, 5 de setembro de 2009

PROJETE COM O LEITOR EM MENTE sábado, 5 de setembro de 2009

DICA #4 CORTE O DESNECESSÁRIO Ler pouco é uma das características do usuário de Internet. Por isso, seja breve na colocação das idéias, use parágrafos curtos e vocabulário simples. sábado, 5 de setembro de 2009

DICA #5 REVISE SEU TEXTO Erros gramaticais e ortográficos também interrompem o fluxo de leitura. sábado, 5 de setembro de 2009

DICA #6 FAÇA A SUA COMUNIDADE PENSAR Aumente o engajamento dos leitores promovendo discussões em seus posts. Deixe questões em aberto para promover a discussão. sábado, 5 de setembro de 2009

ESCREV CONTEÚDO QUE A VALHA A PENA SER LIDO sábado, 5 de setembro de 2009

DICA #7 LEVE MAIS QUE INFORMAÇÃO, LEVE OPINIÃO Aproveite o espaço que você já possui para levar mais do que informação. Agregue valor a seu conteúdo adicionando opinião. sábado, 5 de setembro de 2009

DICA #8 DEIXE CLARO SOBRE O QUE É O SEU BLOG Crie um subtítulo descritivo que ajudará o usuário a concluir se encontrará o que procura em seu blog ou não. sábado, 5 de setembro de 2009

DICA #9 OFEREÇA CONTEÚDO RELACIONADO RELEVANTE Melhore a categorização e tageamento de seus posts, e utilize ferramentas para oferecer conteúdo relacionado mais relevante. sábado, 5 de setembro de 2009

DICA #10 USAR ANÚNCIOS OU NÃO? Você pode usar anúncios em seu blog, mas não deixe que os anúncios atrapalhem a leitura do conteúdo. Além disso, ofereça anúncios relevantes para o público. sábado, 5 de setembro de 2009

The 4C’s of Blogging Comunidade Conteúdo Clareza Consistência David Armano darmano.typepad.com/logic_emotion/ sábado, 5 de setembro de 2009

DICA #11 DIFICULDADES? CHAME UM DESIGNER. O profissional saberá te ajudar a projetar uma boa experiência de consumo do seu blog. sábado, 5 de setembro de 2009

thanks :) em breve no slideshare.net/rafaelmarin REFERÊNCIAS Kris Hoet — http://crossthebreeze.com Joanna Young — http://conﬁdentwriting.com/ David Armano — http://darmano.typepad.com/logic_emotion/ sábado, 5 de setembro de 2009

http://rafaelmarin.com.br	218
http://rafaelmarin.net	83
http://us-w1.rockmelt.com	28
http://www.tambotraising.com.br	22
http://www.slideshare.net	16
http://feeds.feedburner.com	3
http://palavrassonseimagens.blogspot.com	2
http://tambotraising.blogspot.com	1

Dicas para melhorar o design e a experiência de consumo em blogs

by Rafael Marin on Sep 05, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

8 Embeds 373

Statistics

Dicas para melhorar o design e a experiência de consumo em blogs — Presentation Transcript