Este artigo foi apresentado no USIHC 2013, e traz o resultado do teste de usabilidade aplicado no jornal O Globo a Mais, publicação exclusiva para tablets do grupo O Globo. Foi realizada uma avaliação cooperativa com designers que são usuários com mais de um ano de experiência. Aborda a usabilidade em tablet e a tendência de um futuro no mercado do jornalismo.
Avaliação cooperativa aplicada em jornal para tablet: análise de caso de O Globo a Mais
1. Avaliação
cooperativa
aplicada em
jornal para tablet:
análise de caso
de O Globo a Mais
Raquel Cordeiro - Mestranda, ESDI, UERJ
raquelcorreacordeiro@yahoo.com.br
Sydney Freitas - DSc., ESDI, UERJ
sydneyfreitas@terra.com.br
Washington Dias Lessa - DSc, ESDI, UERJ
washington.lessa@gmail.com
3. Tablet
275%
49,2 milhões de unidades no período de
janeiro a março de 2013
O mercado de tablets cresceu no
segundo trimestre de 2012
4. Tablet
275%
49,2 milhões de unidades no período de
janeiro a março de 2013
142,4%
a mais que no mesmo
período de 2012
O mercado de tablets cresceu no
segundo trimestre de 2012
5. Tablet
das vendas no Brasil, foram
de tablets de até R$ 1 mil
275%
49,2 milhões de unidades no período de
janeiro a março de 2013
142,4%
a mais que no mesmo
período de 2012
52%
De janeiro a
setembro de 2012
O mercado de tablets cresceu no
segundo trimestre de 2012
8. O Globo
a Mais Site de
O Globo,
no qual é
necessária
uma
conexão
com a
internet para
o acesso
9. O Globo
a Mais Site de
O Globo,
no qual é
necessária
uma
conexão
com a
internet para
o acesso
Há a opção
do flip, que é
a reprodução
do jornal
impresso
em pdf, sem
adaptação
para tablet
10. O Globo
a Mais Site de
O Globo,
no qual é
necessária
uma
conexão
com a
internet para
o acesso
O Globo a
Mais, produzido
e pensado
especificamente
para este
equipamento
Há a opção
do flip, que é
a reprodução
do jornal
impresso
em pdf, sem
adaptação
para tablet
16. O teste
Avaliação Cooperativa
Think aloud
Duração: 30 minutos.
Tarefa: ler o jornal livremente e, chegando ao
fim, voltar para a capa.
Todos participantes navegaram no mesmo
tablet e na mesma edição.
Questionário: depois de concluírem,
respondiam algumas perguntas sobre a
publicação, apontando possíveis melhoras e
comparando com outros produtos similares.
17. Amostragem
Pesquisador,
escreveu vários
artigos na área
e trabalha com
arquitetura da
informação
Graduação
Mestrado ou
doutorado
Pré-teste
Designers, trabalham
com criação de
revistas para tablet
Designer gráfica,
usuária assídua,
leitora de variadas
publicações digitais
Professores, usam
tablet em suas aulas
Um é especializado em testes para
avaliar a aplicação e perguntas, e
outro é experiente em criação de
aplicativos para dispositivos móveis
Idade: 25 a 50 anos
18. Resultados
A tarefa principal, que era
voltar para a capa, não
foi facilmente resolvida
e 71% dos participantes
tentou ir para a capa pelo
botão “voltar”.
“A recorrente falta de um
botão ‘voltar’ deixa os
usuários desorientados,
quando eles tocam algo
acidentalmente, de forma
que acabam sem saber como
retornar ao ponto de partida.”
(Nielsen, 2011, p.60).
19. Resultados
Palavras-chave no
alto, frequentemente
confundidas como menu
interativo: 71% tentou
interagir com essa área.
Mesmo tendo função
somente instrucional, as
pessoas enganavam-
se com a forma gráfica
adotada. Vinculando a cor
à interação
“Ao ver algum item
destacado em azul,
considero interativo”
20. Resultados
5 pessoas não repararam
que havia mais conteúdo
oculto nos personagens
acessáveis, e os 2 que
perceberam tiveram
dificuldades em encontrá-lo.
2 confundiram a
área de toque com o
ícone, sendo comum
o usuário tentar tocar
no ícone e não sobre
as fotos.
21. Resultados
A maioria conseguiu
acessar o conteúdo
escondido, porém 4
tiveram dificuldades.
“Essa área não
tem aparência de
botão; caso tivesse
características gráficas
de área interativa, não
precisaria nem de
ícone para orientar.”
22. Resultados
3 pessoas destacaram
a falta de unidade na
sinalização para a
mudança de página entre
essa sessão – e outras
reportagens. Enquanto
toda a edição apresenta
bolinhas no canto inferior
direito da página, no
“Giro” a sinalização é
feita através de setas
azuis maiores.
23. Resultados
3 pessoas destacaram
a falta de unidade na
sinalização para a
mudança de página entre
essa sessão – e outras
reportagens. Enquanto
toda a edição apresenta
bolinhas no canto inferior
direito da página, no
“Giro” a sinalização é
feita através de setas
azuis maiores.
24. Resultados
Na galeria de fotos,
71% teve dificuldade em
visualizar. Entretanto
pode-se observar um
processo de aprendizado,
já que nas matérias
seguintes que possuíam
galeria, houve um êxito
de 100% nos casos.
25. Resultados
O ícone de “arraste”
simboliza um scroll
horizontal das chamadas,
71% não visualizou a
sequência, e imaginou
que o ícone estivesse
ali para ensinar que
a navegação para a
próxima página seria na
horizontal
26. Resultados
O ícone na vertical
avisa que é possível ver
outros elementos se a
área for manipulada.
Porém 2 pessoas não
o perceberam, e das 5
que o encontraram, 3
atrapalharam-se.
“Pensei ser apenas
um ícone para uma
explicação redundante
da continuação da
matéria na vertical.”
27. Resultados
Há uma galeria de fotos
em uma área grande,
diminuindo assim o espaço
de toque para passar para
as páginas seguintes.
Todos os participantes
conseguiram visualizar as
fotos com suas respectivas
legendas e passar para as
páginas seguintes.
28. Resultados
Diferentemente do
relatado por Nielsen:
“Apps que usam gestos de
deslizar rotineiramente (como
revistas, para passar páginas)
sofrem de ambiguidade
quando algum elemento
adicional na interface requer
o mesmo tipo de interação.
Os usuários acabam sem
entender por que o swipe
‘não funciona’ – a intenção
era mudar de páginas, mas
o efeito conseguido é a
interação com um gráfico, por
exemplo.”
(Nielsen, 2011, p.56).
29. Resultados
Navegação Visualização
Capa
Chamadas 2 5
Links 3 2 2
Giro
Personagens 2 5
Números 3 2 2
Galeria 2 2 3
Imagens
do Dia
Legendas 5 1 1
Horizontal 4 3
Próxima página 6 1
Colunistas
Scroll 7
Fotos na horizontal 2 5
Dicas
Scroll 7
Botões 6 1
Imagem
a Mais
Vídeo 7
Fechou 7
Expediente
Emails 3 4
Fim da edição 7
7 6 35 24 1
7 6 35 24 1
7 6 35 24 1
Recurso percebido
Quantidade de
participantes
Recurso percebido
com dificuldade
Recurso não percebido
30. Comparando com
outras revistas:
4 acharam mais
simples a navegação
1 achou
mais
complexa
1 achou
que era
igual
1 não
soube
opinar
4 pessoas destacaram como
pontos positivos o projeto
gráfico, a tipografia, o uso de
fotos e a composição visual.
Resultados
31. Conclusão
O Globo a Mais é uma
publicação eficaz,
já que as pessoas
conseguiram ler as
reportagens. Entretanto a
sua eficiência é relativa,
pois ela ainda apresenta
obstáculos que dificultam
o fluxo de leitura.
32. Conclusão
Há como se explorar
recursos gráficos
alternativos para
transmitir uma
notícia, e constatou-
se que esse tipo de
representação é bem
recebido pelos leitores.
Tempo médio de leitura:
O Globo a Mais - 1h e 10 min (out. de 2012)
Site do Globo - 5 min
Fonte: Ibope Mídia (Brazil) – Target Group Index
33. Conclusão
Comparando o tablet
a outras mídias, o
jornal impresso tinha
um tempo de leitura
de 41 min em 2003,
caindo para 36 min
em 2011.
Tempo médio de leitura:
O Globo a Mais - 1h e 10 min (out. de 2012)
Site do Globo - 5 min
Fonte: Ibope Mídia (Brazil) – Target Group Index
34. Conclusão
As revistas eram lidas
em média em 54 min
em 2003 e passaram
para 42 min em 2011.
Tempo médio de leitura:
O Globo a Mais - 1h e 10 min (out. de 2012)
Site do Globo - 5 min
Fonte: Ibope Mídia (Brazil) – Target Group Index
35. Conclusão
Todos com uma
média abaixo de
O Globo a Mais,
não só por este
apresentar um
conteúdo que exige
mais interação,
característica que
atrai a curiosidade
dos leitores mas
também por ser
um produto novo,
com poucas visitas,
comparado a outras
mídias.
Tempo médio de leitura:
O Globo a Mais - 1h e 10 min (out. de 2012)
Site do Globo - 5 min
Fonte: Ibope Mídia (Brazil) – Target Group Index
36. Conclusão
Desse modo pode-se
concluir que elementos
multimídia são fundamentais,
sendo um diferencial para a
experiência do usuário.
Porém, muitas soluções
interativas ainda não são
bem absorvidas pelo leitor.
Deve-se enriquecer o
conteúdo, sem confundir ou
criar obstáculos que acabem
por ocultar informações
importantes para a
compreensão da notícia.
37. Obrigada!
Raquel Cordeiro
Mestranda, ESDI, UERJ
raquelcorreacordeiro@yahoo.com.br
Sydney Freitas
DSc., ESDI, UERJ
sydneyfreitas@terra.com.br
Washington Dias Lessa
DSc, ESDI, UERJ
washington.lessa@gmail.com