Relato de Resultados Acessar o módulo de Contra Cheque e consultar processos do servidor
Introdução
Os protótipos de alta fidelidade feitos desempenham um papel crucial no processo de design e desenvolvimento de sites, permitindo que designers e desenvolvedores testem e refinem suas ideias com um alto nível de detalhamento antes de se comprometerem com a implementação completa. Esses protótipos servem como uma visualização interativa quase real do produto final, permitindo que os usuários testem funcionalidades, navegação e forneçam feedback valioso.
Durante a fase de design e desenvolvimento de um site, os protótipos de alta fidelidade são essenciais para explorar e comunicar conceitos, layouts e fluxos de interação de maneira precisa e eficaz. Utilizando ferramentas avançadas do Figma, como componentes reutilizáveis, interações e animações, esses protótipos facilitam uma colaboração detalhada e iterativa entre as equipes de design e desenvolvimento.
Além disso, obter feedback dos usuários através de protótipos de alta fidelidade é fundamental para assegurar a usabilidade e a satisfação do público-alvo. Ao observar e entrevistar os usuários durante a interação com esses protótipos, é possível identificar problemas de usabilidade, áreas de confusão e oportunidades de melhoria com uma fidelidade próxima ao produto final. Essas informações são vitais para aprimorar o design do site, otimizar a experiência do usuário e minimizar retrabalhos nas fases posteriores do desenvolvimento.
Metodologia
Para realização a avaliação do protótipo foi utilizado o método de observação somado ao teste de usabilidade que "visa a avaliar a usabilidade de um sistema interativo a partir de experiências de uso dos seus usuários-alvo" (Rubin, 1994; Rubin e Chisnell, 2008). Com isso foi seguido a recomendação de Dumas e Redish [2], que afirmam que uma avaliação de IHC deve envolver de cinco a doze usuários, sendo que cinco já são suficientes para detectar a maioria dos problemas, como relata Nielsen [3]. Portanto a seguir estão listadas todas as metodologias utilizadas tanto na avaliação como no relato dos resultados.
-
Observação direta: Consiste na observação sistemática dos usuários durante a execução das tarefas. Isso pode incluir a coleta de dados qualitativos, como comportamentais, e quantitativos, como métricas de desempenho.
-
Teste de Usabildiade: Os usuários-avlo testam a usabilidade de um sistema interativo baseando-se em experiências anteriores de uso.
-
Entrevista: Realizadas com os usuários após a simulação de uso, com o objetivo de coletar informações sobre a experiência de uso do protótipo de papel.
-
Questionário: Aplicados aos usuários após a simulação de uso, com o objetivo de coletar informações sobre a experiência de uso do protótipo de papel.
-
Grupos focal: Realizados com os usuários após a simulação de uso, com o objetivo de coletar informações sobre a experiência de uso do protótipo de papel.
Tarefas
A Tabela 1 apresenta a tarefa que foi prototipada e que será utilizada durante este documento.
Tabela 1 - Tarefa executada
| Número | Tarefa executada |
|---|---|
| 1 | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augusto. 2024.
Teste Piloto
O teste piloto oferece uma oportunidade valiosa para aperfeiçoar a experiência do usuário e assegurar que o protótipo esteja em conformidade com as expectativas e necessidades do público-alvo. Esta fase possibilita validar o protótipo, detectar eventuais problemas e ajustar detalhes antes da apresentação aos usuários finais.
A tabela 2 apresenta a realização do teste piloto, com data, horário, entrevistadores, entrevistados e tarefas selecionadas. Essa tabela foi baseada na Ficha de modelo para documentação das entrevistas, previamente elaborada no documento de Planejamento do Relato de Resultados do Protótipo de Alta Fidelidade.
Tabela 2 - Cronograma da Execução do Teste Piloto
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 1° | 01/07/2025 | 21:15 - 21:19 | Virtual | Augusto Duarte | Cainã Freitas | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augusto. 2024.
A seguir se encontra o vídeo 1 com a entrevista referente ao Teste Piloto:
Vídeo 1 - Entrevista Teste Piloto 1
Fonte: DUARTE, Augusto. 2024.
Primeira Entrevista
Tabela 3 - Cronograma Primeira Entrevista
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 1° | 03/07/2024 | 15:53 - 15:59 | FGA - LDTEA, sala 309 | Augusto Duarte e Cainã Valença | Felipe | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augusto. 2024.
Tabela 4 - Perguntas ao entrevistado
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | A interface apresentada foi de fácil utilização? | Objetiva/Discursiva | Não, as letras do menu hambuguer são muito pequenas, para usuarios mais idosos isso atrapalharia. |
| 2 | Existe uma correspondência com a realidade ao realizar essas ações? | Objetiva/Discursiva | Sim. |
| 3 | Teve algum problema com a disposição dos elementos na tela? | Objetiva/Discursiva | Sim, meio dificil encontrar algumas coisas da funcionalidade. |
| 4 | Teve alguma dificuldade ao realizar as tarefas designadas? | Objetiva/Discursiva | Não, só achar algumas coisas que foram meio dificeis. |
| 5 | Teve de lidar com algum erro durante a utilização do sistema? | Objetiva/Discursiva | Não. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Tabela 5 - Perguntas do entrevistador
| ID | Pergunta | Tipo de Resposta | Justificativa |
|---|---|---|---|
| 1 | O usuário conseguiu operar o sistema? | Objetiva | Sim. |
| 2 | Ele atinge seu objetivo? Com quanta eficiência? Em quanto tempo? Após cometer quantos erros? | Aberta | Sim, com média eficiencia, em um periodo de tempo de 3 minutos e, não cometeu erros. |
| 3 | Ele entendeu o que deveria ser feito em seguida? | Objetiva | Sim. |
| 4 | Quais barreiras o usuário encontrou ao atingir seus objetivos? | Aberta | Menu hamburguer com letras muito pequenas e dificuldade para achar algumas funcionalidades. |
| 5 | Quantas vezes os usuários consultaram a ajuda para realizar uma ação? | Aberta | Sim, duas vezes. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
A seguir se encontra o vídeo 2 com a entrevista referente a Primeira Entrevista:
Vídeo 2 - Primeira Entrevista
Fonte: DUARTE, Augusto. 2024.
Segunda Entrevista
Tabela 6 - Cronograma Segunda Entrevista
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 2° | 03/07/2024 | 16:18 - 16:23 | FGA - LDTEA, sala 309 | Augusto Duarte e Cainã Valença | Felipe Verissimo | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augcamp. 2024.
Tabela 7 - Perguntas ao entrevistado
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | A interface apresentada foi de fácil utilização? | Objetiva/Discursiva | Sim. |
| 2 | Existe uma correspondência com a realidade ao realizar essas ações? | Objetiva/Discursiva | Sim. |
| 3 | Teve algum problema com a disposição dos elementos na tela? | Objetiva/Discursiva | Não. |
| 4 | Teve alguma dificuldade ao realizar as tarefas designadas? | Objetiva/Discursiva | Não. |
| 5 | Teve de lidar com algum erro durante a utilização do sistema? | Objetiva/Discursiva | Não. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Tabela 8 - Perguntas do entrevistador
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | O usuário conseguiu operar o sistema? | Objetiva | Sim. |
| 2 | Ele atinge seu objetivo? Com quanta eficiência? Em quanto tempo? Após cometer quantos erros? | Aberta | Sim, com alta eficiencia, em um periodo de tempo de 2 minutos e, não cometeu erros. |
| 3 | Ele entendeu o que deveria ser feito em seguida? | Objetiva | Sim. |
| 4 | Quais barreiras o usuário encontrou ao atingir seus objetivos? | Aberta | Nenhuma. |
| 5 | Quantas vezes os usuários consultaram a ajuda para realizar uma ação? | Aberta | Nenhuma. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Vídeo 3 - Segunda Entrevista
Fonte: DUARTE, Augusto. 2024.
Terceira Entrevista
Tabela 9 - Cronograma Terceira Entrevista
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 3° | 03/07/2024 | 16:50 - 16:54 | FGA - LDTEA, sala 309 | Augusto Duarte e Cainã Valença | Igor Thiago | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augcamp. 2024.
Tabela 10 - Perguntas ao entrevistado
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | A interface apresentada foi de fácil utilização? | Objetiva/Discursiva | Sim. |
| 2 | Existe uma correspondência com a realidade ao realizar essas ações? | Objetiva/Discursiva | Sim. |
| 3 | Teve algum problema com a disposição dos elementos na tela? | Objetiva/Discursiva | Não. |
| 4 | Teve alguma dificuldade ao realizar as tarefas designadas? | Objetiva/Discursiva | Não. |
| 5 | Teve de lidar com algum erro durante a utilização do sistema? | Objetiva/Discursiva | Não. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Tabela 11 - Perguntas do entrevistador
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | O usuário conseguiu operar o sistema? | Objetiva | Sim. |
| 2 | Ele atinge seu objetivo? Com quanta eficiência? Em quanto tempo? Após cometer quantos erros? | Aberta | Sim, com alta eficiencia, em um periodo de tempo de 2 minutos e, não cometeu erros. |
| 3 | Ele entendeu o que deveria ser feito em seguida? | Objetiva | Sim. |
| 4 | Quais barreiras o usuário encontrou ao atingir seus objetivos? | Aberta | Nenhuma. |
| 5 | Quantas vezes os usuários consultaram a ajuda para realizar uma ação? | Aberta | Nenhuma. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Vídeo 4 - Terceira Entrevista
Fonte: DUARTE, Augusto. 2024.
Quarta Entrevista
Tabela 12 - Cronograma Quarta Entrevista
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 4° | 03/07/2024 | 16:50 - 16:54 | FGA - LDTEA, sala 309 | Augusto Duarte e Cainã Valença | João | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augcamp. 2024.
Tabela 13 - Perguntas ao entrevistado
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | A interface apresentada foi de fácil utilização? | Objetiva/Discursiva | Sim. |
| 2 | Existe uma correspondência com a realidade ao realizar essas ações? | Objetiva/Discursiva | Sim. |
| 3 | Teve algum problema com a disposição dos elementos na tela? | Objetiva/Discursiva | Não. |
| 4 | Teve alguma dificuldade ao realizar as tarefas designadas? | Objetiva/Discursiva | Não. |
| 5 | Teve de lidar com algum erro durante a utilização do sistema? | Objetiva/Discursiva | Não. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Tabela 14 - Perguntas do entrevistador
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | O usuário conseguiu operar o sistema? | Objetiva | Sim. |
| 2 | Ele atinge seu objetivo? Com quanta eficiência? Em quanto tempo? Após cometer quantos erros? | Aberta | Sim, com alta eficiencia, em um periodo de tempo de 1 minuto e, não cometeu erros. |
| 3 | Ele entendeu o que deveria ser feito em seguida? | Objetiva | Sim. |
| 4 | Quais barreiras o usuário encontrou ao atingir seus objetivos? | Aberta | Nenhuma. |
| 5 | Quantas vezes os usuários consultaram a ajuda para realizar uma ação? | Aberta | Nenhuma. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Vídeo 5 - Quarta Entrevista
Fonte: DUARTE, Augusto. 2024.
Quinta Entrevista
Tabela 15 - Cronograma Quinta Entrevista
| Ordem | Data | Horário de início e fim | Local | Entrevistadores | Entrevistado | Tarefas |
|---|---|---|---|---|---|---|
| 5° | 03/07/2024 | 17:18 - 17:23 | FGA - LDTEA, sala 309 | Augusto Duarte e Cainã Valença | Vinicius Rufino | Acessar o módulo de Contra Cheque e consultar processos do servidor. |
Fonte: DUARTE, Augcamp. 2024.
Tabela 16 - Perguntas ao entrevistado
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | A interface apresentada foi de fácil utilização? | Objetiva/Discursiva | Sim, unico ponto que pecou um pouco, foi no tamanho da fonte do menu hamburguer, falta acessibilidade. |
| 2 | Existe uma correspondência com a realidade ao realizar essas ações? | Objetiva/Discursiva | Sim. |
| 3 | Teve algum problema com a disposição dos elementos na tela? | Objetiva/Discursiva | Sim, com o tamanho da fonte do menu hamburguer |
| 4 | Teve alguma dificuldade ao realizar as tarefas designadas? | Objetiva/Discursiva | Não. |
| 5 | Teve de lidar com algum erro durante a utilização do sistema? | Objetiva/Discursiva | Não. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Tabela 17 - Perguntas do entrevistador
| ID | Pergunta | Tipo de Pergunta | Resposta |
|---|---|---|---|
| 1 | O usuário conseguiu operar o sistema? | Objetiva | Sim. |
| 2 | Ele atinge seu objetivo? Com quanta eficiência? Em quanto tempo? Após cometer quantos erros? | Aberta | Sim, com alta eficiencia, em um periodo de tempo de 2 minutos e, não cometeu erros. |
| 3 | Ele entendeu o que deveria ser feito em seguida? | Objetiva | Sim. |
| 4 | Quais barreiras o usuário encontrou ao atingir seus objetivos? | Aberta | O tamanho da fonte, foi umas das reclamações feitas pelo entrevistado. |
| 5 | Quantas vezes os usuários consultaram a ajuda para realizar uma ação? | Aberta | Nenhuma. |
Fonte: Página: 266,Capítulo 11. Processos de Design de IHC. Livro: Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
Vídeo 6 - Quinta Entrevista
Fonte: DUARTE, Augusto. 2024.
Considerações a serem realizadas
Com base no feedback recebido sobre o protótipo de alta fidelidade, algumas considerações cruciais surgiram para melhorar a experiência do usuário:
- Tamanho e legibilidade das letras.
- Organização e visibilidade.
- Ícones e rótulos claros
- Inclusão de opção de pesquisa
Prototipo de Alta Fidelidade e Script
Os elementos do Prototipo de Alta Fidelidade podem ser observados no projeto elaborado através do site Figma, juntamente com o Script que pode ser localizado abaixo:
Figura 1 - Prototipo de Alta Fidelidade
Fonte: DUARTE, Augusto. 2024.
Figura 2 - Script
Fonte: DUARTE, Augusto. 2024.
Bibliografia
[1] Barbosa, S. D. J.; Silva, B. S. da; Silveira, M. S.; Gasparini, I.; Darin, T.; Barbosa, G. D. J. (2021) Interação Humano-Computador e Experiência do usuário. Autopublicação.
[2] Dumas, J. S., & Redish, J. C. (1999). A practical guide to usability testing. Intellect Books.
[3] NIELSEN, Jakob. Usability Engineering. Academic Press, 1993.
Histórico de Versões
| Data | Versão | Descrição | Autor(es) | Data de revisão | Revisor(es) |
|---|---|---|---|---|---|
| 03/07/2024 | 1.0 |
Criação do documento | Augusto Duarte | 03/07/2024 | Cainã Freitas |
| 03/07/2024 | 1.1 |
Considerações finais | Augusto Duarte | 03/07/2024 | Cainã Freitas |
| 03/07/2024 | 1.2 |
Prototipo | Augusto Duarte | 03/07/2024 | Cainã Freitas |