Redesign do website do software perSONA

Abstract

O presente relatório descreve o projeto de redesign do website do software perSONA, um software desenvolvido por discentes e docentes da UFSC, que tem o objetivo de complementar as avaliações para a detecção de perda auditiva no Brasil. Para este projeto foi utilizado o método Iterato desenvolvido por Gonçalves et al. (2022) que possui quatro etapas de execução: pesquisa e análise; síntese e conceito, estruturação e design sensorial; e o processo de avaliação, uma atividade contínua que acompanha todo o projeto. Na etapa de Pesquisa e Análise, realizou-se um briefing com a equipe do projeto perSONA, seguido de uma análise dos materiais atuais com base nos princípios de ergonomia e design da informação. Essa fase também incluiu análises de similares, além de questionários e entrevistas com o público-alvo, o que permitiu reunir dados essenciais para o redesign. Na etapa de Síntese e Conceito, as informações coletadas foram transformadas em personas, histórias de usuário e requisitos do projeto, estabelecendo uma base sólida para o desenvolvimento do projeto. Durante a Estruturação, definiu-se a arquitetura da informação e foram desenvolvidos wireframes de média fidelidade. Estes wireframes passaram por testes de usabilidade, permitindo ajustes na navegação e organização do site com base no feedback dos usuários. Na etapa de Design Sensorial, foram definidos os conceitos e linguagem visual da interface — paleta de cores, tipografia, componentes e guia de estilo. O resultado final é um protótipo navegável de alta fidelidade, projetado para ser responsivo em dispositivos desktop e mobile, que contempla os requisitos identificados nas fases iniciais do projeto.

This report describes the redesign of the perSONA software website , a software developed by students and teachers at UFSC, which aims to complement hearing loss detection assessments in Brazil. For this project, the Iterato method developed by Gonçalves et al. (2022) was used, which has four stages of execution: research and analysis; synthesis and concept, structuring, sensory design; and the evaluation process, a continuous activity that accompanies the entire project. In the Research and Analysis stage, a briefing was held with the perSONA project team, followed by an analysis of current materials based on the principles of ergonomics and information design. This phase also included analysis of similar materials, as well as questionnaires and interviews with the target audience, which made it possible to gather essential data for the redesign. In the Synthesis and Concept stage, the information gathered was transformed into personas, user stories and project requirements, establishing a solid basis for the development of the project. During Structuring, the information architecture was defined and medium-fidelity wireframes were developed. These wireframes underwent usability tests, allowing adjustments to be made to the site's navigation and organization based on user feedback. In the Sensory Design stage, the concepts and visual language of the interface were defined - color palette, typography, components and style guide. The end result is a high-fidelity navigable prototype, designed to be responsive on desktop and mobile devices, which meets the requirements identified in the initial stages of the project.