Relato dos Resultados - Protótipo de Alta Fidelidade
Introdução
Esse artefato tem o objetivo de documentar o relato dos resultados obtidos pela avaliação do protótipo de alta fidelidade. Portanto, serão abordados os tópicos referidos no Planejamento do Relato dos Resultados do Protótipo de Alta Fidelidade
Objetivo e Escopo da Avaliação
A avaliação tem o objetivo de obter a opinião de usuários reais da aplicação Passe Livre Estudantil sobre a usabilidade, funcionalidade e aparência visual de um protótipo de alta fidelidade que se assemelha de forma mais precisa à versão final do produto ou serviço. Além disso, a avaliação objetiva identificar problemas no design da interface e conformidade com padrões. As seguintes perguntas apresentam formas de verificar se os referidos objetivos foram alcançados:
- Foi possível testar a interação e a facilidade de uso do protótipo para identificar problemas de usabilidade?
- Foi possível avaliar a aparência e o estilo visual do protótipo, garantindo que ele atenda às expectativas e necessidades dos usuários, transmita a identidade da marca e seja estéticamente agradável?
- Foi possível verificar se todas as funcionalidades planejadas estão presentes e funcionam corretamente?
- Foi possível obter opiniões, percepções e sugestões dos usuários em relação ao protótipo?
- Foi possível identificar quaisquer problemas, erros ou áreas que precisam de ajustes no protótipo antes da implementação final?
Método de Avaliação
A metodologia utilizada foi o teste de usabilidade, no qual visa avaliar a usabilidade de um sistema interativo a partir de experiências de uso reais dos seus usuários-alvo. Nesses testes, um grupo de usuários realiza um conjunto de tarefas usando o sistema num ambiente controlado, sendo registrado as experiências de uso, dados sobre o desempenho dos participantes na realização das tarefas propostas e suas opiniões sobre essas experiências. Vale ressaltar que esse método foi escolhido, pois permite a identificação de problemas reais enfrentados pelos usuários do sistema e não apenas problemas previstos pelos desenvolvedores. A tabela 1 apresenta o cronograma executado do teste de usabilidade, com o avaliador mediador, o usuário, a data, o horário de início e de fim e, por fim, o local. No entanto, vale ressaltar que todos os membros do grupo participaram do teste de usabilidade.
Tabela 1 - Cronograma Executado.
| Avaliador | Usuário | Data | Início-Fim | Local |
|---|---|---|---|---|
| Breno Fenrnades e Breno Lucena | Geovanna Almeida | 24/01/2025 | 19:00-20:00 | Casa do Breno Fernandes |
| Breno Fenrnades e Breno Lucena | Lívia Sena | 24/01/2025 | 19:00-20:00 | Casa do Breno Fernandes |
Fonte: Breno Fenrnades.
Local
Os testes ocorreram de forma presencial na casa do Breno Fernandes. O ambiente foi controlado, sendo permitidos estarem no local da entrevista somente os integrantes do grupo responsável por alguma atividade técnica e o usuário que realizaria o teste/entrevista.
Ferramentas
As ferramentas utilizadas foram as seguintes:
- 2 notebook com webcam e microfone;
- Um smartphone utilizado para gravação de maior amplitude;
- Um smartphone utilizado para capturar áudios;
- Um papel contem o script a ser seguido pelos usuarios;
Tarefas
As tarefas realizadas pelos os usuarios foram as seguintes:
- Criar um Cartão Virtual;
- Solicitar a Segunda Via;
Descrição dos Testes
Antes do início dos testes, o script foi apresentado ao usuário de forma oral, explicando as ações que ele deveria realizar no sistema. O participante foi instruído a verbalizar suas ações e pensamentos enquanto interagia com o protótipo.
Os testes começaram com a apresentação do termo de consentimento, garantindo a confirmação da participação e autorização para prosseguir. Após essa etapa, o usuário foi orientado a realizar as tarefas propostas.
A primeira tarefa foi solicitar a segunda via do cartão por motivo de roubo ou furto. O usuário visualizou o termo de uso, decidiu se anexaria ou não o boletim de ocorrência, selecionou o local de retirada (com a opção mais próxima da sua casa já pré-selecionada), escolheu a forma de pagamento via Pix, efetuou o pagamento utilizando o QR Code e, ao final, visualizou a mensagem de confirmação da solicitação, com o status atualizado para "em análise".
Na sequência, o usuário realizou a tarefa de criação do cartão virtual. Ele localizou o botão correspondente, leu a mensagem explicativa sobre como funciona o cartão virtual, preencheu os dados necessários e recebeu o QR Code e o código alfanumérico para adicionar o cartão digital ao aplicativo de carteira digital de sua preferência.
Protótipo de Alta Fidelidade
O Protótipo de Alta Fidelidade utilizado nos testes é apresentado a seguir. É importante salientar que o protótipo apresentado pode não ser o exato modelo utilizado nos testes, pois o protótipo sofre alterações e correções com o tempo.
Autor: Breno Fernandes e Breno Lucena
Teste Piloto
O vídeo 1 a seguir mostra o teste piloto realizado antes dos testes.
Fonte: Breno Lucena & Breno Fernandes.
Fonte: Breno Fernandes e Breno Lucena.
Seleção dos Participantes
O número de participantes foi de 4 pessoas, sendo 1 o entrevistador, 1 cinegrafista e 2 usuários. Além disso, os usuários foram escolhidos levando em conta as características definidas no perfil de usuário, sendo elas: idade entre 12 e 35 anos, experiência e afinidade com tecnologia. A tabela 1 apresenta os participantes da avaliação e suas respectivas funções.
Tabela 2 - Participantes da Avaliação e Suas Funções.
| Participantes | Função |
|---|---|
| Breno Fenrnades | entrevistador |
| Breno Lucena | Cinegrafista |
| Geovanna Almeida | Usuário (Testador) |
| Lívia Sena | Usuário (Testador) |
Fonte: Breno Fenrnades, 2025.
Problemas e Dificuldades Encontradas
De modo geral, os testes ocorreram de forma tranquila e sem grandes problemas. No entanto, um ponto específico foi identificado durante a interação de uma participante com o protótipo: ela teve dificuldade em localizar o botão "Cartão Virtual" na tela inicial. Segundo seu feedback, a cor cinza escolhida para a barra de navegação estava muito apagada, o que dificultava a visualização tanto da própria barra quanto dos botões nela inseridos. Esse problema destacou a necessidade de ajustes na escolha das cores para garantir maior contraste e visibilidade dos elementos.
Sugestões de Melhoria
Com base nos testes e no feedback dos participantes, foram sugeridas algumas melhorias para tornar o sistema mais intuitivo e acessível. Entre elas, está a necessidade de ajustar a cor da barra de navegação, substituindo o cinza atual por uma tonalidade mais visível e contrastante, para facilitar a localização dos botões. Também foi sugerido adicionar indicadores visuais, como ícones ou destaques, em botões importantes, como o de "Cartão Virtual", para melhorar a identificação. Além disso, revisar o design geral da interface, incluindo cores, espaçamentos e tipografia, pode ajudar a tornar os elementos mais claros e acessíveis, otimizando a experiência do usuário.
Feedback dos Usuários
Teste 1 - Geovanna Almeida
A participante Geovanna Almeida conseguiu realizar todas as atividades propostas, como criar o cartão virtual e solicitar a segunda via do Passe Livre Estudantil. Apesar de ter concluído as tarefas sem grandes dificuldades, ela mencionou um pequeno problema ao localizar a barra de navegação (navbar) na tela inicial. Segundo Geovanna, a cor cinza escolhida para a navbar dificultou sua visualização, o que a fez demorar um pouco mais para identificar os botões disponíveis. Fora esse ponto, ela considerou o sistema intuitivo e destacou que os passos para realizar as tarefas foram claros e bem estruturados. Seu feedback aponta a necessidade de melhorar o contraste da navbar para facilitar a navegação.
Teste 2 - Lívia Sena
A participante Livia Sena conseguiu realizar as duas atividades propostas, criar o cartão virtual e solicitar a segunda via do Passe Livre Estudantil, de forma tranquila e sem encontrar dificuldades significativas. Segundo ela, o fluxo das tarefas está bem organizado, e cada passo a passo é apresentado de forma clara e intuitiva. Livia elogiou a simplicidade do sistema.
Análise e Interpretação dos Usuários
Analisando os comportamentos dos usuários, percebemos que a maioria possui um nível de produtividade parecido, sendo que tarefas foram concluídas com quantidades de cliques similares.
Contextualizando com as perguntas-objetivos, podemos respondê-las da seguinte maneira:
- Foi possível testar a interação e a facilidade de uso do protótipo para identificar problemas de usabilidade?
Sim, foi possível identificar problemas ao atingir as metas de usabilidade propostos para o projeto.
- Foi possível avaliar a aparência e o estilo visual do protótipo, garantindo que ele atenda às expectativas e necessidades dos usuários, transmita a identidade da marca e seja estéticamente agradável?
Sim, foi possível avaliar a aparência do protótipo. As participantes acharam o sistema intuitivo, mas apontaram que a cor da barra de navegação precisa ser mais visível para atender melhor às necessidades dos usuários.
- Foi possível verificar se todas as funcionalidades planejadas estão presentes e funcionam corretamente?
Sim, foi possível verificar que todas as funcionalidades planejadas estão presentes e funcionando corretamente, pois as participantes conseguiram realizar as atividades propostas sem grandes dificuldades.
- Foi possível obter opiniões, percepções e sugestões dos usuários em relação ao protótipo?
Sim, foi possível obter opiniões, percepções e sugestões dos usuários. As participantes consideraram o protótipo intuitivo, mas sugeriram melhorias, como ajustar a cor da barra de navegação para facilitar a visualização e navegação.
- Foi possível identificar quaisquer problemas, erros ou áreas que precisam de ajustes no protótipo antes da implementação final?
Sim, foi observado problemas que deverão ser corrigidos no reprojeto.
Sumário dos Principais Resultados
Os testes realizados mostraram que o protótipo foi bem recebido pelas participantes, com ambas conseguindo realizar as atividades propostas de forma intuitiva e sem grandes dificuldades. A funcionalidade de criação do cartão virtual e de solicitação de segunda via do Passe Livre Estudantil foi considerada clara e bem estruturada, com passos que guiaram as usuárias de maneira eficiente.
No entanto, foi identificado um ponto de melhoria: a barra de navegação (navbar) teve sua visibilidade criticada devido à cor cinza escolhida, que dificultou sua identificação inicial por alguns usuários. Essa questão foi apontada como um ajuste necessário para melhorar a experiência e facilitar a navegação.
De modo geral, o protótipo apresentou boa funcionalidade e organização, com feedbacks positivos sobre a clareza e o fluxo das tarefas, mas também trouxe insights importantes para ajustes visuais antes da implementação final. Os vídeos de 2 a 5 apresentam os testes realizados.
Vídeo 1 - Teste 1: Geovanna Almeida
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 2 - Teste 1: Geovanna Almeida
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 3 - Teste 2: Geovanna Almeida
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 4 - Teste 2: Geovanna Almeida
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 5 - Teste 1: Livia Sena
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 6 - Teste 1: Livia Sena
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 7 - Teste 2: Livia Sena
Fonte: Breno Lucena & Breno Fernandes, 2025.
Vídeo 8 - Teste 2: Livia Sena
Fonte: Breno Lucena & Breno Fernandes, 2025.
Planejamento do Reprojeto
Com base nos resultados dos testes e no feedback das participantes, o reprojeto será focado em melhorar a experiência visual e funcional do protótipo. Um dos principais ajustes será na barra de navegação (navbar), substituindo a cor cinza atual por uma tonalidade mais contrastante e visível, facilitando a identificação da barra e dos botões. Além disso, será feita uma reorganização dos botões para garantir maior clareza e acessibilidade, destacando opções importantes como "Cartão Virtual" e "Solicitação de Segunda Via". O design visual também será revisado, incluindo o uso de cores, ícones e tipografia, para garantir que todos os elementos sejam facilmente reconhecidos e visualmente agradáveis. Após as alterações, uma nova rodada de testes será realizada para avaliar as melhorias implementadas e garantir que as mudanças atendam às expectativas e necessidades dos usuários. O objetivo é entregar uma interface mais intuitiva, acessível e alinhada com o que foi identificado durante os testes iniciais.
Tabela 6 - Cronograma de Reprojeto.
| Data de Correção | Descrição | Responsável(eis) | Revisor(es) |
|---|---|---|---|
| 30/01/2025 | Ajustar a cor da barra de navegação para algo mais visível, reorganizar os botões na navbar e garantir que ela seja fácil de identificar. | Breno Fernandes | Breno Lucena |
| 30/01/2025 | Revisar o design do protótipo (cores, ícones e texto), adicionar destaques nos botões principais e conduzir novos testes para validar as mudanças. | Breno Lucena | Breno Fernandes |
Fonte: Breno Fernandes, 2025.
Referências Bibliográficas
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010. Capítulo 9.3: Quando Avaliar o Uso de um Sistema?, p. 294-295.
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010. Capítulo 9.4: Experiências de Uso?, p. 295-297.
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010. Capítulo 9.7.3: Coleta de Dados, p. 295-297.
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010. Capítulo 9.7.4: Interpretação, p. 295-297.
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Rio de Janeiro: Elsevier, 2010. Capítulo 9.7.5: Consolidação e Relato dos Resultados, p. 295-297.
Histórico de Versões
| Versão | Data | Descrição | Autor(es) | Revisor(es) |
|---|---|---|---|---|
1.0 |
23/06/2023 | Criação da página. | Breno Fernandes | Breno Lucena |