|
Abstract:
|
Este projeto de conclusão de curso apresenta a construção de uma interface digital para um site que tem como objetivo facilitar e tornar mais interativo o processo de seleção tipográfica. Para o desenvolvimento foi utilizado como base teórica a tese "Seleção Tipográfica no Contexto do Design Editorial: um modelo de apoio à tomada de decisão" e o livro "Seleção Tipográfica", ambos de autoria de Mëurer (2017 e 2022). O método adotado para o desenvolvimento da interface foi o de Interato, proposto por Gonçalves, Batista e Fadel (2022), que contém quatro etapas: pesquisa e análise; síntese e conceito; estruturação e design sensorial. Na etapa inicial, foram realizadas pesquisas sobre o Modelo através da aplicação de um questionário direcionado para possíveis usuários, além de entrevistas com professores de tipografia e análise de similares. Na sequência, os dados gerados foram sintetizados em um mapa conceitual, cartões de insights, personas, histórias dos usuários e os requisitos de projeto. Na terceira etapa , através da arquitetura da informação e do design de navegação, foram obtidas as primeiras estruturas de telas que puderam ser testadas e validadas com usuários testes. Por fim, na etapa final responsável pelo design sensorial, pode-se, a partir da definição dos conceitos e pesquisas de referências, elaborar as diretrizes visuais que, juntamente com o restante das etapas, deram forma ao protótipo interativo da interface de seleção tipográfica. Este que, após testes com possíveis usuários, resultou também em um guia de estilos.This project showcases the user interface development of a website focused on facilitating the typographic selection process. The conception of this project was based on the theory thesis "Seleção Tipográfica no Contexto do Design Editorial: um modelo de apoio à tomada de decisão" and the book "Seleção Tipográfica," both authored by Mëurer (2017 and 2022). Interato, a methodology proposed by Gonçalves, Batista, and Fadel (2022), was chosen for interface development. It is divided into four steps: research and analysis; synthesis and concept development; structural and sensory design. In the initial stage, research was carried out on the model through the application of a questionnaire aimed at potential users, in addition to interviews with typography teachers and analysis of similar ones. Next, the generated data was synthesized into a conceptual map, insight cards, personas, user stories, and project requirements. In the third stage, through information architecture and navigation design, the first screen structures were developed and could be tested and validated with test users. Finally, in the final stage responsible for the sensorial design, it was possible to elaborate the visual guidelines that, in conjunction with the rest of the stages, shaped the interactive prototype of the typographic selection interface that, after tests with potential users, also resulted in a style guide. |
