Pré-postagem
Introdução
Este documento tem como objetivo validar o protótipo de alta fidelidade feito pelo integrante Gabriel F. J. Silva, que tem como foco representar a loja online dos correios e suas repectivas funcionalidades, como: busca, filtragem e compra de produtos. Esse documento utiliza como base o artefato de planejamento para o relato, mostrando abaixo todos os dados e informações importantes coletadas nas entrevistas realizadas.
Metodologia
Este artefato leva como base alguns tópicos elecandos no livro IHC por Barbosa e Silva(2021, p.303), para estruturar o relato dos resultados da análise do protótipo de alta fidelidade e também leva em consideração o artefato do planejamento da análise. Os tópicos a serem desenvolvidos pela equipe são:
- Objetivos da avaliação;
- Metodologia da prototipação
- Número e perfil dos avaliadores e participantes
- Tarefas executadas pelos participantes
- Lista de Problemas encontrados.
Objetivos da avaliação
Os objetivos desse artefato, conforme estabelecido no planejamento da avaliação, são:
- Analisar apropriação da tecnologia
- Comparar ideias alternativas de design
- Identificar problemas na interação e interface
Metodologia da prototipação
O método de avaliação que será utilizado será o de teste de usabilidade através do protótipo de alta fidelidade, com um questionário para o usuário e um para ser respondido com base nas ações do usuário ao utilizar e avaliar o protótipo. Nas Tabelas 1 e 2, respectivamente, estão as perguntas para identificar as impressões e opiniões que o usuário obteve ao utilizar o protótipo e também se a utilização do protótipo pelo participante se dá de maneira correta cumprindo com os objetivos propostos. Abaixo temos o script das ações que o usuário deveria realizar utilizando o protótipo, mas podendo realizar ações não previstas no nele:
- Preencher os dados de uma postagem
- Gerenciar o carrinho de postagens
- Escolher método de pagamento
- Realizar pagamento
Tabela 1 - Perguntas do questionário para o usuário pós-teste.
| ID | Pergunta |
|---|---|
| 1 | Como você avalia o design apresentado no protótipo?(péssimo, ruim, médio, bom, ótimo) |
| 2 | Você acredita que a disposição dos itens e elementos na tela está bem organizada e de fácil visualização? |
| 3 | Você teve obstáculos ao realizar alguma ação na aplicação ou ao utilizar a funcionalidade proposta? |
| 4 | Foi encontrado alguma falha durante o uso da funcionalidade apresentada? |
| 5 | As tarefas mostradas são plauzíveis e representam bem a realidade? |
| 5 | Você sugere alguma mudança no design da interface ou nas funcionalidades apresentadas? |
Fonte: Elias F. Oliveira, 2024
Tabela 2 - Perguntas do questionário pós-teste.
| ID | Pergunta | Objetivo Relacionado |
|---|---|---|
| 1 | O usuário utilizou de forma correta a funcionalidade? | Analisar apropriação da tecnologia |
| 2 | Foram atingidos os objetivos principais do participante ao testar o protótipo? | Analisar apropriação da tecnologia |
| 3 | O usuário teve obstáculos para concluir a tarefa proposta? Se sim quais foram? | Identificar problemas na interação e interface |
| 4 | Em quais partes do sistema esses problemas e obstáculos são encontrados? E com qual frequência ocorrem? | Identificar problemas na interação e interface |
| 5 | O usuário requereu auxílio para compreender alguma parte da interface ou para realizar alguma ação? Se sim quantas vezes? | Identificar problemas na interação e interface |
Fonte: Elias F. Oliveira, 2024
Número e perfil dos avaliadores e participantes
Na Tabela 3, temos tanto as tarefas a serem avaliadas quanto os participantes, e seus papeis, das sessões do teste de usabilidade.
Tabela 3 - Número e perfil dos participantes da entrevista.
| Tarefa | Entrevistador | Entrevistado | Idade | Ocupação | Experiência e facilidade com tecnologia | Data | Local |
|---|---|---|---|---|---|---|---|
| Pré-postagem | Gabriel F. J. Silva | Caio Mesquita | 23 anos | Estudante | Boa | 03/07/2024 | UnB-FGA |
| Pré-postagem | Gabriel F. J. Silva | Emivalto Tavares | 24 anos | Estudante | Muito Boa | 03/07/2024 | UnB-FGA |
| Pré-postagem | Gabriel F. J. Silva | Willdemberg Salles | 21 anos | Estudante | Muito Boa | 03/07/2024 | UnB-FGA |
Fonte: Gabriel F. J. Silva, 2024.
Protótipo de Alta Fidelidade
Para a realização do protótipo foi utiliada a ferramenta JustInMind, que pode ser conferido por meio desse link aqui .Abaixo na Figura 01, 02, 03 estão as telas que foram desenvolvidas do zero para o protótipo de alta fidelidade, pois representam funções que não estavam implementadas no site dos correios até a data do projeto.
Figura 01: tela desenvolvida para adicionar endereços, do remetente, já cadastrados na conta Meus Correios
Fonte: Gabriel F. J. Silva
Figura 02: tela desenvolvida para adicionar destinatários frequentes
Fonte: Gabriel F. J. Silva
Figura 03: tela adicionada para o pagamento por pix
Fonte: Gabriel F. J. Silva
Gravações das Avaliações do Protótipo
Nas Tabelas 4 e 5 temos as perguntas e retspostas para a Sessão 1, Tabelas 6 e 7 para a Sessão 2 e 8 9 para a Sessão 3 do Teste de Usabilidade.
Vídeo 1 - Entrevista do protótipo de alta fidelidade com o usuário Caio Mesquita.
Tabela 4 - Perguntas do questionário pós-teste, para o usuário.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | Como você avalia o design apresentado no protótipo?(péssimo, ruim, médio, bom, ótimo) | Ótimo |
| 2 | Você acredita que a disposição dos itens e elementos na tela está bem organizada e de fácil visualização? | Sim |
| 3 | Você teve obstáculos ao realizar alguma ação na aplicação ou ao utilizar a funcionalidade proposta? | Sim |
| 4 | Foi encontrado alguma falha durante o uso da funcionalidade apresentada? | Não |
| 5 | As tarefas mostradas são plauzíveis e representam bem a realidade? | Sim |
| 6 | Você sugere alguma mudança no design da interface ou nas funcionalidades apresentadas? | Não |
Fonte: Gabriel F. J. Silva, 2024
Tabela 5 - Perguntas para o avaliador.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | O usuário utilizou de forma correta a funcionalidade? | Sim, porém, a alternativa de design de adicionar um atalho mais vísivel na página inicial não foi a primeira opção para iniciar a tarefa e a função de bloquear o campo das dimensões com base no tipo da embalagem (funcionalidade original do site dos correios) não foi facilmente compreendida pelo usuário |
| 2 | Foram atingidos os objetivos principais do participante ao testar o protótipo? | sim |
| 3 | O usuário teve obstáculos para concluir a tarefa proposta? Se sim quais foram? | sim, o usuário tentou iniciar a tarefa por um caminho não previsto no protótipo |
| 4 | Em quais partes do sistema esses problemas e obstáculos são encontrados? E com qual frequência ocorrem? | Eles foram encontrados na página inicial e ocorreu em todas as sessões do teste, porém, apenas uma vez durante cada sessão |
| 5 | O usuário requereu auxílio para compreender alguma parte da interface ou para realizar alguma ação? Se sim quantas vezes? | Sim, ao preencher os campos dos dados da pré-postagem |
Fonte: Gabriel F. J. Silva, 2024
Vídeo 2 - Entrevista do protótipo de alta fidelidade com o usuário Emivalto Tavares.
Tabela 6 - Perguntas do questionário pós-teste, para o usuário.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | Como você avalia o design apresentado no protótipo?(péssimo, ruim, médio, bom, ótimo) | Ótimo |
| 2 | Você acredita que a disposição dos itens e elementos na tela está bem organizada e de fácil visualização? | Sim |
| 3 | Você teve obstáculos ao realizar alguma ação na aplicação ou ao utilizar a funcionalidade proposta? | Não |
| 4 | Foi encontrado alguma falha durante o uso da funcionalidade apresentada? | Não |
| 5 | As tarefas mostradas são plauzíveis e representam bem a realidade? | Sim |
| 6 | Você sugere alguma mudança no design da interface ou nas funcionalidades apresentadas? | Não |
Fonte: Gabriel F. J. Silva, 2024
Tabela 7 - Perguntas para o avaliador.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | O usuário utilizou de forma correta a funcionalidade? | Sim, porém, a alternativa de design de adicionar um atalho mais vísivel na página inicial não foi a primeira opção para iniciar a tarefa |
| 2 | Foram atingidos os objetivos principais do participante ao testar o protótipo? | sim |
| 3 | O usuário teve obstáculos para concluir a tarefa proposta? Se sim quais foram? | sim, o usuário tentou iniciar a tarefa por um caminho não previsto no protótipo e, inicialmente, não se atentou à ordem de preenchimento dos campos |
| 4 | Em quais partes do sistema esses problemas e obstáculos são encontrados? E com qual frequência ocorrem? | Eles foram encontrados na página inicial e ná página de preenchimento da pré-postagem, ocorrendo em todas as sessões do teste, porém, apenas uma vez durante cada sessão |
| 5 | O usuário requereu auxílio para compreender alguma parte da interface ou para realizar alguma ação? Se sim quantas vezes? | Sim, sobre a ordem de preenchimento dos campos dos dados da pré-postagem |
Fonte: Gabriel F. J. Silva, 2024
Vídeo 3 - Entrevista do protótipo de alta fidelidade com o usuário Willdemberg Salles.
Tabela 8 - Perguntas do questionário pós-teste, para o usuário.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | Como você avalia o design apresentado no protótipo?(péssimo, ruim, médio, bom, ótimo) | Ótimo |
| 2 | Você acredita que a disposição dos itens e elementos na tela está bem organizada e de fácil visualização? | Sim |
| 3 | Você teve obstáculos ao realizar alguma ação na aplicação ou ao utilizar a funcionalidade proposta? | Não |
| 4 | Foi encontrado alguma falha durante o uso da funcionalidade apresentada? | Não |
| 5 | As tarefas mostradas são plauzíveis e representam bem a realidade? | Sim |
| 6 | Você sugere alguma mudança no design da interface ou nas funcionalidades apresentadas? | Não |
Fonte: Gabriel F. J. Silva, 2024
Tabela 9 - Perguntas para o avaliador.
| ID | Pergunta | Resposta |
|---|---|---|
| 1 | O usuário utilizou de forma correta a funcionalidade? | Sim, porém, a alternativa de design de adicionar um atalho mais vísivel na página inicial não foi a primeira opção para iniciar a tarefa e a função de bloquear o campo das dimensões com base no tipo da embalagem (funcionalidade original dos correios) não foi facilmente compreendida pelo usuário |
| 2 | Foram atingidos os objetivos principais do participante ao testar o protótipo? | sim |
| 3 | O usuário teve obstáculos para concluir a tarefa proposta? Se sim quais foram? | sim, o usuário tentou iniciar a tarefa por um caminho não previsto no protótipo |
| 4 | Em quais partes do sistema esses problemas e obstáculos são encontrados? E com qual frequência ocorrem? | Eles foram encontrados na página inicial e ocorreu em todas as sessões do teste, porém, apenas uma vez durante cada sessão |
| 5 | O usuário requereu auxílio para compreender alguma parte da interface ou para realizar alguma ação? Se sim quantas vezes? | Sim, ao preencher os campos dos dados da pré-postagem apenas uma vez |
Fonte: Gabriel F. J. Silva, 2024
Lista de Problemas de usabilidade não corrigidos
Abaixo temos os problemas de usabilidade corrigidos após a fase de avaliação do protótipo de papel elaborado na etapa passada do projeto.
Problema 1
- Local onde ocorreu: tela inicial
- Fatores de usabilidade prejudicados: Eficiência
- Descrição e justificativa do problema: ao procurar por onde começar para realizar a tarefa de pré-postagem, todos os participantes começaram pelo primeiro menu horizontal, onde há a opção "enviar", ao invés da sessão de acesso rápido, em que há um ícone para pré-postagem
- sugestões de solução: creio que ambos os locais de acesso são válidos, uma vez que eu mesmo enquanto analisava a interface do site nunca havia acessado a funcionalidade por aquele menu
Problema 2
- Local onde ocorreu: telas de preenchimento dos dados da postagem
- Fatores de usabilidade prejudicados: Aprendizado
- Descrição e justificativa do problema: todos os participantes não perceberam que ao clicar em um tipo de embalagem, certos campos do tamanho das dimensões não eram necessários e com isso, inseriram dados neles
- sugestões de solução: bloquear o campo de preenchimento conforme o tipo de embalagem escolhido
Problema 3
- Local onde ocorreu: tela de pagamento por pix
- Fatores de usabilidade prejudicados: Aprendizagem
- Descrição e justificativa do problema: ao clicar em copiar a chave pix, surge uma tela confirmando o recebimento do pagamento e disponibilizando o código para postagem da encomenda junto a um botão para copiá-lo, porém, todos os participantes não perceberam isso e acharam que ainda se tratava do código pix
- sugestões de solução: após o recebimento do pix, mostrar um tela de pop up com a confirmação do recebimento e disponibilizar o código para postagem fora deste pop up.
Resultado e Reprojeto
Abaixo temos a Tabela 10 com o cronograma executado do reprojeto:
Tabela 10 - Cronograma do Reprojeto executado.
| Funcionalidade | Autor | Revisor | Data |
|---|---|---|---|
| tela inicial | Gabriel F. J. Silva | Pablo S. Costa | 05/07/2024 |
| preenchimento dos dados da postagem | Gabriel F. J. Silva | Pablo S. Costa | 05/07/2024 |
| tela de pagamento por pix | Gabriel F. J. Silva | Pablo S. Costa | 05/07/2024 |
Fonte: Gabriel F. J. Silva, 2024
Bibliografia
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. ISBN: 978-65-00-19677-1. Acesso em: 03 de Julho de 2024
Justinmind. Disponível em: . Acesso em: 03 de Julho de 2024
Histórico de Versão
| Versão | Data | Descrição | Autor | Revisor |
|---|---|---|---|---|
1.0 |
03/07/2024 | Criação do documento | Gabriel F. J. Silva | Pablo S. Costa |
1.1 |
08/07/2024 | Adicione respostas das perguntas para o avaliador | Gabriel F. J. Silva | PClaudio Henrique |