Your SlideShare is downloading. ×
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Aplicação da Técnica de Expert Review no Facebook
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Aplicação da Técnica de Expert Review no Facebook

1,614

Published on

Trabalho realizado para o curso de Desing de Interação da PUC MInas. …

Trabalho realizado para o curso de Desing de Interação da PUC MInas.

Matéria: WorkShop de Análise de Usabilidade

Published in: Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,614
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
1
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Relatório de aplicação da técnica de Expert ReviewPor Geovane Rodrigues e Waghner DieguezEspecialização em Design de Interação IEC/PUC-MGTrabalho realizado para a disciplina de Workshop de Análise de UsabilidadeProfessoras 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
  • 6. Análise das páginas selecionadas 6
  • 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

×