Testes de Usabilidade
Para o teste de usabilidade, o grupo usou 3 ferramentas: um Cognitive Walktrough, com um guião de tarefas para o utilizador realizar, uma tabela de registo de dados / comentários do utilizador (através da técnica de Thinking Aloud) e um inquérito final de satisfação do utilizador.
Ao efectuar o teste, foi possível ao grupo identificar 3 problemas de usabilidade na nossa plataforma:
- A posição do formulário de contacto
- A posição do formulário de registo
- A colocação de vídeo nos comentários
Essas foram os aspectos que os utilizadores mais comentaram, mesmo que não se tenham reflectido em cliques ou erros, pois nos dois casos o problema era os utilizadores andarem a procura do modo de efectuar as tarefas, necessitando, no caso do upload de video, do auxílio do grupo.
Em relação ao formulário de contaco, o principal aspecto negativo era o facto de se localizar no fundo da página, no footer. A maior parte dos utilizadores demorava um pouco a encontrá-lo por ter de fazer o scroll ao longo da página.
Já o formulário de registo, o facto de não se localizar no header provoca um pouco de hesitação nos utilizadores, pois é o lugar comum onde estes elementos se encontram.
Estes dois pequenos problemas não são, no entanto, alarmantes, pois não causaram confusão nos utilizadores, como os mesmos apontaram nos inquéritos de satisfação. Apenas são os aspectos que demoram mais a ser encontrados.
Quanto à colocação do vídeo nos comentários, a opção de colocar o url do vídeo, sem precisar do embbed e apenas tendo de “deslinkar” o mesmo revelou-se complicada para os utilizadores. A tentativa de alertar os utilizadores para esse facto com uma tooltip informativa também se revelou pouco eficaz, pois os utilizadores não viam o botão. Esta é uma questão fundamental para o grupo resolver.
Outra das tarefas do questionário que causou alguma dificuldade aos utilizadores testados foi o sistema de legendagem do youtube que é pouco intuitivo e prático. Este, no entanto, não é algo que seja da responsabilidade do grupo, logo não o podemos resolver.
Outro aspecto constatado nos testes está relacionado com as próprias funcionalidades do wordpress. A partir do momento que o utilizador está logado, surge uma barra no topo que permite igualmente pesquisar na plataforma, terminar sessão e editar o perfil.
Assim, três dos cinco utilizadores testados utilizaram essa ferramenta, e não a barra implementada pelo grupo ou os botões de editar perfil e fazer logout. No entanto, pensamos que isto não é um problema, e dá liberdade ao utilizador de utilizar o que for mais intuitivo.
Para completar os elementos utilizados para o teste, e a título de curiosidade, o grupo usou uma ferramente online chamada “ClickTale” (http://www.clicktale.com/), que rastreia diversos elementos num site como o número de cliques, as “heat zones”, ou seja, que são mais clicadas ou onde o mouse passa mais frequentemente, etc.
O grupo fez o registo dos cinco testers e monitorizou as zonas mais clicadas e os locais de passagem do rato, originando os seguintes documentos:
(Obs.: no mapa de cliques há uma zona que está oculta por não apresentar nenhum clique)
Testes de Compatibilidade
Efectuando os testes de compatibilidade entre browsers e concluímos que grande parte dos problemas prendem-se com o não reconhecimento de CSS3 por parte do Internet Explorer. No entanto, não é grave uma vez que tudo está funcional, são pequenos pormenores como fade-ins nos botões ou os cantos dos formulários.
Dois outros problema surgiram recentemente e são esses que prendem agora a atenção do grupo: os comentários recentes, no footer, não estão a respeitar a grelha e ultrapassam o espaço que lhes é destinado, e o botão de pesquisa, a lupa, não está alinhada com o campo de inserção de texto.
Para a entrega TP6 foi proposto inicialmente que seriam desenvolvidas as restantes páginas que consitutem a plataforma, bem como as 2 funcionalidades que estavam em falta na home: mostrar e inserir comentários e mostrar os comentários recentes.
Todos estes objectivos foram cumpridos, embora ainda tenham alguns bugs a resolver. Além deles ainda foi complementada a experiência de comentar com um botão de ajuda à acção e foram também corrigidos alguns pequenissimos pormenores a nivel gráfico de estruturação da página.
Comentários e formulário de comentários na HOME
Originalmente e após a implementação do template base para a plataforma, na homepage não apareciam nem os comentários efectuados nessa página, ou seja ao vídeo do documentário, nem o formulário de inserção de comentários para essa mesma página.
Após pesquisa sobre este problema, foi encontrada a simples solução de “dizer que a página tem comentários”: $withcomments = "1" e assim os comentários e o seu formulário já aparecem na home.
Com esta implementação apareceram 2 bugs: a barra que serve para o utilizador formatar o seu comentário não aparece na home e quando submetemos um novo comentário a página “salta” para a página de post único, página essa que aparece desformatada, pois não era suposto a mesma aparecer (deveria manter-se na página onde o comentário é inserido). Embora ainda não estejam corrigidos estes bugs, estes são a grande prioridade agora para que idealmente estejam resolvidos a tempo de serem testados.
Comentários recentes
Como o widget fornecido pelo Wordpress para colocar no footer não reconhecia a nova estrutura criada por nós, foi necessário construir todo o mecanismo de pesquisa na BD e impressão da informação no local correcto.
Para que estes comentários não extravasem os limites da sua área de aparição, foi limitado o número de caracteres a ser pesquisado a 95.
Tooltip em Jquery
Como mecanismo de ajuda ao utilizador foi criado um botão (
) por baixo do formulário em que, quando o rato passa no botão, aparece uma tooltip que informa o utilizador para a particularidade de ter de deslinkar o URL de sites como o youtube ou o vimeo para que o plugin instalado assuma o link e faça automaticamente o embed. Para este mecanismo funcionar, foi necessário “linkar” o ficheiro de jquery a partir do site do mesmo para que a tooltip funcione.
Com esta implementação apareceu um novo erro: a tooltip só aparece na homepage. Como a invocação desta acção está escrita no ficheiro header.php, que está presente em todas as páginas, supostamente deveria aparecer correctamente em toda a plataforma. Este também é um erro no qual está focada a atenção do grupo.
Ajustamentos gráficos
Após conversa com o professor Pedro Amado e tendo em conta os comentários efectuados aquando a última entrega, foram feitos alguns reajustamentos a nível de CSS, nomeadamente:
· Espaçamento superior do botão de login.
· Reforço da margem de identação da encadeação dos comentários.
Link para a plataforma:http://blogs.ua.pt/Euragora/
