Teste de usabilidade no portal de entretenimento Café del Marco

O teste de usabilidade no Café del Marco foi feito em 2013 como projeto final de Pós-Graduação em Ergonomia, usabilidade e arquitetura de informação na Pontifícia Universidade Católica – RJ (PUC-RJ). Abaixo estão algumas telas e parte do resultado do teste. O site hoje está diferente do mostrado aqui pois já foi atualizado para outra versão.

Foi feito um questionário online com 25 pessoas – entre homens e mulheres (maioria) onde 53% das pessoas pergunta aos amigos para saber para onde sair a noite e 46% acessa sites na Internet. 77% acessa a Internet através de smartphones e 19% através de Tablets. 50% moradores de Vitória. Em seguida, Vila Velha e Cariacica e a maioria acessa redes sociais e sites de notícias. E-mail e Entretenimento.

Foi feita uma entrevista com 6 pessoas que responderam ao questionário sendo 3 homens e 3 mulheres entre 20 a 32 anos morando na Grande Vitória. Utilizam a internet com frequência e já conheciam o Cafedelmarco, outros não acessam muito ou acessaram apenas uma vez. Essas pessoas, além de serem selecionadas através do público alvo do café del marco (analytics e informações passadas), também foram selecionadas de acordo com o seu interesse em sites de entretenimento (humor, moda, futebol, gastronomia, etc), idade, estilo de vida. Após estas pesquisas, foi criada a persona (não será mostrada aqui).

O teste de usabilidade foi feito com 6 pessoas 3 homens e 3 mulheres) entre 24 a 30 anos morando na Grande Vitória, 5 solteiros e 1 recém casado, cursando Graduação e MBA e outros com Graduação concluída. O comportamento é relativamente parecido, gostam de sair a noite, acessam sites de entretenimento ou blogs e estão sempre conectados à Internet.

Foi solicitado aos participantes do teste que buscassem por notícias específicas, encontrassem alguns blogs e buscassem pela rádio online. Foram feitas 5 tarefas com o objetivo de verificar o impacto causado pela falta de descrição dos blogs e sua arquitetura de informação na capa do site, falta de campo de busca, disposição e não funcionamento da rádio online e, por fim, verificar se os usuários conseguem diferenciar os itens de menu Fotos de Flashes e Social.

1. O campo de busca inexistente

De acordo com as normas básicas de heurística e usabilidade, é necessário ter campo de busca em todos os sites. Também deve ser inserido este campo devido a todos os usuários do teste terem sentido falta deste campo para buscar conteúdos específicos. Alta Inserir campo de busca em todo o site Cafedelmarco.

“Se tivesse um campo de busca seria a coisa mais legal do mundo”

“O site pelo menos é bem indexado”

“Não tem busca? Não tem busca!”

2. Nomenclatura dos itens de menu 

Todos os usuários que participaram do teste não conseguiram entender o que significava a parte de Social e Flashes no menu. Alta Reorganizar os itens do menu de forma que não fiquem confuso para os usuários.

“Navegação confusa demais”

“Flashes é ao vivo?”

“O que não tá em um tá em outro”

Menu - Fotos, Social e Flashes
Menu – Fotos, Social e Flashes

3. Falta de filtro por Cidades

A maioria dos usuários ficou um bom tempo procurando o evento de Guarapari. Hoje é mostrado o nome do local onde será o evento mas não é mostrada a Cidade, dificultando a procura por Cidades específicas. Este é um das principais funcionalidades do site. Alta Adicionar filtro por Cidades na página de Eventos.

“A Lua Azul fica em Guarapari então é este o evento”

“Se a pessoa não souber que a Lua Azul é em Vila Velha ela não vai achar”

Tela com a lista de próximos eventos.
Tela com a lista de próximos eventos.

4. Disposição dos blogs na capa

A maioria dos usuários não viu logo de início que o box na área de blogs e na capa era relacionado aos blogueiros. Era necessário passar o mouse em cima de cada foto para saber o nome do blog. Alta Melhorar a disposição dos blogs, mostrar o nome do blog sem que seja necessário para o mouse por cima da foto, dessa forma, também será possível ler através de dispositivos móveis e tablets.

Imagem3

5. Cor do site é cansativa

A maioria dos usuários acharam as cores do site interessante mas um pouco cansativa, já que existe quantidade enorme de conteúdo na página inicial. Média Aumentar o contraste entre os tons de vermelho, deixar o site mais claro mantendo a identidade visual.

6. Rádio online sem música

Muitos sites tem disponibilizado rádios online como forma da pessoa voltar ao site para ouvir músicas. Os usuários testaram a rádio e em nenhum momento foi tocado qualquer tipo de música. Baixa Adicionar músicas à Rádio Cafedelmarco e melhorar o contraste no cabeçalho.

“Não tem música” :(

Imagem4

Pontos positivos

Apesar de todos estes itens apontados, existem alguns feedbacks positivos sobre o site:

“Nossa tem tudo aqui”

“A fonte é grande, consigo ler direito. Achei o máximo”

“Vou acessar muito mais agora”

A partir dos testes de usabilidade e entrevistas, foram constatados os problemas de interface no Cadedelmarco que mais atrapalham a interação do usuário com o site, fazendo com que sua experiência não seja tão satisfatória. Com isso, parte do conteúdo apresentado no site não é bem visualizada, pois as informações não tem boa arquitetura e, também, devido à cor do site estar em tons de vermelho muito similares, gerando confusão.