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 #1
MANTENHA A SIMPLICIDADE
sábado, 5 de setembro de 2009

DICA #1
MANTENHA A SIMPLICIDADE
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
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 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
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://confidentwriting.com/
David Armano — http://darmano.typepad.com/logic_emotion/
sábado, 5 de setembro de 2009