Introdução
O Protótipo de papel é uma versão simplficada do desing inicial de um site, sua proposta é criarmos uma versão rápida e de fácil edição para testar a interface com o usuário final, e garantir que um fluxo esperado seja utilizado baseado em nossa observação. A avaliação do protótipo de papel aqui executada evidenciará este processo.
Objetivo e escopo da avaliação:
O objetivo dessa avaliação é validar uma versão utilizável para nossos protótipos de papel para que sejam o mais coesos, entendíveis e condizentes possíveis. Assim podemos identificar problemas em nas interações do usuário com o sistema para uso futuro.
Execução do roteiro
Baseando-se no roteiro construido no nosso planejamento, passamos pela primeira etapa realizada no dia 10/01/2025, onde o grupo 1 executou sua primeira validação e validou o protótipo de papel com o usuário.
Seleção dos Participantes
Durante a seleção dos participantes decidimos por usuário de alta interação na plataforma, onde likes e pesquisas de usuário são seu padrão de uso. Uma vez que durante os relatos do Storyboard analisamos a necessidade dos usuários dessa plataforma por atos de interação.
Feedback dos Usuários
Abaixo temos a lista padrão de respostas utilizada para conseguir alguns dados do usuário. Também temos o vídeo onde ele responde essas perguntas separadamente, para que possamos colocar as fases em suas devidas etapas.
Tabela 1 - Roteiro de Perguntas Pós-Teste
| Pergunta | Tipo de Resposta |
|---|---|
| O layout da interface do está claro e organizado? | ()Sim ()Não |
| Os elementos de navegação são intuitivos? | ()Sim ()Não |
| Você encontrou dificuldades para realizar alguma tarefa específica? | Aberta |
| Quais funcionalidades você gostaria de ver implementadas no BlueSky? | Aberta |
| Como você compara a experiência do BlueSky com outras redes sociais que utiliza? | Aberta |
Autor: Gabriel Monteiro
Tabela 2 - Roteiro de Perguntas Pós-Teste Para o primeiro entrevistado
| Pergunta | Tipo de Resposta |
|---|---|
| O layout da interface do está claro e organizado? | (X)Sim ()Não |
| Os elementos de navegação são intuitivos? | (X)Sim ()Não |
| Você encontrou dificuldades para realizar alguma tarefa específica? | "Não encontrei nenhuma" |
| Quais funcionalidades você gostaria de ver implementadas no BlueSky? | "Existência de um feed PARA VOCÊ" |
| Como você compara a experiência do BlueSky com outras redes sociais que utiliza? | "Parecida com o twitter, muito boa" |
Autor: Davi Nobre
Vídeo 1 - Perguntas para o usuário: Entrevista com usuário Vinicius
Autor: Davi Nobre
Tabela 3 - Roteiro de Perguntas Pós-Teste para o segundo entrevistado
| Pergunta | Tipo de Resposta |
|---|---|
| O layout da interface do está claro e organizado? | (X)Sim ()Não |
| Os elementos de navegação são intuitivos? | (X)Sim ()Não |
| Você encontrou dificuldades para realizar alguma tarefa específica? | falta de notificação dos campos obrigatórios |
| Quais funcionalidades você gostaria de ver implementadas no BlueSky? | Conseguir acessar o perfil dos usuários na lista de adição das listas de usuários |
| Como você compara a experiência do BlueSky com outras redes sociais que utiliza? | Similar ao Twitter |
Autor: João Ribeiro
Vídeo 2 - Perguntas para o usuário: Entrevista com usuário Sebastian
Autor: Davi
Termo de Livre Consentimento.
Abaixo respeitando as vontades e direitos do entrevistado, solicitamos a ele que assinassem o termo de livre consentimento caso concordassem com os requisitos ali estabelecidos, tendo feito isso poderíamos prosseguir com a entrevista.
Visualizar Termo de Livre Consentimento
Link1 - Termo de livre Consentimento Vinicius. Autor: Davi Nobre
Gravações da observação.
Vídeo 3 - Utilização do protótipo por usuário: Entrevista com usuário Vinicius
Autor: Davi
Vídeo 4 - Utilização do protótipo por usuário: Entrevista com usuário Sebastian
Autor: João Ribeiro
Observações do responsável pelo teste.
Aqui relataremos observações pessoais de quando analisamos o usuário interagir com o protótipo. Abaixo teremos o nome do participante do grupo 01 e sua respectiva observação.
Davi: Notei que o usuário tem um costume maior de olhar para barra lateral esquerda ao procurar uma função, isso é particularmente bom pois nosso foco é deixar o máximo de informação possível de fácil acesso sem praticar poluição visual, e ainda manter a identidade do antigo Twitter. Notei entretanto que mesmo fazendo isso, o usuário preferiu clicar no pesquisar do canto direito (talvez condicionamento do uso das plataformas semelhantes que estão a mais tempo em mercado) isso novamente foi algo positivo, pois nosso medo era a repetição desses botões como estão incomodar o cliente, mas eles são um comuns o suficiente pela internet para coexistirem sem estranhamento. Analisei também um incomodo evidente no local de criar um post, o usuário parece desgostar da opção de escrita acima do feed, projetada originalmente para maior conforto. Baseado nesse fato e considerando que a posição realmente consome um grande pedaço da aba feed, é algo a se pesar.
João: usuário de fato testou os limites do protótipo e explorou todas as possibilidades de ações no protótipo de papel das listas de usuário e atribuo a isso o tempo necessário ao usuário para a tomada de decisões, já que o mesmo é familiar a redes sociais, as utilizando frequentemente. No geral, todas as suas ações com o intuito de realizar a tarefa proposta foram corretas.
Melhorias apontadas pelos usuários
Vinicius: No geral o usuário elogiou nosso trabalho, apontado pouquissímas melhorias (embora relvantes para o produto final). Entretanto ao ser questionado sobre possíveis melhorias gerais na plataforma o usuário 01 disse sentir falta da aba PARA VOCÊ, como essa aba já existe podemos considerar duas possibilidades: a) Destenção aos feeds, uma vez que o bluesky possui mais feeds que os concorrentes graças a opção de criar e adicionar a comunidade ou b) Os feeds são pequenos demais o que causam confusão e/ou algum tipo leve de poluição visual que resultado no usuário final ignorando a leitura. Acreditamos que a segunda opção é pouco provável uma vez que o tamanho da fonte ocupa em telas de computadores uma parte considerável da aba superior, dito isso tivemos esse comentário como uma deficiência visual do protótipo de papel e não um erro da plataforma.
Sebastian: O usuário teve uma percepção positiva no geral, por utilizar de redes de microblogs frequentemente ele apontou algumas sugestões relevantes. Uma delas foi a notificação de campos obrigatórios com um pequeno texto após tentar criar uma lista de usuários sem os preencher, já que uma notificação em pop-up, por exemplo, seria exagero para passar tal informação. Outra susgestão foi a da possibilidade de acessar o perfil dos usuários na lista de adição para saber se é de fato o perfil que se quer adicionar, pois existem perfis com nomes/avatares parecidos e/ou iguais. Ambas as sugestões são válidas e devem ser consideradas.
Conclusões
O trabalho teve resultados favoráveis, ao desenvolver o protótipo de papel o time buscou replicar uma similaridade com o concorrente de forma que o mesmo parecesse novo mas ao mesmo tempo conhecido, isso se refletiu nos usuários, o participante Vinicius, por exemplo, demorou em média menos de 2 segundos para terminar uma execução solicitada. Os usuários pareceram fazer tudo com naturalidade e as mudanças de palavras ou nomes nos ícones em momento nenhum pareceu dificultar suas tarefas. Entretanto houveram pontos observados e apontados pelos participantes a serem melhorados para o protótipo sucessor a esse (alta fidelidade), o usuário Vinicius pareceu visivelemente incomodado com a parte superior do estilo de post, o que é completamente entendível tendo em vista que é uma opção não muito usual, como o possível efeito prático foi na verdade um incomodo para o usuário final, o ideal seria manter as opções que deixamos no protótipo de papel apenas com a remoção de desse fator, e ver como o irão se comportar futuros testes de alta fidelidade. Em conclusão, podemos afirmar com base nas avaliações e nos feedbacks que a navegação na solução proposta é intuitiva e eficiente, permitindo atender às expectativas dos usuários de redes sociais que conseguem realizar as tarefas propostas sem problema algum, apesar de ainda existirem pontos de melhoria.
Bibliografia
Lichess. Análise Hierárquica de Tarefas. Repositório do Grupo Lichess da disciplina de Interação Humano Computador da Universidade de Brasília, 2022.2. Disponível em: https://interacao-humano-computador.github.io/2022.2-Lichess/design_avaliacao_desenvolvimento/nivel_1/storyboard/planejamento_avaliacao/ Acesso em 26/12/2024 ás 21:00
BARBOSA, S. D. J.; SILVA, B. S. Interação Humano-Computador. Elsevier, 2011.
Bilheteria Digital. Análise Hierárquica de Tarefas. Repositório do Grupo Bilheteria Digital da disciplina de Interação Humano Computador da Universidade de Brasília, 2023.1. Disponível em: https://interacao-humano-computador.github.io/2023.1-BilheteriaDigital/analise-de-requisitos/analise-de-tarefas/hta/. Acesso em 26/12/2024 ás 21:01
Histórico de Versão
| Data | Versão | Descrição | Autor | Data da Revisão | Revisor |
|---|---|---|---|---|---|
| 13/01 | 1.0 | Criação do documento | Davi Nobre | 13/01 | João Ribeiro |
| 10/02 | 1.1 | Add avaliação protótipo de papel - lista de usuários | João Ribeiro | 10/02 | Davi Nobre |