Primeira fase de testes

Foi no passado dia 26 que se realizou a primeira sessão de testes. Esta, dada algumas alterações do plano de testes, nomeadamente em questões de sala, (relembro que a sala que foi pensada foi um dos laboratórios do Sapo, uma vez que esta possuia Macs com um software ideal para todo o registo da navegação e filmagens do mesmo), fez-nos alterar alguns aspectos, essencialmente o contexto de realização dos mesmos. Decidimos optar por um contexto natural (em casa e no local de trabalho dos utilizadores), de maneira a obtermos menos inibição nas pessoas, já provocado pelas filmagens.

Os indivíduos a que recorremos foram: duas pessoas com boa literacia tecnológica (um dos testers desta categoria foi a professora Lídia Oliveira), dois colegas com alguns conhecimentos (enquadra-se nesta categorização, o uso de comunidades virtuais, uso de internet) e, também, um elemento com fraca literacia tecnológica (um pai de um dos elementos do grupo), com fraca experiência no domínio web e de aplicações semelhantes à do nosso projecto.

Esta primeira sessão fez-nos detectar imensos erros, o que por consequência, leva-nos a alterar o agendamento dos testes, fazendo com que a segunda sessão de testes a ser realizada (hoje), passe para sexta-feira (dia 30 de Maio), tornando-se também a última.

Dado que por auxílio das nossas orientadoras conseguimos contactar com dois alunos que estão a desenvolver uma aplicação um pouco semelhante à nossa (sobretudo no tema sociabilidade), para telemóvel, decidimos recorrer a ambos para uma apreciação quase final do nosso projecto, a realizar-se dia 3 de Junho.

Iremos analisar brevemente os resultados dos testes, contudo ficam aqui os principais erros (apreciações) que verificámos:

Registo:
Problemas na inserção da data de nascimento (apenas por TAB) – As pessoas que não estavam habituadas a usar atalhos do teclado, só ultrapassaram este problema com a nossa ajuda;

Problemas na inserção de localização no mapa – O scroll do rato quando feito na primeira fase do registo, acompanhava o scroll na página e também alterava a visualização no mapa (zoom in/zoom out);

Problemas na inserção de fotografias (este erro aconteceu nas restantes áreas do site em que possuia tal funcionalidade) – A maior parte dos testers não verificava que para efectuar o upload da fotografia era necessário carregar no botão “upload”, acreditando que, com o avançar da página, tal acontecia.

Outro dos problemas que já tentámos resolver e não obtivemos nenhum feedback, foi a conclusão do registo (o envio do link para o email do utilizador com um link de activação), pela ausência da aplicação Php Mailer instalada no servidor – Este problema fez com que a estruturação do registo não fosse de todo percebida e fizesse alterações nos próprios testes, uma vez que os utilizadores tiveram de fazer o teste com logins por nós disponibilizados;

Eventos:
Inserção e visualização do evento – Sempre que o utilizador criava um evento, este não aparecia logo como sendo o primeiro da lista, o que acabava por geral alguma confusão;

Dificuldade em compreender a organização dos conteúdos, sobretudo quando pedíamos para inserir um comentário – As pessoas mostraram alguma dificuldade em perceber que para comentar algo (tal aconteceu em todas as áreas de conteúdos) necessitavam de entrar no evento pormenorizado para efectuar tais perações; Verificámos também sobre este ponto que a maioria dos utilizadores, não se lembrava de fazer scroll down para ver todo o conteúdo da página de um conteúdo pormenorizado;

A mesma dificuldade verificava-se quando se pedia para o tester enviar um pedido de lembrança do evento que tinha inserido;

Notícias e Locais:
Dificuldade na compreensão do sistema de pesqusia – Caso o utilizador seleccionasse uma categoria e esta não apresentasse resultados, tal confundia o utilizador. Neste aspecto é necessário inserir feedback ao utilizador, caso tal se suceda.

A mesma dificuldade em relação ao comentário (ver eventos); Para esta questão será necessário mudar o link de comentário ou estruturar a área de comentários de outra forma;

Anúncios:
Dificuldade na apreensão do sistema de pesquisa – Os testers tiveram alguma dificuldade em compreender que, para cada categoria apareceria diferentes sub-categorias, aquando do refinamento da pesquisa;

Dificuldade em perceber a lógica do botão “refinar pesquisa”;

Dificuldade em perceber o local da apresentação dos resultados da pesquisa;

Dificuldade na procura de algumas categorias nos sitemas de drop down, uma vez que os itens não se encontravam por ordem alfabética;

Erros detectados pelo grupo:
Não apresentação de caracteres especias como os acentos na maior parte dos conteúdos inseridos;
Textos muito longos ficavam desformatados e não apareciam por completo;
Erros ortográficos;
Ausência de feedbacks de confirmação para a interacção dos utilizadores (sobretudo nos votos em que deveria haver uma mensagem a referir algo do género “O seu comentário foi adicionado com sucesso”);

Com estes testes verificaram-se algumas dificuldades na compreensão do nosso site e na estruturação do mesmo. É dificil saber desde já, se estes são provocados pelo primeiro contacto com o sistema ou se, por ventura estes não estão de acordo com as estruturas mentais dos utilizadores. Mesmo assim, iremos fazer algumas correcções, tais como já se iniciaram na área de registo, com regras e avisos de validação.

Brevemente apresentaremos os resultados dos testes.
Quanto às alterações, estas serão desde já iniciadas, de modo a não atrasar a criação do perfil, uma das áreas que também nos proposemos a fazer para este módulo.

reunião de orientação

Nesta aula de orientação debruçámo-nos sobre o trabalho e as metas que temos vindo a desenvolver. Demos especial atenção à área de perfil, uma vez que é das áreas que ainda não está implementada, apenas planeada no Illustrator. Esta é uma das áreas mais importantes do nosso site, dado que é esta que assume e define os principais conceitos do nosso trabalho, comunidade virtual e socialização.

Para a próxima reunião ficou definido iniciarmos a criação das CSS do perfil, assim como, alguma programação desta área.

Layouts da área do perfil

Disponibiliza-se o ficheiro (.ai) com toda a estruturação dos conteúdos para a área de perfil.

Esta é apenas a primeira versão, podendo vir a sofrer algumas alterações com o desenrolar das outras páginas. Qualquer alteração feita, irá ser noticiada neste blog.

Documento de auxílio à primeira sessão de testes a realizar-se na segunda-feira

Uma vez criadas as grelhas de apoio aos testes, cabe-nos agora apresentar o guião que iremos utilizar para a primeira sessão de testes, juntamente com as questões que iremos realizar para avaliar a satisfação e algumas das heurísticas de Nielsen.

Guião da primeira sessão de testes (acesso não restrito)

Alguns aspectos sobre os testes a serem realizados

Á conversa com alguns docentes da disciplina de Projecto, principalmente a reunião com o professor Raposo, ontem, fez-nos verificar alguns aspectos que podem ser modificados e acrescentados. O professor Raposo referiu o contexto dos testes e ainda de um software existente nos Macs, que permite registar todos os passos efectuados pelo utilizador e ainda o filmar, de um modo menos inibidor do que com uma câmara ao lado do tester. Para assim o conseguirmos será necessário requisitar o laboratório do Sapo, onde aí poderemos ter acesso aos computadores e ao software desejado. Acreditamos conseguir, contudo existe uma série de burocracias para conseguir a sala. Se tal não for possível iremos recorrer à câmara de filmar. Sabemos as implicações que poderão surgir, contudo é uma boa forma de contornar a situação, caso algum dado nos fuja à memória. Qualquer das formas, fez-nos alterar o documento da planificação dos testes, alterando o contexto dos testes, para um contexto não natural e controlado.

Um outro conselho do professor foi relativamente ao teste de usabilidade. Inicialmente, optámos apenas por avaliar a eficácia, eficiência e satisfação do utilizador face à aplicação, contudo foi-nos aconselhado o uso também das heurísticas de Nielsen, para poder focar aspectos que poderão não ficar tão bem definidos com o recurso único aos três aspectos já referidos. Neste aspecto, fizemos algumas alterações necessárias, pelo que iremos disponibilizar uma nova versão do documento de planificação dos testes.

Relativamente aos testes, vamos utilizar um guião com diversas tarefas a serem executadas e também, com um conjunto de perguntas que irão ser feitas aos testers aquando da finalização do teste. Este guião será enviado para todos os testers a fim de que estes se sintam mais próximos dos objectivos e se contextualizem, diminuindo, de certa forma, a inibição do dias das 3 sessões a serem efectuadas.

Documento alterado com a planificação dos testes, ao nível das heurísticas e do contexto dos mesmos.

Documento com as grelhas dos testes a serem realizados (alteradas em alguns tópicos, sobretudo no que respeita aos testes de acessibilidade).

Algo que continua pendente e sem qualquer feedback da docência, é a questão do PHPmailer. Sem esta aplicação, instalada no servidor, não teremos o processo de registo a funcionar para os testes e em vez disso, teremos de alterar o url nos testes para que o utilizador possa ter o seu login efectuado.

Estudo da iconografia para o mapa de navegação do Google Maps

Uma das metas que ficaram por apresentar na reunião de orientação do dia 20 de Maio diz respeito à iconografia do mapa de navegação.

Uma vez que dispomos de diversas categorias que necessitam de serem localizadas, assim como a localização de todos os utilizadores registados, decidiu-se implementar um mapa de navegação do Google Maps. Através deste, iremos apresentar quatro áreas da aplicação: locais, eventos, anúncios e utilizadores registados.

Dado que queríamos mudar o aspecto gráfico do mapa (default) e também representar as quatro áreas, foi necessário optar por ícones que os pudessem distinguir.

Foi, inicialmente, pensado optar por um ícone distinto e representativo da área em questão, contudo o aspecto gráfico do mapa, quando este estivesse com bastantes registos, tornaria essa área com bastante dificuldade de percepção para o utilizador (dada a dificuldade em encontrar ícones bem ilustrativos). Em alternativa a esta sugestão pensou-se em optar pelo mesmo ícone, mas com cores diferentes. Não que acabe com a dificuldade de total percepção para o utilizador, mas permite fazer com que este rapidamente apreenda por legenda, a correspondência entre categoria/área e a cor. Em seguimento desta ideia, é importante referir a questão (desde início pensada) em filtrar na área de “Comunidade” a pesquisa destas quatro pesquisas, onde o utilizador pode optar pela categoria que desejar visualizar.

Finalmente, conseguimos arranjar uma solução harmoniosa nesta questão e que consiste em utilizar os balões do logotipo da aplicação, aplicando-lhe cores harmoniosas com o ambiente gráfico geral das páginas assim como, com as cores do mapa. Sobre esta questão, os nossos principais problemas debateram-se com as cores: inicialmente tinha-se pensado em optar por apenas um cor por cada balão, porém, se um conjunto de balões da mesma cor se sobrepusessem, não se perceberia tão facilmente a quantidade de utilizadores existentes, pois apenas apareceria uma mancha de cor. Como solução pensou-se em optar por uma cor para o border, de maneira a delimitar os balões, mas tal não foi também uma ideia de todo viável, pois seria dificil conjugar um conjunto de cores (cor de preenchimento e de border do balão) com as da aplicação e do mapa. Como solução a estes problemas, optou-se por a mesma cor de border para todos os balões (branco) e um conjunto de quatro cores, harmoniosas e com tonalidades claras para os preenchimentos.

A seguinte imagem demonstra o resultado final que nos propomos apresentar no próximo módulo.

Esperemos que a sua implementação não seja demasiado complexa e que não nos deixa com muitas dores de cabeça!

Reunião de orientação do dia 20 de Maio

Como nas reuniões de orientação passadas, esta baseou-se na análise do trabalho efectuado ao longo da semana, nomeadamente no cumprimento das metas estabelecidas na última reunião. De modo sintético, à excepção da centralização do mapa na cidade de Aveiro, todas as outras metas foram cumpridas ou parcialmente cumpridas (página do Perfil e, consequentemente as CSS desta área, alguma programação das páginas de conteúdos, sobretudo da área dos anúncios, devido à complexidade da pesquisa e dos seus elementos de filtragem).

Foi também efectuado um trabalho de estudo de iconografia do mapa de navegação, junto das docentes, que nos ajudaram na escolha das cores, de maneira a harmonizarem com as restantes cores da aplicação e do mapa de navegação. Esta foi uma meta cumprida no dia de hoje e dentro em breve disponibilizaremos o ficheiro ilustrativo do resultado final.

Para metas do dia 27 de Maio, ficou decidido trabalhar questões como a programação em falta, página de perfil (e as CSS) e a centralização do mapa na cidade de Aveiro (dado ser um protótipo para esta cidade).

Aguardaremos um bom desempenho por estes dias no nosso trabalho…