Aluno - Márcio Tristão
Orientadora - Prof. Dra. Claudia Mont’Alvão
Mestrado em design - Departamento de Artes & Design
Laboratório de Ergonomia e Usabilidade de Interfaces
web2.0
estratégia e usabilidade

Parte I
referencial Web 2.0: uma visão geral da Internet pós bolha.com
O novo usuário: de consumidor a produtor
teórico Múltiplas vitrines: combinando Web 2.0 e a força dos usuários
Parte II
a pesquisa Delineamento da pesquisa
Métodos e técnicas da pesquisa
Resultados da pesquisa
Parte III
conclusão Conclusões, recomendações e desdobramentos

introdução
A pesquisa analisou as evoluções E o foco da pesquisa é a
sofridas pela Internet, pelos Estratégia e a Usabilidade dos
usuários e pelas estratégias que Badges - trechos de código
colaboraram para alterar a forma disponibilizados por alguns sites
dos sites serem projetados e que para serem acoplados a outros,
ficou conhecida como Web 2.0.
com a função de importar o
conteúdo - gerado pelos usuários
ou não - de maneira dinâmica - na
Web 2.0.

Parte I
referencial teórico
Capítulo 2 Capítulo 3 Capítulo 4
Múltiplas vitrines:
Web 2.0: uma visão O novo usuário: de
combinando Web 2.0 e
consumidor a
geral da Internet
a força dos usuários
produtor
pós bolha.com

parte I referencial teórico
web 2.0
capítulo 2 uma visão geral da Internet pós bolha.com

a internet mudou
esta afirmativa é o ponto de partida da pesquisa.

2000 - 2001

‣ a euforia dominava o mercado
‣ todos queriam “estar” na Internet
‣ enormes quantias de dinheiro eram investidas
‣ os projetos não ofereciam formas claras de ROI
‣ o principal objetivo era abrir o capital na bolsa de valores
‣ fazer dinheiro rápido

BOOOM!!!
a bolha estourou e separou o joio do trigo

‣ as ações das ponto.com e das empresas de tecnologia desabaram.
‣ o impacto chegou às ações de outras indústrias.
‣ em relação ao seu pico no início de 2000 em 2001:
‣ Nasdaq 60%
‣ Standard & Poor 500 23%
‣ Dow Jones 12%
‣ desapareceram cerca de 4,6 trilhões de dólares em riqueza nominal
no mercado de capitais dos EUA. (50% do PIB dos EUA)
Business Week (2001) / CASTELLS (2003)

Zzz...Zzz...Zzz...

“ ”
O uso da Internet não acabou, ou nem diminuiu muito.
TREESE (2006)
“ Tais crises tipicamente assinalam o momento em que uma
tecnologia ascendente está pronta para assumir seu lugar no
”
centro da ação.
O’REILLY (2005)

web2.0
Mais aberta e permissiva, com forte
participação do usuário transformou-se
em realidade e colaborou com a
mudança na forma dos sites serem
projetados

Web 1.0 x Web 2.0

pós-bolha web 2.0
pré-bolha web 1.0
GoogleAdSense
DoubleClick
Flickr
Ofoto
Bit Torrent
Akamai
Napster
Mp3
Wikipedia
Britannica Online
Blogging
Personal websites
Upcoming.org and EVDB
Evite
Search engine optimization
Domain name spaculation
Cost per click
Page views
Web services
Screen scraping
Participation
Publishing
Wikis
Content management systems
Tagging (“folksonomy”)
Directories (taxonomia)
Syndication
Stickiness

“ Como muitos conceitos importantes, o de
Web 2.0 não tem fronteiras rígidas mas, pelo
”
contrário, um centro gravitacional.
O’ REILLY (2005)

A web como
uma plataforma
O fim do ciclo de Empregando
lançamentos de software a inteligência coletiva
web2.0
Software em mais Os dados são
de um dispositivo o próximo Intel Inside
Experiência Modelos leves
rica do usuário de programação

a oposição à Web 2.0

“ a corrida para fazer páginas da web mais dinâmicas, freqüentemente,
”
significa usuários mal servidos.
“ sites incrementados com ferramentas personalizadas correm
perigo de parecer com os sites \"bonitos, mas inúteis\" no auge do
”
boom do \".com\".
“ Infelizmente a corrida para implementar a tecnologia da Web 2.0
mostrou que muitas firmas estão virando as costas para o
”
básico.
“ o frisson em torno da Web 2.0 está fazendo as firmas da web
”
negligenciarem os princípios do bom design.
NIELSEN (2007)

“ [...] Não vejo como a Web 2.0 está democratizando a mídia,
acho que acontece o oposto: a mídia tradicional fornece
informação de qualidade acessível às massas e não
”
acho que a segunda geração da web esteja produzindo isso.
KEEN (2007)

“John Seigenthaler Sr. foi assistente do procurador-geral Robert
Kennedy no início da década de 1960. Por um breve período,
pensou-se que ele estivesse diretamente envolvido nos
assassinatos tanto de John Kennedy quanto do seu irmão Bobby.
Nunca nada foi provado.”
Artigo criado em maio de 2005 por um usuário anônimo da Wikipedia sobre John Seigenthaler Sr.,
ex-diretor editorial do jornal USA Today
meses sites
4 no ar wikipedia
52 espelho
todos usuários
Seigenthaler chamou isso de assassinato de reputação na Internet.
TAPSCOTT e WILLIAMS (2007)

conclusões

‣ a Internet atingiu um novo patamar de desenvolvimento e isso
influencia diretamente a forma de projetar websites e das pessoas
interagirem com os sites.
‣ acompanhar esta evolução natural da web é fundamental para os
profissionais da área de usabilidade
‣ entender profundamente cada uma dessas mudanças e conhecer
quais as novas situações com as quais as pessoas poderão se
deparar e, principalmente, encontrar dificuldades ao usar sites que
apresentam características da Web 2.0.

parte I - referencial teórico
o novo usuário
capítulo 3 de consumidor a produtor

‣ Em um ano o Brasil ganhou quase 10 milhões de pessoas com
acesso em residências.
‣ O Brasil é lider em tempo de navegação por pessoa em domicílios,
com o tempo inédito de 23 horas e 30 minutos.
‣ Entre julho de 2004 e julho de 2007, o internauta residencial brasileiro
passou a navegar em média 10 horas a mais por mês
‣ Esse crescimento está relacionado ao aumento do consumo de sites
de vídeo, comunidades e fotologs, aplicativos de mensagens
instantâneas e de downloads
IBOPE/ NETRATINGS (2007)

- Evolução do número médio de horas de utilização por pessoa no domicílio
(fonte: IBOPE / NetRatings)

Número de internautas e tempo de navegação no Brasil
(Fonte: IBOPE/NetRatings)

paralelo a isso...

“ [...] os blogs são conseqüência da democratização das ferramentas: o
advento de softwares e de serviços simples e baratos que facilitam a
”
tal ponto a editoração online que ela se torna acessível a todos.
ANDERSON (2006)
“ No paradigma emergente da criação de produtos realizada por
consumidores, uma pessoa pode continuamente passar do papel de
”
consumidor para o de colaborador ou criador.
TAPSCOTT e WILLIAMS (2007)

Publisher - Blogger, fotolog
DJ - iTunes, LastFM, Podcasts
Especialista - Wikipedia, Yahoo Answers
Broadcaster - Youtube
Editor - Digg, Newsvine
Network - MySpace, Facebook, Orkut
Crítico - Amazon Reviews
Distribuidor - RSS

“ [...] a conseqüência de tudo isso é que
estamos deixando de ser apenas
consumidores passivos para passar a atuar
”
como produtores ativos.
ANDERSON (2006)

alteracão
no modelo
Saímos do modelo tradicional de
produção e distribuição de
conteúdo 1 para N para um novo
modelo onde a informação circula
de N para N, indicando que os
veículos de mídia não competem
mais só entre si

conclusões

‣ no contexto da web 2.0, os usuários ganham uma relevância
gigantesca pelo simples fato de que, diferente das outras mídias, sua
presença e participação são a chave para a existência e, sucesso
dos sites.
‣ os sites colaborativos são os que mais crescem.
‣ usuários vistos antes como clientes passaram a ser potenciais
competidores.

‣ Já é possível notar várias empresas desenhando estratégias de
aproximação com essas pessoas, para tê-las como possíveis
colaboradores, mesmo que de forma passiva e com baixo
engajamento.
‣ Entre as possíveis estratégias de aproximação com as pessoas
está a idéia de oferecer conteúdo para enriquecer tanto as redes
sociais quanto os blogs dos usuários.
‣ Como fazer essa oferta e a sua importância para os sites e para os
usuários será visto na sequência.

parte I - referencial teórico
múltiplas vitrines
capítulo 4 combinando web2.0 e a força dos usuários

como se manter competitivo?
Projetando sites que possam tanto ser exportados e integrados a
outros quanto capazes de receber conteúdos e serviços de fora.

site oficial sites que abordam o mesmo tema

site oficial sites que abordam o mesmo tema

[...] a velha e monolítica multinacional que cria valor de maneira
hierárquica e fechada está morta.
[...] Estamos testemunhando a ascensão de redes distribuídas que
constroem e partilham bens
[...] A melhor maneira de estimular a inovação e o design interativo no
processo de fabricação é utilizar abordagens modulares.
TAPSCOTT e WILLIAMS (2007)

isso nos leva aos...

badges
trecho de código disponibilizados
por alguns sites para serem
acoplados a outros, com a função
de importar o conteúdo
- gerado pelos usuários ou não -
de maneira dinâmica.

site que administração blog
oferece badge do blog publicado
colagem do
configuração e exibição do
código do badge
cópia do código badge no blog
no código do
do badge
blog

site oficial site que abordam o mesmo tema
Pagerank

conclusões

‣ Ao combinar as principais características da Web 2.0 com a vontade
de colaborar dos usuários, é possível afirmar que um importante
benefício dessa estratégia é a maior exposição do conteúdo e a
aproximação dos usuários com os fornecedores de conteúdo ou de
serviços, resultando na multiplicação das vitrines.
‣ Os badges são um caminho importante para a realização da
multiplicação das vitrines.
‣ Sabe-se praticamente nada sobre qual a melhor maneira de sinalizar
sua existência e como apresentar as instruções para que os usuários
realizem a principal tarefa (copiar e colar o código) para uma boa
estratégia de disseminação do conteúdo de um site com facilidade.

‣ É necessário investigar quais as funcionalidades mais valorizadas
pelos usuários nos badges e quais as principais intenções que um
blogueiro tem ao incluir um badge no seu blog.
‣ É importante destacar que os usuários estão reinventando e
misturando os diversos conteúdos e serviços oferecidos pelos sites
que seguem a filosofia Web 2.0.
‣ Podemos observar que há um grande engajamento dos usuários
com os sites que oferecem possibilidades de desenvolver novas
soluções e produtos com base nas estruturas básicas. Porém, esse
passo ainda é custoso para a grande maioria das pessoas. Ficando
restrito a um grupo de desenvolvedores.

Parte II
a pesquisa
Capítulo 5 Capítulo 6 Capítulo 7
Delineamento da Resultados da
Métodos e técnicas
pesquisa
da pesquisa
pesquisa

parte II - a pesquisa
o delineamento da
capítulo 5 pesquisa

hipótese
problema
objeto
tema
A inexistência de orientações claras sobre qual a melhor forma de
comunicar a disponibilidade customização e a presença de um
A importância da dos badges em um site eaudiência sem uma
a falta
web 2.0
não é possível sustentar um modelo de negócio focado em
conjunto de boas práticas para tornar o uso dos badges simples, fácil e,
dos badges para os blogueiros.
estratégia de pulverização do conteúdo por meio de badges e similares.
principalmente, ampla pode ser um empecilho para a utilização deste
recurso por um maior número de pessoas.

justificativa
Atualmente cada pessoa pode ser um produtor A pesquisa pretende contribuir com a
de conteúdo usando as ferramentas disponíveis melhoria dos projetos de Internet;
na Internet. A competição é muito maior. aumentar a base de conhecimento sobre o
assunto, ajudando a solidificar a
Então, não é mais possível operar em um importância dos estudos sobre interação
modelo onde as pessoas tenham de vir até um humano-computador e oferecendo um
único site para consumir determinado conteúdo. conjunto de dados que facilite a tomada de
decisão dos profissionais.
Para se manter competitivo é fundamental
projetar sites que possam tanto ser exportados
e integrados a outros quanto capazes de
receber conteúdos e serviço de fora.

Variáveis
Variáveis A utilização dos badges nos blogs e as funcionalidades apresentadas
independentes pelas diferentes ferramentas de publicação utilizada para a edição e
manutenção dos blogs pesquisados.
Variáveis As variáveis dependentes, ou seja, os dados que serão mensurados nesta
dependentes pesquisa são:
- O que melhor pode sinalizar a oferta de badges em sites;
- A simplicidade e facilidade de uso de badges;
- Principais razões para o uso de badges; e
- Onde os usuários costumam obter os badges que desejam ter ou têm
- Todos os usuários testados mantinham um blog ativo
Variáveis
- Todos os usuários responderam ao questionário
controlada
seguindo as mesmas instruções.

Objetivos
geral específico
Verificar quais os principais motivos
Propor um conjunto de recomendações
para o uso ou não de badges e
para projetos de site web alinhados com
como os usuários fazem uso destes.
os ideais Web 2.0, e que, mais
especificamente, pretendam
disponibilizar badges aos seus usuários.

parte II - a pesquisa
métodos e técnicas
capítulo 6 da pesquisa

Etapas da pesquisa

‣ Revisão da literatura relacionada à Internet e à Web 2.0;
‣ Seleção dos participantes para aplicação do questionário
piloto;
‣ Aplicação do questionário piloto;
‣ Seleção dos participantes para aplicação do questionário
definitivo;
‣ Aplicação do questionário definitivo;
‣ Tabulação, análise e discussão dos resultados

Questionário piloto
Teve como objetivo identificar e corrigir possíveis falhas de clareza,
dificuldade de uso e identificação de lacunas.
Convite
Usuários Aplicação
enviado por e-mail e ficou
15 usuários baseado na SurveyMonkey
disponível durante 15 dias.
premissa de que todo
entrevistado deve ter um
blog ativo.

Questionário definitivo
Usuários Convite Aplicação
Os 500 primeiros blogs do enviado por e-mail e via SurveyMonkey
ranking do site BlogBlogs. formulário ficou disponível
durante de 21 dias.

parte II - a pesquisa
capítulo 7 resultados da pesquisa

Resultados do teste definitivo

‣ Dos 500 primeiros blogueiros do ranking do BlogBlogs
convidados para a pesquisa, 124 responderam o questionário.
‣ Manteve-se a divisão do questionário em dois blocos:
a - sobre os blogueiros e blogs
b - sobre badges e blogs.
‣ Foram deixados campos abertos em algumas perguntas do
questionário para enriquecer a qualidade das respostas.

sobre os blogueiros e os blogs

Quanto ao sexo
A maioria dos blogueiros é do sexo masculino

Quanto a faixa etária
Os blogueiros estão concentrados na faixa de 16 - 35 anos

Quanto aos temas abordados no blog
Os blogueiros abordam temas variados
62
Internet
52
Tecnologia
42
Comportamento
41
Variedades do meu dia-a-dia
33
Cibercultura
32
Sociedade
26
Música
19
Gadgets
16
Design
11
Usabilidade
7
Arquitetura da informação

Quanto ao tempo de atividade dos blogs
A maioria dos blogs tinha 1 anos de criação

Quanto a ferramenta de atualização dos blogs
O WordPress é a ferramenta usada pela maioria dos blogueiros

Quanto a frequência de atualização dos blogs
A maioria dos blogueiros apresenta um alto índice de atualização.
12
Mais de 2 vezes por dia
7
Mais de 1 vez por dia
30
Diariamente
20
5 x por semana
8
4 x por semana
7
3 x por semana
5
2 x por semana
6
1 x por semana
1
de 15 em 15 dias
4
outra

Quanto ao acompanhamento da audiência dos blogs
Google Analytics.com é a ferramenta preferida pelos blogueiros
2
não acompanho
62
googleanalytics.com
5
statCounter
6
Sitemeter
2
HiStats
Nostats
2
Getclicky
Reinvigorate
1
Mint
BlogFlux
20
outros

Quanto a relação do Blog com veículo de mídia
A grande maioria considera o seu blog um veículo de mídia

sobre os badges e os blogs

Quanto ao motivo para inclusão de badges nos blogs
Agregar valor e trazer conteúdos para o blog são os principais motivos de uso
33
Agragam valor ao blog
30
Trazer outros conteúdos para o blog
14
Visão mais apla da minhas atividades
10
Retorno financeiro
Passam idéia de modernidade
7
Completam meu perfil
6
outras

Quanto ao local onde encontram badges para uso no blog
52
nos sites que navego regulermente
2
em centrais como Yahoo e Microsoft
40
em outros blogs
6
outras

Quanto ao valor da customização
“Porque posso customizá-los de modo a
expressar melhor minha personalidade e
preferências pessoais.”

Quanto a sinalização dos badges
15
ícone / símbolo
22
expressão / nome/ palavra
36
ícone + nome
17
forma ou comportamento
10
link na navegaçnao do site

Quanto as funções da customização
Vários blogueiros responderam que gostariam de ter todas as opções disponíveis.
3
Escolher o título do badge
54
Escolher cor dos elementos
12
Escolher o tipo de mídia
15
Escolher o assunto/critério do conteúdo
4
Escolher a quantidade de conteúdo
3
Escolher a tecnologia
9
Outras

Quanto a visualização prévia da customização
77
concorda totalmente
21
concorda
2
sem opinião
2
discorda
discorda totalmente

principais motivos para NÃO usar badges no blog
33
Não relevante
26
Poluição visual
19
Lentidão
5
Dificuldade técnica
12
desconhecimento
5
outros

testes estatísticos
Foram realizados teste estatísticos para tentar identificar possíveis correlações
entre os dados resultantes da pesquisa. O teste chi quadrado permite verificar
igualdade (semelhança) entre categorias discretas e mutuamente exclusiva (por
exemplo diferenças de comportamento entre homens e mulheres).

uso de badges x tempo de existência do blog
Blogs mais antigos fazem maior uso de badges
69
68
70.0
60
52.5
40
32 31
35.0
17.5
0
até 1 ano 2 a 3 anos mais de 4 anos

uso de badges x tempo de existência do blog
pessoas que consideram o blog um veículo de mídia usam badges.
69
64
70.0
52.5
36
31
35.0
17.5
0
blog = veículo de mídia blog não de veículo de mídia
usa badges não usa badges

uso de badges x idade dos blogueiros
existe uma tendência dos blogueiros mais novos usarem mais badges
75
80
63 60
60
40
37
40
25
20
0
16-24 25-35 +36
usa badges não usa badges

Parte III
- conclusões
Capítulo 8
Conclusões, recomendações e desdobramentos

Recomendações
para projetos com Badges

Quanto à ‣ Buscar sempre um equilíbrio de interesses
estratégia entre o que gera valor para o site e o que
pode despertar o desejo dos usuários para
apresentá-lo em outros lugares
‣ Não há volume mínimo de conteúdo, nem
necessidade de gerar conteúdo próprio para
que um site possa oferecer badges
‣ Criar os badges de forma que nunca percam o
contato com o site de origem e nem deixem
de prestar serviço para os usuários

Quanto à ‣ Ter uma página específica para realizar a
customização
customização
‣ Oferecer todas as possibilidades de
customização
‣ Permitir que os usuários vejam o resultado da
customização
‣ Deixar as instruções sobre como copiar o código
do badge e aplicá-lo no blog da forma mais clara
possível
‣ Definir quais os elementos que serão
responsáveis por sua identidade quando os
badges estiverem aplicados nos blogs ou em
outros sites

Quanto à ‣ Usar um ícone e um nome
sinalização para sinalizar os badges
‣ Incluir um item na navegação
do site que leve para a
página de oferta de badges

Desdobramentos futuros

‣ Como os leitores de blogs vêem a oferta dos badges?
‣ A oferta de espaços publicitários junto aos badges pode aumentar ou
reduzir o interesse por parte dos blogueiros em utilizar badges nos blogs?
‣ Quais os formatos publicitários mais aceitos pelos blogueiros e qual a
melhor interface para anunciantes e blogueiros, respectivamente,
cadastrar peças, incluir palavras-chave e controlar cliques e critérios de
escolha de formatos publicitários e seleção do tipo de anuncio
apresentado no badge?
‣ Quais as melhores soluções de interface e recomendações sobre
usabilidade para o desenho de uma página de customização dos badges
eficiente?
‣ Qual é melhor nome e o melhor ícone para sinalizar um badge?

Contribuições para o Design

‣ Acredita-se que a pesquisa desenvolvida irá auxiliar os profissionais do
Design e da Ergonomia a entender claramente as principais mudanças
ocorridas na Internet nos últimos anos.
‣ A apresentação dos princípios da Web 2.0, das mudanças de perfil dos
usuários e do conceito de múltiplas vitrines (junto com o conjunto de
recomendações para o uso de badges) são a base para que novos
trabalhos estejam em linha com outros em desenvolvimento no mundo.
‣ A pesquisa contribui também para o aumento do volume de trabalhos
acadêmicos ligados ao Design e a Ergonomia, oferecendo uma base
maior e mais sólida para as tomadas de decisão em futuros projetos,
permitindo aos profissionais terem um conjunto de parâmetros para
debates futuros.

“ É preciso ter um desprezo saudável
pelo impossível
”
Larry Page, co-fundador do Google
Comentários finais
“ Quanto mais voltas você der, maiores
serão as chances de encontrar algo
valioso
”
Sergey Brin, co-fundador do Google

Obrigado ;-)
www.mtristao.com
mtristao@gmail.com