Análise Gráfica aplicada a Páginas Web de Kit de Ferramentas

Graphical Analysis of Toolkit Web Pages

Vieira, Gustavo Muchinski; Smythe, Kelli C.A.S.

CONGIC 2025:

A organização visual de toolkits digitais impacta sua eficiência e a clareza da informação. Este estudo investiga como elementos sintáticos e semânticos são estruturados em páginas web de kits de ferramentas metodológicas, a partir da análise de padrões gráficos e informacionais. Utilizou-se um quadro analítico descritivo baseado em Engelhardt (2002). Os resultados indicam que, embora muitas interfaces apresentam hierarquia visual definida, há predominância de conteúdos textuais e variação nos recursos de apoio. Infere-se que padrões gráficos estruturados, sob a ótica do Design da Informação, podem favorecer a assimilação de conteúdos em contextos digitais de aprendizagem.

The visual organization of digital toolkits impacts their efficiency and the clarity of information. This study investigates how syntactic and semantic elements are structured in web pages of methodological toolkits, based on the analysis of graphic and informational patterns. A descriptive analytical framework based on Engelhardt (2002) was used. The results indicate that, although many interfaces present a defined visual hierarchy, there is a predominance of textual content and variation in the support resources. It is inferred that structured graphic patterns, from the perspective of Information Design, may favor the assimilation of content in digital learning contexts.

Palavras-chave: - -

DOI: 10.5151/cidi2025-1091755

Referências bibliográficas

• [1] Barbosa, F. J. M.; França, R. S.; Rodrigues, R. F.; Parreiras, F. S. Visualização da informação e métodos visuais como ferramentas estratégicas para o gerenciamento de projetos. Revista Gestão e Projetos – GeP, São Paulo, v. 9, n. 1, p. 102–114, jan./abr. 2018.
• [2] Bertin, J. Semiology of graphics: diagrams, networks, maps. Translated by William J. Berg. London: The University of Wisconsin Press, 1983.
• [3] Card, S. K.; Mackinlay, J. D.; Shneiderman, B. Readings in information visualization: using vision to think. San Francisco: Morgan Kaufmann Publishers, 1999.
• [4] Conole, G.; Fill, K. A learning design toolkit to create pedagogically effective learning activities. Journal of Interactive Media in Education, v. 2005, n. 1, 2005. DOI: https://doi.org/10.5334/2005-8.
• [5] Dalsgaard, P. Understanding the nature and role of tools in design. International Journal of Design, v. 11, n. 1, p. 21–33, 2017.
• [6] De Reuver, M.; Sørensen, C.; Basole, R. C. The digital platform: a research agenda. Journal of Information Technology, v. 33, n. 2, p. 124–135, 2018. DOI: https://doi.org/10.1057/s41265-016-0033-3.
• [7] Deng, Y.; Antle, A. N.; Neustaedter, C. Tango cards: a card-based design tool for informing the design of tangible learning games. In: Proceedings of the Conference on Designing Interactive Systems: Processes, Practices, Methods, and Techniques. New York: ACM, 2014.
• [8] Engelhardt, Y. The language of graphics: a framework for the analysis of syntax and meaning in maps, charts and diagrams. 2002. Tese (Doutorado) – Universiteit van Amsterdam, Institute for Logic, Language and Computation.
• [9] Lukasinski, M. de S. Inventário: Cards para acessibilidade em jogos digitais. 2023. Trabalho de Conclusão de Curso (Bacharelado em Design Gráfico) – Universidade Federal do Paraná, Setor de Artes, Comunicação e Design, Curitiba, 2023.
• [10] Mackinlay, J. D. Automating the design of graphical presentations of relational information. ACM Transactions on Graphics, v. 5, n. 2, p. 110–141, 1986. DOI: https://doi.org/10.1145/22949.22950.
• [11] Mesquita, V. D. T. Orbis: um toolkit para apoio no ensino e prática de técnicas do design centrado no usuário. In: Anais Estendidos do Simpósio Brasileiro de Fatores Humanos em Sistemas Computacionais (IHC), 2021. Porto Alegre: SBC, 2021.
• [12] Norman, D. A. Cognitive artifacts. In: CARROLL, J. M. (ed.). Designing Interaction: Psychology at the Human-Computer Interface. Cambridge: Cambridge University Press, 1991.
• [13] Yamada, Janet; Shorkey, Allyson; Barwick, Melanie; Widger, Kimberley; Stevens, Bonnie J. The effectiveness of toolkits as knowledge translation strategies for integrating evidence into
• [14] G. Muchinski & K. C. A. S. Smythe | Sintaxe Gráfica Aplicada à Análise Gráfica ​ de Páginas Web de Kit de Ferramentas clinical care: a systematic review. BMJ Open, [S.l.], v. 5, n. 4, e006808, 2015. Disponível em: .

Como citar:

Vieira, Gustavo Muchinski ; Smythe, Kelli C.A.S. ; "Análise Gráfica aplicada a Páginas Web de Kit de Ferramentas", p-2287-2301. In: . São Paulo: Blucher, 2025.
ISSN 23186968, DOI 10.5151/cidi2025-1091755