Este documento apresenta um método para avaliar a Experiência do Usuário (UX) em sites transmídia através do rastreamento do mouse. Os autores analisaram o site DeBarrioSomos usando a ferramenta AIMT-UXT para rastrear interações e identificar áreas de interesse dos usuários. Entrevistas com alunos revelaram que eles gostaram principalmente dos vídeos em 360° e dos jogos/conteúdos para download. Alguns problemas de design também foram identificados.

1. Universidade Federal de Santa Catarina (UFSC) - Programa de Pós-Graduação em Jornalismo - PPGJOR
Dra. Rita de Cássia Romeiro Paulino - rcpauli@gmail.com
Dra. Marina Lisboa Empinotti - marinaempinotti@gmail.com
Bela. Ana Carla de Araújo Fernandes Pimenta - anacarlapimenta20@gmail.com
Universidade Federal do Pará (UFPA) - Programa de Pós-Graduação em Estudos Antrópicos na Amazônia
Dr. Marcos César da Rocha Seruffo - marcos.seruffo@gmail.com
Bel. Kennedy Edson Silva de Souza - kennedy.es.souza@gmail.com
Análise de uma
Narrativa
Transmídia através
da Experiência do
Usuário (UX)

2. Neste artigo apresentamos um método sistemático
para avaliação da experiência do usuário a partir de
métricas obtidas através do rastreamento de mouse
(mouse-tracking). Para identificar as interações no
site Transmídia DeBairroSomos utilizamos um
sistema quantitativo de rastreamento de interações
de usuários, a ferramenta intitulada Artificial
Intelligence and Mouse Tracking-Based user
Experience Evaluation Tool (AIMT-UXT). Recorremos,
à Entrevista estruturada, com o objetivo de obter
dados que comprovem ou não os resultados
analíticos da interação dos usuários. Este
mapeamento foi feito com alunos do curso de
Jornalismo da Universidade Federal de Santa
Catarina, que navegaram no site e participaram da
pesquisa. Como resultado observamos que dentre os
diversos conteúdos transmídias do site, percebeu-se
um maior interesse para os conteúdos em
audiovisuais.
Resumo

3. http://debarriosomos.com.ar/

4. Uma narrativa transmídia é um espaço que
concatena elementos midiáticos que reunidos
contam uma história observando a singularidade de
cada meio e contexto. Consideramos o
desenvolvimento deste formato como um grande
desafio para a área jornalística, caracterizado como
um produto inovador que exige uma abordagem
multidisciplinar, tornando possível a observação das
impressões e percepções causadas no público por
esta forma de consumo de mídia.
Contexto

5. UX é um campo crescente que vem se
desenhando como de suma
importância para qualificação e
quantificação de imersão. Avaliar o
design de um sistema, considerando
UX, pode levar a uma maior satisfação
do usuário, assim, a qualidade do
design de UX pode ser medido e
avaliado usando ferramentas
apropriadas para rastrear as atividades
de cada usuário, conforme (CEGAN and
FILIP, 2017).
Experiência de Usuário (UX),

6. Escolhemos o site Transmídia De Barrio Somos –
Histórias de Clubes em 360º para monitorar a
Experiência do Usuário (UX) por ser um site que usa
diversos recursos transmídias e ter reconhecimento e
premiações na área. DeBarrioSomos apresenta
características inovadoras (PIMENTA, 2019).
Foi concebido por uma equipe interdisciplinar que
produziu uma série para TV e web, um livro de
crônicas, conteúdos em 360 graus, um álbum de
figurinhas com rastreadores de realidade aumentada,
um jogo de tabuleiro, pequenas histórias para redes
sociais e outros (PIMENTA, 2019).

7. ...como observar a
Experiência do
Usuários em sites
com tantos
elementos
distintos?

8. Mouse Tracking
Para identificar interações no site utilizamos um sistema de
rastreamento de interações de usuários, a ferramenta
intitulada Artificial Intelligence and Mouse Tracking-Based
user Experience Evaluation Tool (AIMT-UXT), proposta em
(SOUZA et al, 2019). Dados de monitoramento do
comportamento do usuário obtidos pelo rastreamento do
mouse podem ser utilizado para identificar problemas na
navegação e interesses no conteúdo. A análise de dados
advindos dos cliques, movimento do mouse, tempo de
espera em conteúdos e rolamento nas seções do site são
métricas com as quais podemos analisar a UX em qualquer
sistema interativo, inclusive em um site, diagnosticando
problemas e propondo melhorias para aumentar a
experiência de uso (SOUZA et al, 2019).
Mouse
Tracking-Based
user Experience
Evaluation Tool
(AIMT-UXT)

9. De Barrio Somos:
Em Rosário (Argentina), os clubes de bairro se configuram como comunidades
ativas e de grande importância para a cidade. Neste contexto é que o projeto
DeBairrosSomos se originou, divulgando a história e noticiando as atividades
de cada clube. Muito mais do que clubes de futebol, os clubes de bairros de
Rosário são espaços de encontro, servindo a cidade como uma esfera pública
de valor para todos.

10. Clique, Espera,
Rolagem e
Movimentação
Quando o usuário deixa o mouse
em repouso por mais de 3
segundos, o que sugere uma leitura
da página;
ESPERA
Quando utiliza roda de rolagem do
mouse, indicando que o usuário
procura por mais conteúdo na
página
ROLAGEM
Quando o mouse se movimenta na
tela, são capturados os eixos (x e y)
do mouse.
MOVIMENTAÇÃO
Refere-se ao clique do mouse na
página e em determinado elemento
html;
CLIQUES

11. Clique e
Movimentação

12. Clique e
Movimentação

13. Clique
O vídeo 360º foi o produto mais clicado e
comentado e preferido pelos alunos. Os vídeos
mais acessados foram "02. Tiro Suizo" e "05.
Desportivo Unión Central"

14. Rolagens
Não houve muita presença das demais categorias, isso
nos sugere que o conteúdo textual naquele momento de
navegação não chamou muita atenção dos alunos.

15. Rolagem e
Movimentação
Os Jogos de tabuleiro são subprodutos muito acessados
e, como existe a possibilidade de fazer download (baixar)
no computador do usuário, notamos um acesso grande
nesta página.

16. Rolagem,
Movimentação
O álbum de figurinhas é um dos subprodutos mais
acessados e, como existe também a possibilidade de
fazer download (baixar) no computador do usuário,
notamos grande acesso nesta página.

17. Na visão dos
alunos...
Após a livre navegação no site,
os 13 alunos do curso de
Jornalismo que participaram da
pesquisa foram convidados, de
forma anônima, a responder a
uma questão aberta sobre a
experiência de navegar em um
site transmídia. O objetivo foi
identificar os pontos positivos e
negativos do site
DeBarriosSomos.

18. Aspectos de design
e interatividade
Aspectos de conteúdo
Positivos
Produtos mais comentados
Negativos
Positivos Negativos
"Gostei do site, achei muito bonito e fácil de navegar"
"O site é interessante, há vários tipos de mídia, o que
agrega muito."
"a proposta do site, de dar visibilidade
para clubes de bairro, é muito boa"
"O site é atrativo, principalmente para
quem aprecie o conteúdo"
"Gostei muito dos conteúdos para baixar;
constitui um conteúdo extra divertido e
com efeito de divulgação."
"Curti as partes de vídeo e VR"
"Parei para assistir um vídeo que me
chamou a atenção"
"A ferramenta do 360 foi bem
interessante"
"Não achei boa a descrição do projeto em
cima do vídeo em preto e branco com a
escrita branca, foi muito difícil de ler."
"O parte dos prêmios também não era
muito legível
"...mas sobrecarregado de informação.
Acho que seria mais interessante deixar
evidente que são clubes sociais."
"Demora para carregar"
"As logos dos clubes que aparecem no
início e interagem com o mouse parecem
botões/links sem ser. "
"Os botões do site na parte 360% não
são tão simples de visualizar. "

19. Podemos verificar que a técnica do mouse-tracking
fornece indícios para identificar problemas que
foram confirmados nos comentários dos usuários.
Na página principal do site DeBariosSomos, que
apresenta os prêmios do projeto, o sistema AIMT-
UXT identificou muitas atividades da categoria
Espera e Rolagem.
Os comentários revelaram que a maior parte dos
alunos gostou do Design e Interatividade e
algumas páginas tiveram destaque, como a Série
documental de 8 capítulos e o vídeo em 360º que
apresenta o time "Tiro Suizo".
O objetivo social do site também foi reconhecido
nos comentários dos alunos: "No geral, o site é um
deleite para os fãs de futebol amador argentino".
do site.
Considerações

20. CEGAN L. & FILIP P. Advanced web analytics tool for mouse tracking and real-time data processing. 2017 IEEE 14th International Scientific Conference on Informatics, pp. 431–435, 2017.
ISO, “Iso 9241-11:2018 - ergonomics of human-system interaction – part 11: Usability: Definitions and concepts,” Mar 2018. [Online]. Available: https://www.iso.org/standard/63500.html
JENKINS, Henry. Cultura da Convergência. 2ª ed. São Paulo: Aleph, 2009.
KIESLICH, Pascal & HENNINGER, Felix & WULFF, Dirk & HASLBECK, jonas & SCHULTE-MECKLENBECK, Michael. 2018. Mouse-tracking: A practical guide to implementation and analysis.
10.31234/osf.io/zuvqa.
LECKNER, S. Presentation factors affecting reading behaviour in readers of newspaper media: an eye-tracking perspective. Visual Communication, 11(2), 2012, 163–184.
https://doi.org/10.1177/1470357211434029
LÓPEZ Gil, JM et al. Análise da arquitetura de sites através de testes de estresse de navegação, usabilidade e rastreamento ocular. The Information Professional, 19 (4), 2010 ,359-367,
MUNIM K. M., ISLAM I., KHATUN M., KARIM M. M., and ISLAM M. N. Towards developing a tool for UX evaluation using facial expression. 3rd International Conference on Electrical Information
and Communication Technology (EICT). IEEE, Dec. 2017. [Online]. Available: https://doi.org/10.1109/eict.2017.8275227.
PAL D., VANIJJA V., ARPNIKANONDT C., ZHANG X., and PAPASRATORN B. A quantitative approach for evaluating the quality of experience of smart-wearables from the quality of data and
quality of information: An end user perspective. IEEE Access, vol. 7, pp. 64 266–64 278, 2019.
PAULINO, Rita; EMPINOTTI, Marina ; JERONIMO, Pedro. Experiência do Usuário (UX) em apps de conteúdo jornalístico. In: CANAVILHAS J.,RODRIGUES C., GIACOMELLI F. (Org.). 1ed.Covilhã:
LabCom - Universidade Beira Interior, 2019, v. 1, p. 33-56.
PENG C.-F. and LIAO W.-H. Evaluation of interactive data visualization tools based on gaze and mouse tracking. IEEE International Symposium on Multimedia (ISM), pp. 431–434, 2016.
PIMENTA, Ana Carla. A transmidialidade no projeto De Barrio Somos. In: 42º Congresso Brasileiro de Ciências da Comunicação, 2019, Belém. Anais do 42º Congresso Brasileiro de Ciências
da Comunicação, 2019.
RAJESHKUMAR S. , OMAR R., AND MAHMUD M. Taxonomies of user experience (UX) evaluation methods. International Conference on Research and Innovation in Information Systems
(ICRIIS). IEEE, Nov. 2013. [Online]. Available: https://doi.org/10.1109/icriis.2013.6716765.
RÚAS Araújo X., PUENTES-RIVERA I., DIREITO-REBOLLAL S. (2017) Eye Tracking: Revisão Metodológica e Teórica. In: Freire F., Rúas Araújo X., Martínez Fernández V., García X. (eds)
Gerenciamento de Mídia e Metamídia. Avanços em Sistemas Inteligentes e Computação, vol. 503. Springer, Cham
SOUZA, K. E. S. ; SERUFFO, Marcos César Da Rocha ; MELLO Junior, H. D. ; SOUZA, D. S. ; VELLASCO, M. M. B. R. . User Experience Evaluation using Mouse Tracking and Artificial Intelligence.
IEEE Access, v. 1, p. 1-10, 2019.
STILLMAN, Paul., How Mouse-tracking Can Advance Social Cognitive Theory. Trends in cognitive sciences (Regular ed.) [1364-6613] Ano:2018 v.:22 n.:6 p.:531 -543.
TZAFILKOU, K; PROTOGEROS. Mouse Behavioral Patterns and Keystroke Dynamics in End-User Development: what can they tell us about users’ behavioral attributes?. Computers in Human
Behavior. Volume 83, June 2018, Pages 288-305. 2018. DOI: 10.1016/j.chb.2018.02.012
YU Q., CHE X., MA S., PAN S., YANG Y., XING W., and WANG X. A hybrid user experience evaluation method for mobile games. IEEE Access, vol. 6, pp. 49 067–49 079, 2018.
Referências