InfoDesign - Revista Brasileira de Design da Informação

A representação gráfica de modelos conceituais de jogos sérios | Graphic representation of conceptual model of serious games

2021-01-04T11:27:33-03:00

Um modelo serve como um artefato que auxilia e guia o pensar para a tomada e justificativa de decisões relativas a um problema específico. Portanto, a representação gráfica destes modelos pode colaborar na compreensão do modelo. Este artigo analisa o design da informação de alguns modelos conceituais de jogos sérios para avaliar sua qualidade gráfica. Para tanto, foi realizada uma revisão sistemática de literatura em busca de modelos que auxiliassem no design e desenvolvimento de jogos sérios. Este artigo discute o design da informação destes modelos juntamente com a análise de seu conteúdo. Os resultados sugerem que a qualidade gráfica destes modelos é baixa o que dificulta explorar todos os recursos do modelo.

*****

A model works as an artifact that assists and guides thinking in making and justifying decisions related to a specific problem. Therefore, the graphic representation of these models can contribute to the understanding of the model. This article analyses the information design of some conceptual models of serious games to evaluate their graphic quality. To this end, a systematic literature review was carried out in search of models that would assist in the design and development of serious games. This paper presents the classification of graphic language by the Twyman matrix and discuss the graphic elements together with the content analysis of the model. The results suggest that the graphic quality of these models is low, which makes it difficult to explore all the features of the model.

É possível aperfeiçoar nosso pensamento visual? Uma experiência didática em graduação de Design | Is it possible to improve our visual thinking? A didactic experience in Graphic Design undergraduate degree

2020-12-31T14:16:56-03:00

A temática do pensamento visual tem tido destaque nos últimos anos e vasto referencial bibliográfico relacionado ao assunto tem sido publicado, no intuito de promover o tema a áreas diversas, para além do Design. Estudantes de graduação em Design Gráfico têm acesso ao longo do curso a diversas disciplinas que trabalham com linguagem visual e são estimulados a trabalhar com soluções gráfico-informacionais. Entretanto, o pensamento visual não tem sido explorado em currículos de Design Gráfico brasileiros como proposta metacognitiva para aperfeiçoar o desenvolvimento de projetos individuais e coletivos relacionados ao Design e à visualização da informação. Neste sentido, este artigo apresenta uma proposta didática para o desenvolvimento do pensamento visual, dentro de uma disciplina optativa que vem sendo ministrada já há cerca de 3 anos no curso de Design Gráfico da UFPR.

*****

The topic of visual thinking has been on the spotlight in recent years. A vast bibliographic reference related to the subject has been published, in order to promote it to different areas, beyond Design. Design undergraduate students have access throughout their degree to various courses that work with visual language and are encouraged to work with graphic-informational solutions. However, visual thinking has not been explored in Brazilian Graphic Design curricula as a metacognitive proposal to improve the development of individual and collective projects related to Design and the visualization of information. In this sense, this article presents a didactic proposal for the development of visual thinking, within an elective course that has been taught for about 3 years in Graphic Design at the UFPR

Gênero neutro e design gráfico: uma análise discursiva das marcas de cosméticos Simple Organic e Fluide | Gender neutral design: a discursive analysis of the design of the cosmetic brands Simple Organic and Fluide

2020-12-31T10:50:20-03:00

O objetivo deste artigo é indicar, por meio da abordagem arqueológica (de perspectiva foucaultiana), de que maneira discursos a respeito do que é gênero-neutro se relacionam, por meio de duas marcas de cosméticos — Simple Organic e Fluide Beauty —, com a produção de expressões de gênero, em especial aquelas a respeito do discurso do design gênero-neutro. Além da filosofia de Foucault, também se adota como base teórica a Teoria Queer para discutir gênero. Conclui-se com uma reflexão a respeito da proximidade entre neutralidade e design da informação/gráfico, reforçando o papel do design enquanto reprodutor ou questionador de discursos e propondo o levantamento de uma proposta de design anti-normatizante.

*****

This article is located in the field of discursive studies in design and aims to indicate, through the archaeological approach (from Foucault's perspective), how discourses about what is gender-neutral are related, through two cosmetic brands - Simple Organic and Fluide Beauty -, to the production of gender expressions, especially those regarding the discourse of gender-neutral design. In addition to Foucault's philosophy, Queer Theory is also adopted as a theoretical basis to discuss gender. The results of the analysis reveal two sides of the gender neutral design: normativity and questioning. It concludes with a reflection on the proximity between neutrality and information / graphic design, reinforcing the role of design as a discourse reproducer or questioner and proposing the lifting of an anti-normative design proposal.

“Deixe-me torná-lo meu”: proposta de instrumento descritivo para mecanismos de personalização em interfaces digitais | “Let me make you mine”: proposal of a descriptive instrument for digital interface personalization mechanisms

2020-12-31T10:50:20-03:00

Este estudo teve como objetivo desenvolver um instrumento voltado para a descrição de mecanismos de personalização em interfaces digitais. Para tanto, utilizamos um processo iterativo de desenvolvimento, com refinamento progressivo. Em um primeiro estágio, conduzimos uma revisão sistemática da literatura que nos permitiu conceituar o termo personalização, identificar parâmetros de classificação e compreender o processo de personalização. Em seguida, alocamos os fundamentos teóricos em uma estrutura de base (5W2H). O instrumento preliminar foi então compartilhado com 5 pesquisadores externos ao projeto, que alteraram sua estrutura inicial com base em referências teóricas adicionais ou dados observacionais de suas pesquisas. Por fim, envolvemos 130 estudantes na utilização do instrumento para análise de mecanismos de personalização. Com base nas dúvidas dos estudantes, realizamos modificações para gerar a versão final do instrumento.

*****

This study aimed to develop na instrument for the description of personalization features in digital interfaces. In order to achieve such, we adopted an iterative development process, with progressive refinement of the instrument. To begin with, we carried out a systematic literature review, which allowed us to define personalization, identify classification parameters and understand the personalization process. After that, we allocated theoretical constructs in a chosen structure (5W2H). The preliminary instrument was then shared with 5 researchers external to the project, who altered the initial structure with a basis on theoretical references or empirical evidence originated from their own work. Lastly, we involved 130 students in the application of the instrument to analyze personalization features. Based on the doubts that emerged from such process, we updated the instrument towards its final version.

Animações procedimentais em saúde: Proposta de Metodologia de Design para a Universidade Aberta do SUS (UNA-SUS/UFMA) | Procedural animations in health: Proposal of Design Methodology for the Open University of the Brazilian Unified Health System of the Federal University of Maranhão

2020-12-31T10:50:21-03:00

Animações instrucionais são recursos efetivos no aprendizado de conteúdos. Todavia, seu desenvolvimento demanda investigação científica para promover eficácia comunicativa considerando aspectos pedagógicos e de design da informação. Consderando isto, foi proposta uma metodologia para desenvolvimento de Sequências Pictóricas de Procedimentos Animadas -SPPAs na área de saúde para a UNA-SUS/UFMA - Universidade Aberta do SUS da Universidade Federal do Maranhão. A metodologia se fundamentou nos resultados de um Estudo da Representação Gráfico-informacional de SPPAs na área médica em uma amostra de 100 animações juntamente com Análise de contexto com os coordenadores da e alunos da UNA-SUS/UFMA. A Metodologia proposta consta de três fases: (a)Decupagem: definição de conteúdo; resultando em um roteiro; (b) Representação: visualização dos conteúdos; resultando em um storyboard visual; e (c) Finalização: edição final e veiculação da animação. A metodologia foi avaliada positivamente através de grupo focal com desenvolvedores.

*****

Procedural animations are important resources in learning content and are employed by the Open University of the Brazilian Unified Health System of the Federal University of Maranhão in its courses for health professionals. However, the development of animations is carried out unsystematically and neglecting representational aspects of information design. Aiming to contribute to the informaion design process of these animations, a design methodology was proposed for the Open University. This was founded on the results of a study on graphic representation of a sample of 100 animations and on context analysis. This was conducted through semi-structured interviews with coordinators of the intuition and online questionnaire with students. The results indicated deficiencies in the animation sample, especially omission of inventory information and warnings. In the context analysis, the interviewees pointed out the need for a methodology to assist the production of animations. In the questionnaire, the students considered animations important and motivating for their learning. Based upon these results, a methodology consisting of three stages was proposed: (1) Decoupage: definition of the graphic-informational structure of the animation content; (2) Representation: design of information through images and narration/audio; and (3) Finishing: animation editing and closing of file. The methodology was evaluated through a focus group with designers, instructional designers and information technology professionals, who considered it satisfactory and useful. It is concluded that the proposed methodology ensures the systematic inclusion of information design aspects in the production of procedural animations, thus, meeting its objective.

Caminhos para o fazer projetual no design de comunicação de risco | Paths to do the project in risk communication design

2020-12-31T14:19:06-03:00

Diante da pandemia do novo coronavírus ampliou-se a necessidade da discussão em torno da temática comunicação de risco. A reflexão sobre o fazer design e a adoção de processos que englobassem as especificidades desta temática, nesse contexto, tornou-se premente. Assim, este artigo apresenta um processo de design estabelecido a partir de teorias e discussões realizadas com alunos de graduação. Para tanto, foram realizadas três etapas: [1] “sensibilização” dos alunos com o tema, [2] “proposição” de um processo pertinente à comunicação de risco, realizado a partir da análise de diferentes processos e princípios de design e [3] “reflexão” acerca das dificuldades sobre o fazer projetual a partir do processo estabelecido. Como resultado obteve-se uma estrutura processual com potencial para utilização em design de comunicação de risco.

*****

In view of the new coronavirus pandemic, the need for discussion around the theme “risk communication” was expanded. The reflection on making design and the adoption of processes that encompass the specificities of this theme in this context has become urgent. Thus, this paper presents a design process established from theories and discussions held with undergraduate students. To this end, three steps were taken: [1] “raising awareness” of students with the theme, [2] “proposing” a process pertinent to risk communication, performed based on the analysis of different design processes and principles and [3] “reflection” about the difficulties on the project making from the established process. As a result, a procedural structure with potential for use in risk communication design was obtained.

Edição Especial UFPR

2020-12-31T10:50:18-03:00