Palestra do prof. Luiz Agner no Congresso Interaction South America 2012 - São Paulo, SP. Estudo de caso do aplicativo de O Globo para Ipad.

1. Luiz Agner (*)
Design de interação no
jornalismo para tablets:
interfaces gestuais em
um aplicativo de notícias
(*) junto com
Victor AMORIM
Andrei GOMES
Bernardo TAUSZ
Luis de Medeiros GOMES
Marina MACACCHERO

2. Crise mundial do jornalismo
• Os novos dispositivos
tecnológicos e as mídias
sociais (tablets, blogs e
redes sociais) habilitam
novas práticas de leitura,
que têm colocado em
cheque os modelos de
negócios das empresas de
mídia em todo o mundo.
• Exemplos recentes:
Jornal da Tarde – 46 anos

3. Crise mundial do jornalismo
• Os novos dispositivos
tecnológicos e as mídias
sociais (tablets, blogs e
redes sociais) habilitam
novas práticas de leitura,
que têm colocado em
cheque os modelos de
negócios das empresas de
mídia em todo o mundo.
• Exemplos recentes:
Newsweek – 80 anos

4. Estudo de caso brasileiro
Aplicativo “O Globo A Mais”, vespertino do jornal
O Globo, com conteúdo exclusivo para o Ipad.

5. Um novo paradigma:
a interação gestual
• A manipulação indireta estão sendo
rapidamente preteridos em função da
manipulação direta
• (conceito seminal de Ben Shneiderman em 1983)
• Em poucos anos, os sistemas centrados no
mouse provavelmente serão tão arcaicos como
o estilo MS-DOS.
Stevens (2011)

6. Interações gestuais
• Um gesto pode ser considerado como qualquer
movimento físico detectado através de sensores
por um sistema digital, ao qual poderá
responder sem o auxílio de mecanismos
tradicionais, como mouses ou canetas.
• Originam-se de qualquer movimento ou estado
do corpo humano.

7. Interações gestuais
No cinema:
Tom Cruise em
Minority Report e
Keanu Reeves em
Johnny Mnemonic.

8. Problemas da interação gestual
• visibilidade de affordances,
• feedback,
• consistência,
• reversibilidade de ações,
• detectabilidade de funções,
• escalabilidade das
resoluções de telas
• confiabilidade das
operações.
(Norman e Nielsen, 2010).

9. Entrevistas exploratórias
“Os jornalistas, até hoje,
nunca tiveram que se
preocupar com problemas
de usabilidade de
interfaces, o que
representa uma novidade
para o profissional de
imprensa”.
Adriana Barsotti,
editora do Globo A Mais

10. Entrevistas exploratórias
“A indústria jornalística é
lenta para absorver as
mudanças. Este é um
problema mais de cultura
empresarial do que do
jornalista. As empresas
devem criar as condições
para bons produtos”.
Chico Amaral,
designer do escritório Cases

11. Método STBI
Entrevistas Baseadas em
Cenários e Tarefas
(STBI – Scenario and Tasks
Based Interview).
Trata-se de um método
derivado dos conhecidos
testes de usabilidade.
O método surgiu da
flexibilização dos testes de
usabilidade de campo.

12. Definição da amostra
Turma de alunos do ciclo
básico de um curso de
Comunicação Social de uma
faculdade do Rio de Janeiro
Levantamento da sua
experiência quanto ao uso
de tablets para a leitura de
conteúdos jornalísticos.

13. Levantamento preliminar
Perfil etário do grupo: 50% dos respondentes são jovens entre 20 e 24 anos.

14. Levantamento preliminar
A maioria dos estudantes de Comunicação ainda não costuma acessar o jornalismo nos tablets.

15. Seleção dos participantes
• A amostra foi do tipo intencional, amostra não
probabilística subordinada aos objetivos da pesquisa.
• Com relação ao quesito “experiência em leitura de
publicações jornalísticas em tablets” foram
escolhidos
• dois alunos que tinham “experiência alta” ou
“moderadamente alta”;
• dois alunos com “alguma experiência” ou
“experiência moderada”;
• dois alunos que não possuíam qualquer experiência
prévia neste tipo de leitura.

16. Cenários e tarefas
CENÁRIO Você é um(a) estudante de Comunicação e está no campus da sua faculdade,
aguardando durante o intervalo entre as aulas. Um amigo lhe emprestou um tablet e
você aproveitou para consultar as notícias no vespertino digital O Globo A Mais.
TAREFAS Use o O Globo A Mais para encontrar as seguintes informações:
(1) Para um trabalho da faculdade, encontre dados de exportações da indústria
automotiva relativos a abril, divulgados pela Associação Nacional de Fabricantes de
Veículos Automotores (Anfavea).
(2) Você teve curiosidade de saber que livros foram escritos pelo sociólogo Alain
Touraine.
(3) Você quis ver a foto do pênalti cobrado pelo craque francês Zidane sobre o goleiro
italiano Buffon.
(4) Você se interessou em saber por quanto pode comprar uma garrafa do vinho
Barbeito 3 anos, doce.
(5) Aponte qual é a participação dos gastos públicos no Produto Interno Bruto da
França, segundo um economista brasileiro.
(6) Você se interessou em saber a idade do vocalista Joey Tempest, da banda
Europe. E aproveitou para assistir ao vídeo "The Final Cowntdown", um sucesso de
1986.
(7) Você quer ver a foto de ciclistas disputando a terceira etapa do Giro da Itália,
vencida pelo australiano Matthew Goss.

17. Problemas encontrados:
a visibilidade de affordances
• Não há uma diferenciação visual explícita entre
os elementos “clicáveis” e os “não-clicáveis”.

18. Problemas encontrados:
feedback
• Faltam indicações claras
da localização do
usuário.
• O leitor não sabe em
qual editoria está.
• O leitor fica
desorientado.

19. Problemas encontrados:
consistência
• A capa não
desempenha papel de
“home page”, o que
contraria a expectativa
da geração Y que
cresceu navegando em
websites.
• Interatividade limitada

20. Problemas encontrados:
consistência
• Na seção Imagens do Dia, arrastar o dedo
horizontalmente gera comportamentos divergentes:
o leitor tende a ficar “preso” nesta página.

21. Problemas encontrados:
reversibilidade de ações
• Botão “Voltar” gera erros de
navegação pois volta à “Banca”.

22. Problemas encontrados:
detectabilidade de funções
• As duas barras
horizontais (inferior e
superior) do aplicativo
não são muito evidentes
pois desaparecem
durante a navegação
• Encobrem áreas de
conteúdo.

23. Problemas encontrados:
detectabilidade de funções
• Na galeria de fotos, é
difícil descobrir que se
pode acionar com um
toque o aparecimento
das legendas.

24. Conclusões
• Há problemas de Design de interação
associados à inadequada visibilidade de
affordances, à falta de feedback, à
inconsistência do vocabulário gestual, à
incompatibilidade com o modelo mental do
usuário, à baixa detectabilidade de funções e
não reversibilidade de certas ações.

25. Conclusões
• A observação demonstrou que jovens
representantes do tipo de leitor que o jornal O
Globo pretende atrair para o seu rol de
assinantes digitais podem ser expostos a certas
dificuldades e constrangimentos ao interagir
com o aplicativo para tablet, evidenciando que
se sobressaem questões pendentes ao Design.

26. Obrigado.
Luiz Agner
facebook.com/luiz.agner
www.agner.com.br
luizagner@gmail.com