1. Relatório de aplicação da técnica de Expert Review
Por Geovane Rodrigues e Waghner Dieguez
Especialização em Design de Interação IEC/PUC-MG
Trabalho realizado para a disciplina de Workshop de Análise de Usabilidade
Professoras Camila Montovanni & Joana
2. Justificativa da metodologia utilizada e escolha do produto selecionado
Escolha do produto Escolha da metodologia de inspeção
A escolha do Facebook (versão web) para aplicacão do método de inspeção Escolhemos fazer a avaliação da interface do Facebook utilizando a inspeção de
Expert Review foi feita devido ao fato de termos iniciado na disciplina de Métodos Expert Review para que ela possa ser re-utilizada em conjunto com o teste de
e Técnicas de Avaliação III um teste com usuários para medir a eficiência com usuário e teste de comunicabilidade que está sendo aplicado na disciplina de
que usuários novatos e experientes executam algumas tarefas. Desta forma, Métodos e Técnicas de Avaliação III e tem como objetivo havaliar a eficiência de
com o resultado obtido pretendemos fazer uma comparação analisando as uso da interface do site.
informações obtidas por especialistas com as observações feitas durante os
testes com usuários e as informações obtidas com o questionários de satifação Desta forma pretendemos cruzar as descobertas dos dois primeiros testes com
aplicado após cada teste com usuário. as informações do Expert Review para descobrirmos a respeito dos problemas
encontrados na interface web da rede social Facebook.
Utilizamos como referência as páginas relacionadas das tarefas escolhidas para
execução dos testes com usuários para a disciplina de Métodos e Técnicas de
Avaliação III, para que desta forma possam existir a correlação entre os dois
resultados.
2
3. Mapa de revisão
Páginas selecionadas
Para a aplicação da metodologia de Expert Review na interface do Facebook, foram selecionadas 7 páginas. O critério de seleção foi feito a partir da análise da tarefas que
serão excutadas pelos os usuários nos testes de usabilidade que serão realizados na disciplina de Métodos e Técnicas de Avaliação III.
1. Login 2. Página inicial após login 3. Página de amigos 4. Página de fotos 5. Página de eventos
6. Página de mensagens 7. Preferências de notificação
3
4. Sumário executivo
Pontos críticos Pontos positivos
Os principais pontos críticos encontrados durante a aplicação da inspeção de O Facebook já possui uma interface sólida e padrões visuais de interface que
Expert Review dizem respeito a problemas de consistência na interface do podem ser facilmente reconhecidos pelos seus usuários. Resaltamos que a
Facebook. Problemas que na maior parte das vezes podem afetar a experiência identidade visual do produto está presente em todo site. Por ser um produto
de uso do usuário iniciante que acostumados com o modelo de navegação e com milhões de usuários em todo mundo o site não possui exageros de design
organização de outras redes sociais (como Orkut) pode sentir-se perdido e gráfico e utiliza de forma agradável os espaços em branco.
confuso durante a navegação.
A experiência de uso do Facebook em relação ao compartilhamento de
Outro ponto importante que precisa ser resaltado é que existem poucos informações é outro fator importante percebido, que fica claro que a intenção é
problemas relacionados a acessibilidade, porém o problema com o tamanho sempre de conectar cada vez mais novas pessoas e permitir o compartilhamento
das letras utilizada pode comprometer a leitura na maior parte do site. Sabendo de informações entre elas.
que o público de redes sociais é bastante variado em realção a idade, pessoas
mais velhas ou com problemas visuais podem encontrar grandes dificuldades Acreditamos que as sugestões oferecidas para as páginas analisadas utilizando-
para desfrutar de todo benefício do site. se a inspeção de Expert Review poderão contribuir para melhorar a experiência
de uso do Facebook e torná-la mais prazerosa e intuitiva.
Os problemas encontrados atrapalham a experiência de uso do usuário, tornam
o site difícil de usar, mas não impedem que a maior parte das tarefa algo seja
feita. Sendo assim, a maior parte dos erros em relação a escala de severidade
foram classificados como sendo de média prioridade, porém intensificamos
nossa opinião de que eles são muito importantes para tornar a experiência de
uso mais fácil e prazerosa.
Problemas em relação a consistência e navegação foram encontrados com
menor fequência, mas também são responsáveis por problemas que impedem
que o usuário faça suas tarefas da forma adequada. Muitas vezes a interface não
possui o padrão de interação semelhante em locais onde o funcionamento de o
tipo de conteúdo são idênticos.
4
5. Recomendações
As recomendações propostas para cada problema serão descritas neste relatório 22 problemas encontrados durante o Expert Review
utilizando o seguinte modelo:
Ocorrência dos problemas com base nos princípios de design.
Problema 3 Funcionalidade
4 Navegação
Descrição do problema encontrado.
13 Consistência
Critério(s) infringidos Severidade Prioridade 3 Eficiência
Critério(s) Escala Escala 2 Design Gráfico
0 Facilidade de aprendizado
Solução 4 Facilidade de descoberta
Solução sugerida para o problema. 2 Acessibilidade
0 Uso efetivo de feedback
1. Modelo de descrição do problema e proposta de solução. Ocorrência dos problemas com base na escala de severidade.
1 Cosmético, não afetará a usabilidade do sistema, corrigir se possível.
4 Menor, usuários podem contornar o problema, corrigir é de baixa
prioridade.
11 Médio, usuários se deparam (hesitam) com o problema, mas rapidamente
conseguem contornar, corrigir é de baixa prioridade.
6 Grave, usuários tem dificuldade, mas conseguem achar alternativas,
corrigir deve ser mandatório antes do sistema ser lançado.
0 Catastrófico, usuário são impossibilitados de efetuar a tarefa, isso é
mandatório.
Ocorrência dos problemas com base na escala de severidade.
5 Baixa, Cosmético ou menor, causa pouca dificuldade.
9 Moderada, causa problemas nas tarefas de impacto, mas pode ser
revertida
8 Alta, não permite que o usuário termine a tarefa, de extrema dificuldade.
5
7. Expert Review - Login
Problema
O label do campo senha está escrito “Nova senha”
sendo que para este formulário o usuário está criando
uma senha e não redefinindo a senha atual.
Critério(s) infringidos Severidade Prioridade
Consistência Médio Alta
Solução
Alterar o label para “Sua senha” ou somente “Senha”.
7
8. Expert Review - Login
Problema
Existe diferênças de tipos de cadastros, a opção de cadastro
para pessoas jurídicas ou celebridades possui pouca
visibilidade no formulário e pode passar desapercebida.
Critério(s) infringidos Severidade Prioridade
Facilidade de descoberta Grave Moderada
Solução
Aumentar o destaque da fonte ou posicioná-lo mais
próximo a parte superior do formulário.
8
9. Expert Review - Página inicial
Problema
A cor utilizada no ícone o torna pouco visível para
usuários com menor acuidade visual devido ao baixo
contraste com o background.
Critério(s) infringidos Severidade Prioridade
Acessibilidade Menor Baixa
Solução
Aumentar o contraste entre os ícones e o background.
Outra solução que pode ser feita seria reposicionar
os ícones em uma área fora do cabeçalho, neste caso
sugerimos a região acima da foto do perfil.
9
10. Expert Review - Página inicial
Problema
No menu principal, o item “Grupos” não é exibido como
os outros itens do menu, criando uma divisão visual
como se o menu fosse um agrupamento de 3 diferentes
tipos de itens.
Critério(s) infringidos Severidade Prioridade
Navegação Médio Alta
Consistência
Solução
Retirar as linhas horizontais que separam o item
“Grupos” dos outros itens e deixar o comportamento
iguais aos outros itens do menu. Por exemplo, ao clicar
no item do menu “Grupos” é exibido os grupos aos
quais o usuário pertence.
10
11. Expert Review - Página inicial
Problema
A palavra Feed pode ser familiar para o usuários
avançados, porém pode ser estranha para os usuários
novatos. As informações exibidas não refletem a
notícias e sim as últimas atualizações dos amigos do
usuário que está logado no Facebook.
Critério(s) infringidos Severidade Prioridade
Facilidade de descoberta Médio Moderada
Solução
Alterar o label para uma expressão mais ilustrativa do
contexto, sugerimos o uso de “Últimas atualizações” ou
“Atualizações recentes”.
11
12. Expert Review - Página inicial
Problema
A busca geral do site está posicionada em local pouco
comum, além de possuir pouco destaque ela pode ser
confundida com uma aba por estar muito próximo a
área branca de conteúdo.
Critério(s) infringidos Severidade Prioridade
Navegação Médio Alta
Solução
Aumentar o tamanho do campo de formulário e
posicioná-lo a esquerda na interface.
12
13. Expert Review - Página inicial
Problema
Navegação posicionada em local onde deveria estar
localizado o campo de busca. Outro problema é que
a página que o usuário está acessando, neste caso a
“Página inicial” não está sinalizada adequadamente
informando ao usuário a está acessando naquele
momento.
Critério(s) infringidos Severidade Prioridade
Navegação Médio Alta
Design Gráfico
Solução
Posicionar este menu a esquerda (local onde se
encontra atualmente a busca e criar um novo status
para os botões sinalizando quando o usuário está
em uma das seções, assim como acontece no menu
principal.
13
14. Expert Review - Página inicial
Problema
Não existe uma opção “Sair” visível, para que o usuário
possa desconetar ele precisa procurar dentro do menu
situado a direita do cabeçalho e clicar em “contas”.
Critério(s) infringidos Severidade Prioridade
Funcionalidade Grave Moderada
Solução
Adicionar um botão “Sair” visível para o usuário.
14
15. Expert Review - Página inicial
Problema
O label informa sobre “Solicitações” porém exibe para
o usuário as “6 últimas sugestões” que ele recebeu de
páginas de outros usuários.
Critério(s) infringidos Severidade Prioridade
Consistência Médio Moderada
Facilidade de descoberta
Solução
Alterar o label para “Sugestões”.
15
16. Expert Review - Página inicial
Problema
O tamanho da fonte utilizada no site é pequeno em
vários locais, problema que pode dificultar a leitura de
muitos usuários.
Critério(s) infringidos Severidade Prioridade
Acessibilidade Alta Média
Solução
Aumentar o tamanho da fonte e diferenciar a hierarquia
de títulos que várias vezes se confundem com palavras
e nomes destacados por utilizarem o mesmo tamanho
de corpo.
16
17. Expert Review - Página de amigos
Problema
Não são exibidos os amigos do usuário quando o
usuário clica no item “Amigos” no menu principal, e sim
opções para que ele possa localizar e adicionar novos
amigos. Para visualizar a lista de amigos o usuário
precisa clicar no botão ”Editar amigos” que não reflete a
tarefa real.
Critério(s) infringidos Severidade Prioridade
Consistência Grave Alta
Eficiência
Solução
Exibir a lista de amigos dos usuários por ordem
alfabética e posicionar a busca por amigos com menor
destaque em relação a lista de amigos. A busca de
amigos através de outras ferramentas (Gmail, MSN, etc)
pode também tornar-se um sub-item de “Amigos” com
o nome de “Encontrar amigos”.
17
18. Expert Review - Página de amigos
Problema
O item “Pessoas que talvez você conheça” se repete
duas vezes na página que deveria exibir os amigos do
usuário.
Critério(s) infringidos Severidade Prioridade
Consistência Menor Moderada
Solução
Exibir somente a opção que se encontra a esquerda
da página tendo em vista que as mesmas informações
estão sendo repetidas e que o espaço pode ser
aproveitado para exibir os amigos do usuário.
18
19. Expert Review - Página de amigos
Problema
Não é exibido o número de amigos do usuário assim
como é feito em Eventos, Mensagens e Usuários
disponíveis para Bate-papo.
Critério(s) infringidos Severidade Prioridade
Consistência Cosmético Baixa
Solução
Informar a quantidade de amigos que o usuário possui
no menu (como acontece em eventos ou mensagens)
ou internamente, pois a maior parte do Facebook utiliza
este comportamento, seja para exibir usuários on-
line para bate papo ou mesmo para exibir amigos em
comum com outro usuário.
19
20. Expert Review - Página de fotos
Problema
Não é exibido as fotos do usuário e sim as fotos da sua
rede de amigos.
Critério(s) infringidos Severidade Prioridade
Funcionalidade Grave Alta
Eficiência
Solução
Exibir as fotos do usuário com maior destaque e depois
exibir as fotos de sua rede de amigos com menor
destaque.
20
21. Expert Review - Página de fotos
Problema
Os s botões “Adicionar fotos” e “Carregar vídeo”, não
são claros se irão adicionar conteúdo relacionado
ao usuário ou a seus amigos, pois o usuário neste
momento está visualizando o conteúdo de seus
amigos.
O label do botão “Carregar vídeo” não representa a
tarefa que irá ser feita caso o usuário clique no botão.
Critério(s) infringidos Severidade Prioridade
Funcionalidade Médio Moderada
Consistência
Solução
Exibir as fotos do usuário para que ele entenda que o
conteúdo adicionado será referente a ele. E também
que o label do botão “Carregar vídeo” transforme-se em
“Enviar vídeos” mantendo a mesma estrurura semântica
do botão ao lado, “Enviar fotos”.
21
22. Expert Review - Página de fotos
Problema
Label do link não representa o real significado e pode
confundir o usuário por causa da divisão com o hífen,
que faz que que ele seja semelhante a duas opções
diferentes “Ajuda” e “Fotos”.
Critério(s) infringidos Severidade Prioridade
Consistência Menor Baixa
Solução
Alterar o label do link para “Ajuda sobre Fotos”.
22
23. Expert Review - Página de fotos
Problema
Não existe uma informação mostrando a função das
setas. Os usuários precisam descer toda barra de
rolagem para visualizar a próxima página pois não
há uma navegação superior assim como acontece na
seção “Mensagens”. Não existe também a indicação de
quantas páginas existem.
Critério(s) infringidos Severidade Prioridade
Consistência Média Moderada
Solução
Adicionar a paginação para facilitar a navegação do
usuário dentro do conteúdo e também um label as
setas de navegação “Próximo” e “Anterior”. Também
sugerimos que a paginação exista na parte superior do
site para evitar que o usuário seja obrigado a descer
toda página para poder avançar durante a navegação
no conteúdo.
23
24. Expert Review - Página de fotos
Problema
Fotos e vídeos estão agrupados juntos, porém o label
não corresponde ao que a seção representa.
Critério(s) infringidos Severidade Prioridade
Consistência Média Moderada
Navegação
Facilidade de descoberta
Solução
Para facilitar que o usuário encontre seus vídeos
sugerimos que o label do item do menu principal
“Fotos” seja alterado para “Fotos e vídeos”. Outra
solução pode ser a divisão de conteúdo desta página
em duas seções, “Fotos” e “Vídeos” no menu superior.
24
25. Expert Review - Página de eventos
Problema
Label do link não representa o real significado e pode
confundir o usuário por causa da divisão com o hífen,
que faz que que ele seja semelhante a duas opções
diferentes “Ajuda” e “Eventos”.
Critério(s) infringidos Severidade Prioridade
Consistência Menor Baixa
Solução
Alterar o label do link para “Ajuda sobre Eventos”.
25
26. Expert Review - Página de mensagens
Problema
O botão “Nova mensagem” está muito próximo a busca
e pode confundir o usuário a clicar no botão após
digitar um valor no campo “Procurar mensagens”.
Critério(s) infringidos Severidade Prioridade
Consistência Médio Alta
Design Gráfico
Solução
Posicionar o campo “Procurar mensagens” a direita de
forma que o botão “Nova mensagem” esteja distante
para que não seja criado a relação entre eles.
26
27. Expert Review - Página de mensagens
Problema
As setas de navegação são exibidas com opção de
navegação, mesmo havendo apenas duas mensagens
cadastradas. Quando existe um maior número de
mensagens não existe uma informação mostrando a
função das setas.
Critério(s) infringidos Severidade Prioridade
Consistência Médio Baixa
Solução
Habilitar a navegação pelas setas somente quando o
número de mensagens for superior a 10 mensagens.
Adicionar um label as setas de navegação “Próxima” e
“Anterior”.
27
28. Expert Review - Configuração de notificação
Problema
Altura da página prejudica encontrar alguma
informação, são 14 opções e falta relação entre o
conteúdo que pode ser configurável e o menu vertical
localizado a direita.
Ao clicar em uma das opções o menu não acompanha o
posicionamento da página, que faz com que o usuário
fique perdido diante de toda informação.
Critério(s) infringidos Severidade Prioridade
Eficiência Grave Alta
Navegação
Solução
Reorganizar o conteúdo em um sistema de abas
verticais para que que as opções fiquem claramente
evidente para a localização do usuário na página.
28