Infográfico Interativo - curso SMD

•

Infográfico Interativo

curso Sistemas e Mídias Digitais

Ano:2014

Projeto realizado para a coordenação do curso Sistemas e Mídias Digitais na Universidade Federal do Ceará com intuito de apresentá-lo para futuros ingressantes.

1º etapa: concepção e ilustração

2º etapa: construção da interface gráfica e alocação de conteúdos

3º etapa: prototipagem de modelo interativo

O projeto de Infográficos Dinâmicos é constituído por uma equipe multidisciplinar, integrando dois cursos recentemente criados: Design e Sistemas e Mídias Digitais (SMD) e surgiu com o intuito de diminuir a evasão dos alunos através de ferramentas que propaguem informações dos cursos de forma que futuros ingressantes estejam cientes de seus conteúdos, acarretando na diminuição das desistências. Foi proposto um infográfico dinâmico com leitura acessível e interativo, promovendo mais opções ao usuário e comportando informações de interesse dos alunos.

Interactive Infographic - SMD course

Project in progress

1º stage: conception and illustration

2º stage: construction of the graphical interface and content allocation

3º stage: prototyping of interactive model

The project Infographics Dynamics consists of a multidisciplinary team, integrating two courses recently created at Federal University of Ceará : Design and Systems and Digital Media (SMD). It emerged with the aim of decreasing the dropout of students, from the university, through tools that propagate course's informations, so that future entrants know more about the course and its contents, resulting in the reduction of dropouts. Thereby an interactive infographic of easy reading was proposed, promoting more options to the user and containing information for the students.

esboços de interação

sketches of interaction

ilustração ilhas

illustration islands

ilustração ilha

illustration island

ilustração caixa

Illustration wooden boxes

ilustração ampla

ample illustration

O infográfico foi concebido para ser uma metáfora de curso acadêmico com curso de jogo, com referências em cenários digitais. O usuário poderá interagir com o ambiente, constituido de três cenários, fazendo uso do mouse. Enquanto interage, receberá feedbacks em forma de informação ou interação. O usuário sempre terá a sua disposição um botão de ajuda que ensina-o a interagir com o programa, bem como um menu que permite a rápida transição entre as cenas.

The infographic was designed to be a metaphor of academic course to course game, with references in digital environments.The user can interact with the environment, consisting of three scenarios, using the mouse.While interacting, receives feedback in the form of information or interaction. Users will always have at your disposal a help button that shows you how to interact with the program, as well as a menu that allows the rapid transition between scenes.