26
Dayvison Almeida Pablo Veinberg Patricia Strasdas Thiago Brasil Thomas Igor Avaliação de usabilidade do site facebook INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA PARAÍBA - IFPB João Pessoa- 2010

Apresentacao IHC 2010.2

Embed Size (px)

DESCRIPTION

Apresentação de testes de usabilidade.

Citation preview

Page 1: Apresentacao IHC 2010.2

Dayvison AlmeidaPablo Veinberg

Patricia StrasdasThiago BrasilThomas Igor 

Avaliação de usabilidade do site facebook

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA PARAÍBA - IFPB

João Pessoa- 2010

Page 2: Apresentacao IHC 2010.2

1 INTRODUÇÃO1.1 ObjetivosApresentar a conclusão dos testes de usabilidade 1 , que também englobam acessibilidade à luz das normas recomendadas pela World Wide Web Consortium (W3C) do site de relacionamento Facebook (www.facebook.com).

1.2 Materiais e métodos• Gravação em vídeo do desktop do usuário

simultaneamente com seu áudio e vídeo enquanto algumas tarefas específicas lhe foram solicitadas.

• Avaliador automático Dasilva para a acessibilidade do site

• Pesquisa bibliográfica

Page 3: Apresentacao IHC 2010.2

2 REVISÃO DA LITERATURA2.1 Acessibilidade

2.2 Usabilidade

A acessibilidade se refere à garantia de que determinado recurso ou trabalho, esteja presente a qualquer hora e para qualquer segmento da população, independente das capacidades motoras ou intelectuais do usuário.

A usabilidade está dada pela medida com que os usuários conseguem alcançar seus objetivos com efetividade, eficiência e satisfação.

A efetividade é considerada no sentido do alcance dos objetivos por parte do usuário.

A eficiência aborda a quantidade de esforço que é necessário para realizar uma tarefa.

Finalmente, a medida mais subjetiva é a que avalia a satisfação, e se refere ao conforto do usuário na realização da tarefa.

Page 4: Apresentacao IHC 2010.2

3 FACEBOOKRede social

Lançada em 4 de fevereiro de 2004.

Fundado por Mark Zuckerberg, Andrew McCollum e Eduardo Saverin, estudantes de Harvard.

Inicialmente era restrita apenas aos estudantes da Universidade Harvard.

Desde de 2006, apenas usuários com 13 anos de idade ou mais podem ingressar.

O website possui mais de 500 milhões de usuários ativos.

Page 5: Apresentacao IHC 2010.2

3 FACEBOOK

3.1 Principais funções

• The Wall• Gifts• Marketplace• Poke• Status• 5. Principais Funções• Events• Applications• Facebook Video• Facebook Móvel Grátis

Page 6: Apresentacao IHC 2010.2

3 FACEBOOK3.2 Melhorias do Orkut graças ao Facebook

• Pokes• Presentes• Marketplace• Feeds de atividades

Page 7: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automático

Avaliador utilizado: Dasilva. Perfil testado: Lafayette Melo, disponível em http://tinyurl.com/27pwcg9O avaliador automático faz uma varredura na página a procura de erros e possíveis pontos aos quais podem ser melhorados na interface do sitio para uma melhor acessibilidade.Neste teste de acessibilidade os possíveis erros e avisos são divididos em 3 categorias:• Prioridade 1• Prioridade 2• Prioridade 3

Page 8: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automático

Prioridade 1: trata de erros aos quais não são de grande prejuízo aos usuários, mas quando implementados tornam o sitio mais abrangente.

Erros

• Fornecer um equivalente textual a cada imagem (isso abrange: representações gráficas do texto, incluindo símbolos, GIFs animados, imagens utilizadas como sinalizadores de pontos de enumeração, espaçadores e botões gráficos), para tanto, utiliza-se o atributo "alt" ou "longdesc" em cada imagem. Obs.: Para scripts você deve utilizar noscript.

Page 9: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automático

Prioridade 2: trata de erros que podem dificultar na navegabilidade até mesmo causar frustrações aos usuários ,portanto fazendo se um ponto de grande importância para a formação de um site acessível.

Erros

• Utilizar unidades relativas, e não absolutas, nos valores dos atributos de tabelas, textos, etc. Em CSS não use valores absolutos como "pt" ou "px" e sim valores relativos como o "em", "ex" ou em porcentagem.

• Usar o elemento "label" juntamente com o atributo "id" para associar os rótulos aos respectivos controles dos formulários. Assim, os leitores de tela associarão os elementos do formulário de forma correta. Usando o comando "label" as pessoas que usam leitores de tela não terão problemas ao ler o formulário. Caso haja grupos de informação, controles, etc, a estes devem estar devidamente diferenciados, seja por meio de espaçamento, localização ou elementos gráficos.

Page 10: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automáticoErros

• Não utilizar marcações para redirecionar as páginas automaticamente, até que os leitores de tela ou navegadores do usuário possibilitem interromper o processo.

• Incluir caracteres pré-definidos de preenchimento nas caixas de edição e nas áreas de texto, até que os navegadores tratem corretamente os controles vazios.

• Não criar páginas com atualização automática periódica, até que os leitores de tela ou navegadores possibilitem o controle da atualização para o usuário. Não utilize a tag meta "refresh" ou dispositivos semelhantes para atualização da página. Caso a página seja continuamente atualizada, informe ao usuário que ele deve "recarregar" a página de tempos em tempos.

• Utilize elementos de cabeçalho de forma lógica, organizando o conteúdo de acordo com uma hierarquia.

Page 11: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automático

Prioridade 3: trata de erros e avisos aos quais podem ou não estabelecer grande risco ao bom funcionamento da página,assim tornando o ponto ao qual devesse ter maior atenção.

Não foi encontrado nenhum erro ‘gravíssimo’, mostrando que o sitio não produz tendência a grandes frustrações em relação a sua acessibilidade.

Page 12: Apresentacao IHC 2010.2

4 RESULTADOS4.1 Avaliação de Acessibilidade por avaliador automático

A avaliação demonstrou que o Facebook possui pontos aos quais precisa prestar atenção em relação a sua acessibilidade com melhoramentos nos, detalhes, que vão desde a utilização de pequenos textos para discrição de caracteres à implementação de textos com apresentações gráficas ou sonoras, com o intuito de tornar o site mais acessível.

Page 13: Apresentacao IHC 2010.2

4 RESULTADOS4.2 Entrevista em vídeo

A entrevista foi realizada com o usuário Paulo Alves Junior, já experiente e habituado a interface do site de relacionamentos Facebook.

Partes avaliadas do Facebook• Central de ajuda• Configuração de privacidade• Aplicativos

Tarefas• Localizar informação sobre como aumentar a fonte dos textos do

Facebook, na central de ajuda.• Alterar a configuração de privacidade para restringir o grupo de

pessoas que podem comentar suas publicações.• Adicionar o aplicativo Slide Share ao perfil• Visitar o perfil de um amigo do facebook sem usar o mouse

Page 14: Apresentacao IHC 2010.2

TarefasContagem

Central de ajuda Privacidade Aplicativo

Cliques 4 1 13

Links 1 1 8

Tempo até localizar o recurso - - 02’29’’

Tempo na página do recurso 01’58’’ 44’’ 02’16’’

Erros 1 0 2

Tabela – Mensuração de tempo, cliques e links das tarefas

4 RESULTADOS

Page 15: Apresentacao IHC 2010.2

4 RESULTADOS4.2.1 Tarefa 1

Objetivo: Localizar o item sobre “como aumentar a fonte dos textos do Facebook” na central de ajuda.

Ação do usuário: prontamente localizou a Central de ajuda, sem titubear, demonstrando conhecimento da ferramenta e aprendizado anterior, mas teve dificuldade para localizar a informação desejada nos itens disponíveis.

Expressão facial do usuário: pode-se notar certa frustração, pois apesar dele se sentir a vontade com a ferramenta, viu-se impotente na condição de executar a tarefa solicitada. Mesmo recorrendo à ferramenta de busca não foi possível encontrar a informação.

Page 16: Apresentacao IHC 2010.2

4 RESULTADOS4.2.1 Tarefa 1

Conclusão: o site tem uma boa usabilidade, pois a quantidade de cliques, links e os tempos foram bastante razoáveis, não fosse pelo fato do usuário desistir de procurar a informação.A informação solicitada encontrava-se dentro do item Acessibilidade e apesar do usuário ter colocado praticamente os mesmos termos que aparecem no texto da ajuda, o mesmo não foi localizado pela busca.

Page 17: Apresentacao IHC 2010.2

Texto da Central de ajuda sobre acessibilidade

Page 18: Apresentacao IHC 2010.2

Texto digitado pelo usuário

Page 19: Apresentacao IHC 2010.2

4 RESULTADOS4.2.2 Tarefa 2

Objetivo: Alterar a configuração de privacidade para restringir o grupo de pessoas que podem comentar suas publicações.

Ação do usuário: o usuário achou o link e fez a modificação solicitada com a mínima dificuldade.

Conclusão: de acordo com as medidas dessa tarefa o site possui uma boa usabilidade para este tópico.

Page 20: Apresentacao IHC 2010.2

4 RESULTADOS4.2.3 Tarefa 3

Objetivo: Adicionar o aplicativo Slide Share ao perfil

Ação do usuário: o usuário não localizou o link do diretório de aplicativos. Após navegar em outras páginas procurando, o entrevistado recorreu à central de ajuda, através dela, o usuário localizou o diretório mas não o aplicativo solicitado que ainda custou mais um tempo à procura.

Conclusão: o site não apresentou facilidade de localização ou até mesmo um mapa do site. Essa tarefa apresentou uma grande deficiência no quesito instalação de aplicativos no Facebook.

Page 21: Apresentacao IHC 2010.2

Localização do link diretório de aplicativos

Page 22: Apresentacao IHC 2010.2

4 RESULTADOS4.2.4 Tarefa 4

Objetivo: Visitar o perfil de um amigo do facebook sem usar o mouse.

Ação do usuário: utilizou a tecla TAB para navegar, acessou a barra de busca e encontrou um amigo para olhar o perfil, mas o usuário teve dificuldades de voltar usando apenas o mouse. A seleção estava feita, mas não lhe era possível saber aonde.

Conclusão: o usuário sentiu dificuldade na visualização da seleção feita pelo mouse (sobre um link ou item de página), mas realizou a tarefa.

Page 23: Apresentacao IHC 2010.2

4 RESULTADOS4.3.5 Pesquisa

Após a conclusão da gravação, o usuário respondeu a um questionário para sua identificação e impressões gerais do site analisado.O questionário do item III foi dividido em algumas partes, para facilitar a tabulação dos resultados, a saber:Letras do

questionário: Refere-se a: Média obtida (máximo 5)

A – C Acessibilidade 3,4

D – F Efetividade 3,7

G – Q Eficiência (+) 2,75

Eficiência (-) 2,4

R – S Satisfação 4,0

O site se saiu bem no quesito “Satisfação do usuário” mas apresentou falhas na Eficiência, quase igualando a pontuação dos pontos positivos com os negativos. As piores pontuações deste quesito foram em relação a obtenção de ajuda no site, informações e correção de erros e a quantidade de passos necessários para se efetuar uma tarefa.

Page 24: Apresentacao IHC 2010.2

5 CONCLUSÃO

• Imprescindível usar recursos de usabilidade e acessibilidade• Acessibilidade - falhas nos textos alternativos de imagens e

navegação sem mouse• Usabilidade: Falta simplicidade, facilidade de navegação e

quantidade de cliques em demasia para se executar uma tarefa• Facebook: bom, mas precisa de melhorias

Page 25: Apresentacao IHC 2010.2

6 REFERÊNCIAS NIELSEN, JAKOB. Usability 101: Introduction to

Usability. Disponível em http://www.useit.com/alertbox/20030825.html. Acessado em 18 dez 2010.

  W3C. Introdução à Acessibilidade na Web. Disponível

em <http://maujor.com/w3c/introwac.html>. Acesso em: 17 dez 2010.

  USABILIDOIDO. Disponível em:<

http://usabilidoido.com.br/>. Acessado em 19 dez 2010.  WIKIPEDIA.Facebook. Disponível em

<http://pt.wikipedia.org/wiki/Facebook>. Acessado em 18 dez 2010.

  WIKIPEDIA.Usabilidade. Disponível em

<http://pt.wikipedia.org/wiki/Usabilidade>. Acessado em 18 dez 2010.

Page 26: Apresentacao IHC 2010.2

Obrigado!