aplicação da técnica de expert review no facebook

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-MGTrabalho realizado para a disciplina de Workshop de Análise de Usabilidade

Professoras Camila Montovanni & Joana

2

Escolha do produto

A escolha do Facebook (versão web) para aplicacão do método de inspeção Expert Review foi feita devido ao fato de termos iniciado na disciplina de Métodos e Técnicas de Avaliação III um teste com usuários para medir a eficiência com que usuários novatos e experientes executam algumas tarefas. Desta forma, com o resultado obtido pretendemos fazer uma comparação analisando as 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 aplicado após cada teste com usuário.

Escolha da metodologia de inspeção

Escolhemos fazer a avaliação da interface do Facebook utilizando a inspeção de Expert Review para que ela possa ser re-utilizada em conjunto com o teste de usuário e teste de comunicabilidade que está sendo aplicado na disciplina de Métodos e Técnicas de Avaliação III e tem como objetivo havaliar a eficiência de uso da interface do site.

Desta forma pretendemos cruzar as descobertas dos dois primeiros testes com 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.

Justificativa da metodologia utilizada e escolha do produto selecionado

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

6. Página de mensagens 7. Preferências de notificação

2. Página inicial após login 3. Página de amigos 4. Página de fotos 5. Página de eventos

4

Sumário executivo

Pontos críticos

Os principais pontos críticos encontrados durante a aplicação da inspeção de Expert Review dizem respeito a problemas de consistência na interface do Facebook. Problemas que na maior parte das vezes podem afetar a experiência de uso do usuário iniciante que acostumados com o modelo de navegação e organização de outras redes sociais (como Orkut) pode sentir-se perdido e confuso durante a navegação.

Outro ponto importante que precisa ser resaltado é que existem poucos problemas relacionados a acessibilidade, porém o problema com o tamanho das letras utilizada pode comprometer a leitura na maior parte do site. Sabendo 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 para desfrutar de todo benefício do site.

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.

Pontos positivos

O Facebook já possui uma interface sólida e padrões visuais de interface que podem ser facilmente reconhecidos pelos seus usuários. Resaltamos que a identidade visual do produto está presente em todo site. Por ser um produto com milhões de usuários em todo mundo o site não possui exageros de design gráfico e utiliza de forma agradável os espaços em branco.

A experiência de uso do Facebook em relação ao compartilhamento de informações é outro fator importante percebido, que fica claro que a intenção é sempre de conectar cada vez mais novas pessoas e permitir o compartilhamento de informações entre elas.

Acreditamos que as sugestões oferecidas para as páginas analisadas utilizando-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.

5

Recomendações

As recomendações propostas para cada problema serão descritas neste relatório utilizando o seguinte modelo:

Problema

Descrição do problema encontrado.

Solução

Solução sugerida para o problema.

SeveridadeEscala

PrioridadeEscala

Critério(s) infringidosCritério(s)

1. Modelo de descrição do problema e proposta de solução.

22 problemas encontrados durante o Expert Review

Ocorrência dos problemas com base nos princípios de design.

FuncionalidadeNavegaçãoConsistênciaEficiênciaDesign GráficoFacilidade de aprendizadoFacilidade de descobertaAcessibilidadeUso efetivo de feedback

Ocorrência dos problemas com base na escala de severidade.

Cosmético, não afetará a usabilidade do sistema, corrigir se possível.Menor, usuários podem contornar o problema, corrigir é de baixa prioridade.Médio, usuários se deparam (hesitam) com o problema, mas rapidamente conseguem contornar, corrigir é de baixa prioridade.Grave, usuários tem dificuldade, mas conseguem achar alternativas, corrigir deve ser mandatório antes do sistema ser lançado.Catastrófico, usuário são impossibilitados de efetuar a tarefa, isso é mandatório.

Ocorrência dos problemas com base na escala de severidade.

Baixa, Cosmético ou menor, causa pouca dificuldade.Moderada, causa problemas nas tarefas de impacto, mas pode ser revertidaAlta, não permite que o usuário termine a tarefa, de extrema dificuldade.

4

3

13

2

3

0

2

4

0

1

4

6

11

0

5

9

8

6

Análise das páginas selecionadas

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.

Solução

Alterar o label para “Sua senha” ou somente “Senha”.

SeveridadeMédio

PrioridadeAlta

Critério(s) infringidosConsistência

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.

Solução

Aumentar o destaque da fonte ou posicioná-lo mais próximo a parte superior do formulário.

SeveridadeGrave

PrioridadeModerada

Critério(s) infringidosFacilidade de descoberta

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.

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.

SeveridadeMenor

PrioridadeBaixa

Critério(s) infringidosAcessibilidade

10


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.

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.

SeveridadeMédio

PrioridadeAlta

Critério(s) infringidosNavegaçãoConsistência

11


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.

Solução

Alterar o label para uma expressão mais ilustrativa do contexto, sugerimos o uso de “Últimas atualizações” ou “Atualizações recentes”.

SeveridadeMédio

PrioridadeModerada

Critério(s) infringidosFacilidade de descoberta

12


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.

Solução

Aumentar o tamanho do campo de formulário e posicioná-lo a esquerda na interface.

SeveridadeMédio

PrioridadeAlta

Critério(s) infringidosNavegação

13


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.

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.

SeveridadeMédio

PrioridadeAlta

Critério(s) infringidosNavegaçãoDesign Gráfico

14


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”.

Solução

Adicionar um botão “Sair” visível para o usuário.

SeveridadeGrave

PrioridadeModerada

Critério(s) infringidosFuncionalidade

15


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.

Solução

Alterar o label para “Sugestões”.

SeveridadeMédio

PrioridadeModerada

Critério(s) infringidosConsistênciaFacilidade de descoberta

16


Problema

O tamanho da fonte utilizada no site é pequeno em vários locais, problema que pode dificultar a leitura de muitos usuários.

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.

SeveridadeAlta

PrioridadeMédia

Critério(s) infringidosAcessibilidade

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.

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”.

SeveridadeGrave

PrioridadeAlta

Critério(s) infringidosConsistênciaEficiência

18


Problema

O item “Pessoas que talvez você conheça” se repete duas vezes na página que deveria exibir os amigos do usuário.

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.

SeveridadeMenor

PrioridadeModerada


19


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.

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.

SeveridadeCosmético

PrioridadeBaixa


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.

Solução

Exibir as fotos do usuário com maior destaque e depois exibir as fotos de sua rede de amigos com menor destaque.

SeveridadeGrave

PrioridadeAlta

Critério(s) infringidosFuncionalidadeEficiência

21


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.

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”.

SeveridadeMédio

PrioridadeModerada

Critério(s) infringidosFuncionalidadeConsistência

22


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”.

Solução

Alterar o label do link para “Ajuda sobre Fotos”.

SeveridadeMenor

PrioridadeBaixa


23


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.

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.

SeveridadeMédia

PrioridadeModerada


24


Problema

Fotos e vídeos estão agrupados juntos, porém o label não corresponde ao que a seção representa.

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.

SeveridadeMédia

PrioridadeModerada

Critério(s) infringidosConsistênciaNavegaçãoFacilidade de descoberta

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”.

Solução

Alterar o label do link para “Ajuda sobre Eventos”.

SeveridadeMenor

PrioridadeBaixa


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”.

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.

SeveridadeMédio

PrioridadeAlta

Critério(s) infringidosConsistênciaDesign Gráfico

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.

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”.

SeveridadeMédio

PrioridadeBaixa


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.

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.

SeveridadeGrave

PrioridadeAlta

Critério(s) infringidosEficiênciaNavegação