SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
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
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
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
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
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
Análise das páginas selecionadas




                                   6
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Mais conteúdo relacionado

Mais procurados

Ajuda - plugin monitor de desempenho
Ajuda - plugin monitor de desempenhoAjuda - plugin monitor de desempenho
Ajuda - plugin monitor de desempenhoOziel Antunes
 
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...Interaction South America 2014
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...Eduardo Bertolucci
 
Relatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSRelatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSFelipe J. R. Vieira
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability TestsMichel Alves
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGDalton Valadares
 

Mais procurados (11)

GRUPO DE FOCO
GRUPO DE FOCOGRUPO DE FOCO
GRUPO DE FOCO
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
Ajuda - plugin monitor de desempenho
Ajuda - plugin monitor de desempenhoAjuda - plugin monitor de desempenho
Ajuda - plugin monitor de desempenho
 
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...
Juliane Vargas Nunes: SURE - uma proposta de questionário e escala para avali...
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
 
Relatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSRelatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFS
 
Design de Interação
Design de InteraçãoDesign de Interação
Design de Interação
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCG
 

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

Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Pablo Veinberg
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfacesaiadufmg
 
Avaliação Heurística.pptx
Avaliação Heurística.pptxAvaliação Heurística.pptx
Avaliação Heurística.pptxBrenoGonzaga4
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTiago Rigoletto
 
The framework and refinement - About Face II
The framework and refinement - About Face IIThe framework and refinement - About Face II
The framework and refinement - About Face IIArthur Jacobsen Klas
 
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...Luiz Agner
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007Marco Guimarães
 
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Luiz Agner
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Carlos Rosemberg
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHCGeorgiaCruz7
 
Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidadeLuiz Agner
 

Semelhante a Aplicação da Técnica de Expert Review no Facebook (20)

Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Apresentacao IHC 2010.2
Apresentacao IHC 2010.2
 
Curso Avaliação de Interfaces
Curso Avaliação de InterfacesCurso Avaliação de Interfaces
Curso Avaliação de Interfaces
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfaces
 
Avaliação Heurística.pptx
Avaliação Heurística.pptxAvaliação Heurística.pptx
Avaliação Heurística.pptx
 
Teste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no LivemochaTeste com usuários e teste de comunicabilidade no Livemocha
Teste com usuários e teste de comunicabilidade no Livemocha
 
The framework and refinement - About Face II
The framework and refinement - About Face IIThe framework and refinement - About Face II
The framework and refinement - About Face II
 
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...
Jornalismo para tablets: o aplicativo da revista Veja e avaliação de comunica...
 
Psico pedagogia 2013
Psico pedagogia 2013Psico pedagogia 2013
Psico pedagogia 2013
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
 
Cesar.Edu Turma S2I
Cesar.Edu Turma S2ICesar.Edu Turma S2I
Cesar.Edu Turma S2I
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHC
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Proposta metodológica para avaliação de usabilidade de interfaces de repositó...
Proposta metodológica para avaliação de usabilidade de interfaces de repositó...Proposta metodológica para avaliação de usabilidade de interfaces de repositó...
Proposta metodológica para avaliação de usabilidade de interfaces de repositó...
 
Testes remotos de usabilidade
Testes remotos de usabilidadeTestes remotos de usabilidade
Testes remotos de usabilidade
 

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

  • 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
  • 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