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

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

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.

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.

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

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

• Pokes• Presentes• Marketplace• Feeds de atividades

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

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.

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.

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.

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.

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.

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

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

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.

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.

Texto da Central de ajuda sobre acessibilidade

Texto digitado pelo usuário

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.

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.

Localização do link diretório de aplicativos

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.

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.

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

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.

Obrigado!