User Experience da Aplicação Web

Wireframe

 Um wireframe é um diagrama visual que representa a estrutura de uma página web ou de uma tela de aplicativo. Ele é um esboço, um protótipo de baixa fidelidade, que demonstra como os elementos se relacionam entre si e como são estruturados.

 Diferente da aplicação de campo, que é feito para uso em campo, aplicação web foca na visualização de dados, como imagens, relatórios e estatísticas, e também é possível fazer upload de imagens de fissuras capturas por outros mecanismos além dos drones, permitindo, assim, uma gestão completa e centralizada das operações.

Wireflow

 Abaixo está o fluxo geral da aplicação web, representando a navegação entre login, cadastro de expedições e prédios, visualização de imagens e análise de dados.

Figura 1 - User Flow Aplicação de Geral

Fonte: Os autores (2025)

 É possível encontrar o wireframe com maior detalhe na seguinte seção.

Protótipo de Alta Fidelidade Aplicação Web

  Um protótipo de Alta Fidelidade é uma representação interativa e detalhada do produto ou serviço, que se aproxima muito da versão final, tanto em termos de design visual quanto em termos de funcionalidade e interação. Dessa forma, abaixo segue o protótipo de alta fidelidade da nossa aplicação criado com base nesses conceitos.

Protótipo de Alta Fidelidade da Aplicação

Fonte: Os autores (2025)

 É possível encontrar o protótipo de alta fidelidade com maior detalhe na seguinte seção.