universidade do vale do itajaÍ centro de ciÊncias ...siaibib01.univali.br/pdf/mayckon...
TRANSCRIPT
UNIVERSIDADE DO VALE DO ITAJAÍ
CENTRO DE CIÊNCIAS TECNOLÓGICAS DA TERRA E DO MAR
CURSO DE CIÊNCIA DA COMPUTAÇÃO
AVALIAÇÃO DE USABILIDADE E ACESSIBILIDADE NA REDE SOCIAL FACEBOOK
Mayckon Mafra
Itajaí (SC), Novembro de 2013
UNIVERSIDADE DO VALE DO ITAJAÍ
CENTRO DE CIÊNCIAS TECNOLÓGICAS DA TERRA E DO MAR
CURSO DE CIÊNCIA DA COMPUTAÇÃO
AVALIAÇÃO DE USABILIDADE E ACESSIBILIDADE NA REDE SOCIAL FACEBOOK
Área de Engenharia de Usabilidade
Mayckon Mafra
Relatório apresentado à Banca Examinadora
do Trabalho Técnico-científico de Conclusão
do Curso de Ciência da Computação para
análise e aprovação.
Orientadora: Renate de Oliveira Raabe,
M.Eng.
Itajaí (SC), Novembro de 2013
RESUMO
MAFRA, Mayckon. Avaliação de usabilidade e acessibilidade na Rede Social Facebook.
Itajaí, 2013. 146 p. Trabalho Técnico-científico de Conclusão de Curso (Graduação em
Ciência da Computação) – Centro de Ciências Tecnológicas da Terra e do Mar, Universidade
do Vale do Itajaí, Itajaí, 2013.
Este trabalho apresenta os resultados das avaliações heurísticas de acessibilidade e
usabilidade, dos testes com usuários-representativos realizadas na rede social Facebook, e os
protótipos com as melhorias propostas de acordo com os resultados obtidos. Escolheu-se o
Facebook, dentre as muitas redes sociais existentes por ser a mais usada. Através das
avaliações heurísticas e dos resultados dos testes, pode-se observar os princípios de
usabilidade e acessibilidade em conformidade e não conformidade com instrumentos de
avaliação, sendo eles a Norma ISO 9241-10 e o WCAG 2.0. Essa trabalho teve como objetivo
permitir uma visão geral da usabilidade e da inclusão digital na vida de pessoas sem e com
deficiência física e visual ou aditiva, observando-se a inclusão social das mesmas na rede
social Facebook. O estudo de técnicas, conceitos de usabilidade das interfaces e trabalhos
similares auxiliaram na aplicação de técnicas e instrumentos de avaliação mencionados
anteriormente. A avaliação via DOSVOX auxiliou na percepção de alguns aspectos não
identificados na avaliação heurística de acessibilidade realizada através do WCAG 2.0. Os
resultados encontrados de usabilidade mostraram que o Facebook apresenta a maior parte do
seu conteúdo em conformidade com a norma aplicada e uma pequena parte em não
conformidade, logo pode-se considerar uma rede social com usabilidade. Os resultados da
acessibilidade do Facebook mostraram que este em mais princípios em conformidade com a
norma do que em não conformidade, deste modo, é em sua maior parte, acessível. E, os
resultados da avaliação via DOSVOX permitiram elucidar que ainda deve-se melhorar o
conteúdo, mas o resultado é mais positivo do que negativo. Portanto, a principal contribuição
deste trabalho, consiste principalmente em apontar os aspectos positivos e negativos mais
relevantes da rede social Facebook e como proposta de melhoria foram criados protótipos de
baixa fidelidade. Acredita-se que, até o momento, a rede social Facebook, apesar de
apresentar princípios de usabilidade e acessibilidade em conformidade com normas e padrões,
ainda precisa se preocupar em minimizar alguns problemas de interação da interface com os
usuários finais.
Palavras-chave: Avaliação heurística, Acessibilidade, Usabilidade, Facebook.
ABSTRACT
This paper presents the results of evaluations, accessibility and usability heuristics tests with
representative users performed on social network Facebook, and the prototypes with the
proposed improvements according to the results obtained. Chose Facebook, among the many
existing social networks, for being the most used. Through the heuristic evaluations and test
results, one can observe the principles of usability and accessibility in accordance and in
non-compliance with evaluation instruments, being them to ISO 9241-10 and the WCAG 2.0.
This work aims to enable an overview of usability and digital inclusion in the lives of people
with and without physical disabilities and visual or addictive, observing the social inclusion
of same in the social network Facebook. The study of techniques, concepts of usability of
interfaces and similar work assisted in the application of assessment tools and techniques
mentioned previously. The evaluation via DOSVOX assisted in the perception of some
unidentified aspects on heuristic evaluation of accessibility held through the WCAG 2.0. The
results showed that usability ne Facebook presents most of its contents in accordance with
standard applied and a small part in non-conformity, soon has usability. The results on
Facebook showed that accessibility, this has more principles in accordance with the norm
than in non-compliance, therefore, is for the most part, accessible. And, evaluation results via
DOSVOX allowed to elucidate that still must improve the content, but the result is more
positive than negative. Therefore, the main contribution of this work mainly consists in
pointing out the positive and negative aspects most relevant social network Facebook and as
proposal for improving low-fidelity prototypes were created. It is believed that, to date, the
social network Facebook, in spite of presenting principles of usability and accessibility in
accordance with norms and standards, still needs to worry about minimizing some of the
problems of interface interaction with end users.
Keywords: Heuristic evaluation, Accessibility, Usability, Facebook.
LISTA DE FIGURAS
USABILIDADE, TELA DE CADASTRO 1 .................................................... 28
USABILIDADE, TELA DE CADASTRO 2 .................................................... 29 USABILIDADE, - TELA DE CADASTRO 3 .................................................. 29 USABILIDADE, - TELA DE ENTRADA ....................................................... 31 USABILIDADE, – TELA DE NOTÍCIAS ....................................................... 32 USABILIDADE, – TELA DE MENSAGEM ................................................... 34
USABILIDADE, - TELA DE EVENTOS ........................................................ 36 USABILIDADE, - TELA DE FOTOS .............................................................. 38
USABILIDADE, - TELA DE LOCALIZAR AMIGO ..................................... 40 USABILIDADE, - TELA DE MELHORES AMIGOS .................................... 42 USABILIDADE, - TELA DE FAMÍLIA .......................................................... 44 USABILIDADE, - TELA DE ASSINATURA ................................................. 46 USABILIDADE, - TELA DE CENTRAL DE APLICATIVO ......................... 47
USABILIDADE, - TELA DE CURTA SUAS PÁGINAS FAVORITAS ........ 49 USABILIDADE, - TELA DE CUTUCADAS .................................................. 51 USABILIDADE, - TELA DE LINHA DO TEMPO ......................................... 53 GRÁFICO DA AVALIAÇÃO HEURÍSTICA DE USABILIDADE. .............. 54
ACESSIBILIDADES, TELA DE CADASTRO 1 ............................................ 57 ACESSIBILIDADES, - TELA DE CADASTRO 2 .......................................... 57
ACESSIBILIDADES, - TELA DE ENTRADA ............................................... 60 ACESSIBILIDADES, - TELA DE NOTÍCIAS ................................................ 63
ACESSIBILIDADES, - TELA DE MENSAGEM ........................................... 66 ACESSIBILIDADES, - TELA DE EVENTOS ................................................ 69
ACESSIBILIDADES, - TELA DE FOTOS ...................................................... 71 ACESSIBILIDADES, - TELA DE LOCALIZAR AMIGO ............................. 74 ACESSIBILIDADES, - TELA DE MELHORES AMIGOS ............................ 77
ACESSIBILIDADES, - TELA DE FAMÍLIA .................................................. 80 ACESSIBILIDADES, - TELA DE ASSINATURA ......................................... 83 ACESSIBILIDADES, - TELA DE CENTRAL DE APLICATIVO ................. 86
ACESSIBILIDADES, - TELA DE CURTA SUAS PÁGINAS FAVORITAS 89 ACESSIBILIDADES, - TELA DE CUTUCADAS .......................................... 92
ACESSIBILIDADES, - TELA DE LINHA DO TEMPO ................................. 95 GRÁFICO DA AVALIAÇÃO HEURÍSTICA DE ACESSIBILIDADE. ........ 97
MENSAGENS – NOTICIAS – FOTOS – BATE PAPO .................................. 99 LOCALIZAR AMIGOS – GRUPOS – PÁGINAS – CENTRAL DE
APLICATIVOS ...................................................................................................................... 100
NÍVEIS DE DIFICULDADE DAS TAREFAS NOVO CADASTRO,
ADICIONAR AMIGO, ENVIAR MENSAGEM A UM AMIGO E ADICIONAR FOTOS
NO PERFIL 101 NÍVEIS DE DIFICULDADE DAS TAREFAS: MARCAR UM AMIGO EM
UMA FOTO; CRIAR UM EVENTO; ADICIONAR UM APLICATIVO; REMOVER UM
AMIGO. 102 NÍVEL DE DIFICULDADE EM: REGULAR A PRIVACIDADE DE
CONTA; REMOVER CONTA .............................................................................................. 102 RESULTADO DO QUESTIONÁRIO PÓS TESTE DE USABILIDADE. ... 102
GRÁFICO DO RESULTADO DA AVALIAÇÃO DE USABILIDADE. ..... 107 PROTÓTIPO DE USABILIDADE DA TELA DE CADASTRO. ................. 108
PROTÓTIPO DE USABILIDADE DA TELA DE CADASTRO. ................. 108 PROTÓTIPO DE USABILIDADE DA TELA DE MENSAGEM. ................ 109
PROTÓTIPO DE USABILIDADE DA TELA DE FOTOS ........................... 110 PROTÓTIPO DE USABILIDADE DA TELA DE APLICATIVOS. ............ 111 PROTÓTIPO DE USABILIDADE DA TELA REMOVER CONTA. ........... 111 FREQUÊNCIA DE UTILIZAÇÃO DAS FUNCIONALIDADES:
MENSAGENS – NOTÍCIAS – FOTOS – BATE PAPO. ...................................................... 113
FREQUÊNCIA DE UTILIZAÇÃO DAS FUNCIONALIDADES:
LOCALIZAR AMIGOS – GRUPOS – PÁGINAS – CENTRAL DE APLICATIVOS. ....... 113 NÍVEIS DE DIFICULDADE DAS TAREFAS: REALIZAR NOVO
CADASTRO; ADICIONAR UM AMIGO; ENVIAR UMA MENSAGEM A UM AMIGO;
ADICIONAR FOTOS NO PERFIL. ...................................................................................... 114
NÍVEIS DE DIFICULDADE DAS TAREFAS: MARCAR UM AMIGO EM
UMA FOTO; CRIAR UM EVENTO; ADICIONAR UM APLICATIVO; REMOVER UM
AMIGO. 115 NÍVEIS DE DIFICULDADE DAS TAREFAS: REGULAR PRIVACIDADE
DA CONTA; REMOVER CONTA. ...................................................................................... 116 RESULTADO DO QUESTIONÁRIO PÓS TESTE ACESSIBILIDADE ..... 116
TELA DE CADASTRO DE ACESSIBILIDADE .......................................... 120 TELA DE PRIVACIDADE DA CONTA ....................................................... 121
TELA DE REMOVER CONTA ..................................................................... 121
LISTA DE QUADROS
Recursos do Facebook .......................................................................................... 17 Os dez princípios heurísticos da Usabilidade ....................................................... 21 Usabilidade, - Tela de cadastro ............................................................................. 28 Usabilidade, - Tela de entrada .............................................................................. 30 Usabilidade, – Tela de notícias ............................................................................. 32
Usabilidade, – Tela de mensagem ........................................................................ 34
Usabilidade, - Tela de Eventos ............................................................................. 36
Usabilidade, - Tela de fotos .................................................................................. 38 Usabilidade, - Tela de localizar amigo ................................................................. 39
Usabilidade, - Tela de Melhores amigos ............................................................ 41 Usabilidade, - Tela de Família ............................................................................ 44 Usabilidade, - Tela de Assinatura ....................................................................... 45
Usabilidade, - Tela de Central de aplicativo ....................................................... 47
Usabilidade, - Tela de Curta suas páginas favoritas ........................................... 49 Usabilidade, - Tela de cutucadas ........................................................................ 50 Usabilidade, - Tela de linha do tempo ................................................................ 52
Acessibilidades, - Tela de cadastro ..................................................................... 56 Acessibilidades, - Tela de entrada ...................................................................... 60
Acessibilidades, - Tela de notícias ...................................................................... 62
Acessibilidades, - Tela de mensagem ................................................................. 65
Acessibilidades, - Tela de eventos ...................................................................... 68 Acessibilidades, - Tela de fotos .......................................................................... 71 Acessibilidades, - Tela de localizar amigo ......................................................... 73
Acessibilidades, - Tela de Melhores amigos ...................................................... 76 Acessibilidades, - Tela de família ....................................................................... 79
Acessibilidades, - Tela de Assinatura ................................................................. 82 Acessibilidades, - Tela de Central de aplicativo ................................................. 85 Acessibilidades, - Tela de Curta suas páginas favoritas ..................................... 88 Acessibilidades, - Tela de cutucadas .................................................................. 91
Acessibilidades, - Tela de linha do tempo .......................................................... 94 Tarefas propostas no script. .............................................................................. 103
Quadro de usabilidade com resultados dos testes ............................................. 106 Tarefas propostas no script. .............................................................................. 117 Quadro de acessibilidade com resultados dos testes ......................................... 119
LISTA DE ABREVIATURAS E SIGLAS
IHC Interação Humano-Computador
W3C World Wide Web Consortium
WCAG Web Content Accessibility Guidelines
TTC Trabalho Técnico-científico de Conclusão de Curso
UNIVALI Universidade do Vale do Itajaí
FB Facebook
SUMÁRIO
1 INTRODUÇÃO ................................................................................................. 10 1.1 PROBLEMATIZAÇÃO ..................................................................................................... 11 1.2 FORMULAÇÃO DO PROBLEMA .................................................................................. 12
Solução Proposta .......................................................................................................... 12
1.3 OBJETIVOS ..................................................................................................................... 12 Objetivo Geral .............................................................................................................. 12 Objetivos Específicos .................................................................................................... 13
1.4 METODOLOGIA ............................................................................................................. 13 1.5 ESTRUTURA DO TRABALHO ........................................................................................ 14
2 FUNDAMENTAÇÃO TEÓRICA .................................................................... 15 2.1 REDES SOCIAIS E O FACEBOOK ................................................................................ 15
2.2 USABILIDADE NA WEB ................................................................................................. 18 Avaliação de Usabilidade ............................................................................................. 19 Avaliação Heurística de Usabilidade ........................................................................... 19 Teste de Usabilidade ..................................................................................................... 21
Instrumento de Avaliação: Norma ISO 9241-10 .......................................................... 23 2.3 INCLUSÃO DIGITAL ...................................................................................................... 23
Acessibilidade na Web .................................................................................................. 24 Avaliação Heurística de Acessibilidade ....................................................................... 25 Teste de Acessibilidade ................................................................................................. 25
Instrumento de Avaliação: W3C - WCAG 2.0 .............................................................. 25
3 AVALIAÇÕES HEURÍSTICAS NO FACEBOOK ......................................... 26 3.1 AVALIAÇÃO HEURÍSTICA DE USABILIDADE ............................................................ 26 3.2 AVALIAÇÃO HEURÍSTICA DE ACESSIBILIDADE ...................................................... 54
3.3 AVALIAÇÃO DE ACESSIBILIDADE VIA LEITOR DE TELA DOSVOX ....................... 95 3.4 RESULTADOS DAS AVALIAÇÕES ................................................................................ 96
4 AVALIAÇÕES EMPÍRICAS NO FACEBOOK ............................................. 98 4.1 TESTES DE USABILIDADE ........................................................................................... 98
Resultados dos testes .................................................................................................... 98
Comparação com avaliação heurística de usabilidade .............................................. 103 Protótipos .................................................................................................................... 107
4.2 TESTES DE ACESSIBILIDADE .................................................................................... 111
Resultados dos testes .................................................................................................. 112 Comparação com avaliação heurística de acessibilidade ......................................... 117
Protótipos .................................................................................................................... 120 4.3 DISCUSSÕES SOBRE AMBOS OS TESTES ................................................................. 122
5 CONCLUSÃO ................................................................................................. 123 5.1 TRABALHOS FUTUROS ............................................................................................... 124
6 REFERÊNCIAS ............................................................................................. 125
10
1 INTRODUÇÃO
Conforme a expansão da tecnologia digital que vem acontecendo de meados do ano
2000 até hoje, podemos perceber grandes mudanças, uma delas, a Internet com uma
abrangência e entrelaçamento de criação de novas redes sociais, ampliando horizontes e com
inúmeros objetivos, entre eles o de aumentar a inclusão social e digital de seus usuários. As
redes sociais apesar de abrangentes permitem que grupos de pessoas obtenham uma estrutura
reticulada caracterizada por aspectos culturais, sociais, bem como geográficos distintos, e bem
evidenciados, abrindo espaço para construções de novas redes sociais (OLIVIERI, 2003).
Atualmente, são inúmeras as opções de redes sociais existentes, como por exemplo,
Twitter, My Space, Orkut, Youtube, Blogger, WordPress, Google+ e o Facebook,
(NOGUEIRA; SANTANA, 2011). Essas redes sociais conduzem o usuário a compartilhar e
se relacionar com outros usuários mais rapidamente e de forma prática, através de ferramentas
para postagem e compartilhamento de informações, fotos, recados, notícias, propagandas,
vídeos entre outros. Essa abrangência das redes sociais e suas possibilidades de interação
visam permitir uma maior comunicação entre as pessoas de maneira globalizada visando
ainda uma diversidade na troca de informações.
Dentre as inúmeras redes sociais destaca-se o Facebook (FB), considerado uma rede
social com uma tecnologia atual e moderna que abriu uma nova visão à internet interativa.
Esta rede surgiu em 4 de fevereiro de 2004 e foi criada pelo empresário Mark Zuckerberg.
Atualmente é considerada a maior rede de relacionamento do mundo e tem demonstrado
inúmeros fatores positivos, inclusive demonstrou maior aceitação em relação ao Orkut1 no
ano de 2009. Ele vem sendo preferido ao Orkut, devido ter incluído um aumento significativo
de funcionalidades, bem como números de links e interfaces, entre outros. (MEZRICH, 2011)
Conforme Lemos (2008 apud NOGUEIRA e SANTANA, 2011), o FB tem provocado
várias mudanças socioculturais em inúmeras áreas humanas, tais como saúde, educação,
economia e até mesmo política. Essas mudanças tendem a ampliar e a diversificar a
1 Orkut rede social filiada a Google, criada em 24 de janeiro de 2004, com o objetivo de ajudar seus
membros a conhecer pessoas e manter relacionamentos.
11
comunicação entre as pessoas que estão “conectadas” a esta imensa rede, originando assim
uma cultura digital contemporânea, estabelecida pela relação entre a tecnologia e a vida.
No entanto, apesar da grande aceitação e utilização do FB em diversas áreas e das
inúmeras pesquisas realizadas sobre o mesmo até o momento, pode-se dizer que ainda há
muito para ser estudado e pesquisado no que se refere a área de IHC (Interação Humano-
Computador), especificamente sobre a usabilidade e acessibilidade das suas interfaces.
Almeja-se pesquisar sobre a facilidade de uso da ferramenta e principalmente saber se a
ferramenta proporciona inclusão digital.
Com a importância das redes sociais na sociedade motivou-se em verificar, não apenas
a usabilidade, mas também a acessibilidade nas interfaces humano-computador do FB, através
de avaliações heurísticas e de testes de interação com usuários-representativos. Cabe ressaltar
que a avaliação heurística de usabilidade utilizou-se da Norma ISO 9241-10 (Princípios do
Diálogo) e a avaliação heurística de acessibilidade da aplicação do WCAG 2.0 do consorcio
World Wide Web2 (W3C) e DOSVOX. Sendo assim, verificamos o potencial de usabilidade
e acessibilidade do FB para inclusão de usuários, principalmente aqueles com deficiência.
Os testes de interação com usuários-representativos foram realizados em duas etapas.
Na primeira etapa foram realizados os testes de usabilidade com 8 usuários representativos,
todos sendo alunos da Univali e não possuíam nenhum tipo de deficiência visual, motora ou
auditiva. Na segunda etapa foram realizados os testes de acessibilidade, para isto, utilizou-se
de 3 usuários com deficiência visual. Através dos resultados deste trabalho, percebeu-se que o
Facebook é um site que tem grande potencial de usabilidade e acessibilidade, porém não são
todos os aspectos que estão dentro das normas. Este fato, não impossibilita a utilização do
conteúdo por qualquer tipo de usuário, seja este com deficiência ou não.
Por fim, acredita-se que os resultados sobre a usabilidade e acessibilidade do FB
contribuiram para a comunidade acadêmica e de pesquisa na área de IHC. Espera-se que com
os possíveis problemas de uso diagnosticados através das interfaces da rede social FB,
contribua-se para a concepção de novas redes sociais mais voltadas para a inclusão digital.
1.1 PROBLEMATIZAÇÃO
2 W3C uma ferramenta de avaliação de acessibilidade para web
12
1.2 FORMULAÇÃO DO PROBLEMA
A rede social Facebook proporciona, sob a perspectiva da interação humano-
computador, usabilidade e acessibilidade à pessoas com deficiência? Nos dias atuais, as redes
sociais, principalmente o Facebook, são instrumentos muito utilizados pela sociedade em
geral. O Facebook tem servido como catalizador para muitas transformações socioculturais
nas áreas humanas, tanto políticas, educacionais como nas relações pessoais. Outro aspecto de
grande relevância que se tem discutido muito hoje em dia é a questão da inclusão de pessoas
com deficiência em todas as dimensões da sociedade, inclusive na área digital.
Neste contexto de grande utilização das redes sociais como catalizadores de
transformações socioculturais e a preocupação com a inclusão social e digital, tem-se a
motivação em saber se o Facebook está adequado aos padrões de usabilidade e acessibilidade,
para pessoas com e sem deficiência.
Solução Proposta
A solução proposta neste trabalho-técnico científico de conclusão de curso é a análise
de usabilidade e acessibilidade na rede social Facebook.
Para isso, foi efetuada a avaliação heurística do sistema web pelo pesquisador a fim de
verificar quais dos princípios de usabilidade descritos da Norma ISO 9241:10, e quais os
princípios de acessibilidade descritos no WCAG 2.0 do W3C são desrespeitados, e a partir
destes resultados a criação dos documentos que foram utilizados nos testes de usabilidade e
acessibilidade a fim de constatar qualquer deficiência no sistema, e com isso propor
melhorias.
Espera-se que com os resultados deste trabalho e a criação de um protótipo de baixa
fidelidade seja possível corrigir as principais falhas no sistema web.
1.3 OBJETIVOS
Objetivo Geral
Avaliar a usabilidade e a acessibilidade da rede social Facebook conforme a Norma
ISO 9241-10 e o WCAG 2.0 do W3C.
13
Objetivos Específicos
Pesquisar e analisar trabalhos similares;
Estudar as técnicas de avaliação;
Estudar conceitos de usabilidade e acessibilidade
Avaliar a usabilidade das interfaces do Facebook utilizando a Norma ISO
9241-10 e a acessibilidade conforme o WCAG 2.0 do W3C, utilizando a
técnica de avaliação heurística;
Preparar o Experimento para a realização dos testes de usabilidade e
acessibilidade;
Realizar os testes de usabilidade e acessibilidade;
Analisar os resultados qualitativos obtidos através da avaliação heurística e dos
testes de usabilidade e acessibilidade; e
Construir um protótipo de baixa fidelidade com as melhorias identificadas na
análise de Facebook.
1.4 METODOLOGIA
A fundamentação teórica foi baseada em materiais encontrados em livros, dentre os
principais pode-se citar os livros de Ergonomia e Usabilidade: conhecimentos, métodos e
aplicações de Cybis (2007). Pesquisas em artigos, monografias e livros da área, além da
internet, através de sites de busca, visando obter conhecimento sobre a avaliação heurística de
usabilidade e acessibilidade, bem como estudo das ferramentas para a avaliação denominadas
norma 9241-10 e princípios do WCAG 2.0 do W3C.
As etapas da avaliação heurística de usabilidade e da avaliação heurística de
acessibilidade, mais o estudo do WCAG 2.0 do W3C forão realizadas no TTC I, também
como a respectiva documentação.
No TTC II foi realizada a preparação do experimento e a realização do mesmo através
da técnica de testes de usabilidade e acessibilidade, a análise e interpretação dos resultados
14
dos testes será realizada de forma descritiva, bem como, a construção dos protótipos de baixa
fidelidade e a apresentação da respectiva documentação.
Foram apresentados os resultados qualitativos e quantitativos dos testes de usabilidade
e acessibilidade apontando os principais problemas de usabilidade e acessibilidade nas
interfaces da rede social Facebook.
1.5 ESTRUTURA DO TRABALHO
Este documento está estruturado em quatro capítulos. O Capítulo 1, Introdução,
apresentou uma visão geral do trabalho. No Capítulo 2, Fundamentação Teórica, é
apresentada uma revisão bibliográfica sobre: rede sociais e o Facebook, usabilidade e
acessibilidade na web, avaliação de acessibilidade segundo norma WCAG 2.0 do W3C e
avaliação de usabilidade segundo norma ISO 9241:10 assim como uma análise de trabalhos
similares. Nesse capítulo, também é feita uma descrição sobre inclusão digital. O Capítulo 3
apresenta o projeto detalhado dos testes de usabilidade e acessibilidade desde a análise até a
execução da avaliação heurística, a qual permitirá a elaboração dos documentos para a
execução dos testes de usabilidade e acessibilidade. O capítulo 4 mostra os resultado dos
testes de usabilidade e acessibilidade e uma comparação com as avaliações heurísticas.
Apresenta, também, os protótipos de baixa fidelidade com as melhorias propostas.
Concluindo, no Capítulo 5, apresentam-se as conclusões acerca deste projeto, onde são
abordados os resultados.
15
2 FUNDAMENTAÇÃO TEÓRICA
2.1 REDES SOCIAIS E O FACEBOOK
Sistemas organizacionais capazes de reunir indivíduos e instituições de forma
democrática e participativa em torno de causas afins, podem ser chamados de rede social. No
início uma rede era como um conjunto de malhas entrelaçadas, e com o progresso foi
mudando, e se tornando mais flexível, articulada, conectada e descentralizada. A internet é um
importante meio de interação em rede. Usada para a troca de informação, culturais e sociais
pelo mundo (OLVIERI, 2003).
Atualmente, são inúmeras as opções de redes sociais existentes, como por exemplo,
Twitter, My Space, Orkut, Youtube, Blogger, WordPress, Google+ e o Facebook,
(NOGUEIRA; SANTANA, 2011). Essas redes sociais conduzem o usuário a compartilhar e
se relacionar com outros usuários mais rapidamente e de forma prática, através de ferramentas
para postagem e compartilhamento de informações fotos, recados, notícias, propagandas,
vídeos entre outros. Essa abrangência das redes sociais e suas possibilidades de interação
visam permitir uma maior comunicação entre as pessoas de maneira globalizada visando
ainda uma diversidade na troca de informações.
O Facebook é uma rede social que foi lançada em 4 de fevereiro de 2004 e foi fundada
por Mark Eliot Zuckerberg, Dustin Moskovitz, Eduardo Saverin e Chris Hughes. Inicialmente
a adesão era restrita apenas aos estudantes de Harvard. Foi expandida ao instituto de
Tecnologia de Massachusetts (MIT), a universidade de Boston, ao Boston College e a todas as
escolas IVY League dentro de dois meses. (MEZRICH, 2010)
Em 27 de fevereiro de 2006, aceitou estudantes secundaristas e algumas empresas. Em
11 de setembro de 2006, apenas usuários com 13 anos de idade ou mais podem ingressar. O
Facebook surgiu com uma tecnologia melhor, abriu uma nova visão da internet interativa. No
ano de 2009, ultrapassou o Orkut em número de usuários. No entanto, o uso do Facebook
precisa ser bem consciente, já que temos informações que ele pode invadir sua vida pessoal e
financeira, e você pode estar sendo vigiado, muito facilmente. Por outro lado ele pode ser de
grande utilidade no ensino, na informática e em muitas outras áreas. (MEZEICH, 2010).
16
Conforme, MEZEICH (2010), em maio de 2005, o Facebook foi repaginado
recebendo uma atualização que deixou mais amigável aos usuários apresentando os seguintes
recursos:
Tema: Definição:
Mural É um espaço na página de perfil do usuário que permite
aos amigos postar mensagens para ele ver.
Mensagens Enviadas são salvas em “mensagens, que são enviadas a
caixa de entrada do usuário e são visíveis apenas ao remetente e
ao destinatário.
Presentes (Gift’s)
Escolhem uma loja de presentes virtuais do Facebook e
adicionam uma mensagem. Exibidos em caixa de presentes (Gift
Box).
Quando se registra no site os usuários ganham um presente
gratuito para dar a quem quiser.
Marketplace Para publicar classificados gratuitamente, dentro das
categorias: For Sale (a venda), Housting (imóveis), Jobs
(emprego) e Other (outros), podendo ser postados em diferentes
formatos.
Cutucar (toque) Recurso adicionado chamado “cutucar” (Brasil) ou
“toque” (Portugal), em inglês Poke, para enviar cutucadas uns aos
outros. Cutucada é uma forma de você interagir com seus amigos
no Facebook.
17
Status Permite informar a seus amigos e membros de sua
comunidade seu paradeiro atual e suas ações. Atualizações de
status na sessão “recenty updated” (atualizações recentes) de toda
sua lista de amigos.
Eventos Meios dos membros informar os amigos obre próximos
eventos em sua comunidade.
Aplicativos Facebook Plataform (24/05/2007) prevê o Framework para
desenvolvedores criarem aplicações que interajam com os
recursos internos no Facebook.
Facebook vídeo Aplicação onde se partilha vídeos dentro do Facebook. Os
usuários podem adicionar vídeos por meio de um arquivo do
computador adicionando direto do telefone celular. Através do
Facebook móvel” ou utilizando um recurso de gravação direta de
uma webcam.
Facebook móvel
grátis
Em 2010 junto com o TIM do Brasil, lançaram acesso
grátis ao site o.Facebook.com através do próprio celular.
Recursos do Facebook
Fonte: https://www.facebook.com/
A rede social Facebook permite a criação de grupo sem espaços privados,
classificados da seguinte forma: aberto, onde qualquer pessoa pode ver o grupo, quem está
nele e o que seus membros publicam; secreto, onde somente membros podem ver o grupo,
quem está nele e o que membros publicam e fechado, onde qualquer pessoa pode ver grupo e
quem está nele, mas as publicações só podem ser vistas pelos seus membros.
A plataforma agrega recursos que permitem ações interativas na WEB, preservando a
identidade do grupo e dos participantes, a saber: a filiação do grupo somente ocorrera após
aprovação do(s) administrador (es), mantendo a privacidade do grupo, caso seja visível para
18
todos os membros do Facebook (privacidade aberta ou fechada); o bate papo pode acontecer
individualmente, com os participantes do grupo e/ou com amigos da lista pessoal de amigos,
ou em grupo (exclusivo para os membros) com todos os participantes ao mesmo tempo, para
isto basta que estejam conectados; criar um documento é uma ação que permite a participação
e colaboração de todos na construção de um texto coletivo; criar um evento permite
agendamento de atividades pré-determinadas dentro e fora da plataforma, os participantes
recebem o convite, confirmam ou não a participação, sendo notificados por e-mail; exibir
fotos consiste na opção de visualização de imagens armazenadas e classificadas em álbuns de
fotos criados pelo grupo; a criação de enquetes – opção perguntar – é um recurso para
pesquisas no grupo, onde pode-se escolher uma das opções dadas ou incluir a sua própria
opção e acompanhar a votação; a área de publicação é onde acontece as interações, os
diálogos e as discussões entre participantes, neste espaço tem-se a opção de interagir com
diversas mídia: vídeos, foto e link para outros espaço, a cada nova interação a plataforma
exibe data e hora da postagem e as opções de curtir e comentar a postagem do colega e de
cancelar sua inscrição no grupo, similar aos ambientes virtuais de aprendizagem padrões
como o moodle, mas com uma interface muito mais amigável e dinâmica, os participantes
recebem por e-mail todas as atualizações que aconteceram no ambiente.
2.2 USABILIDADE NA WEB
Usabilidade define a facilidade de uso de um determinado produto, seja ele um
produto físico, um software ou um site. Ela procura adequar os produtos da melhor maneira
para serem utilizadas por seus consumidores, de forma mais intuitiva possível. A interação
entre todas as partes que compõem um site juntamente com a navegação e a compreensão
bem-sucedida do site pelo usuário formam a usabilidade do site na Web.
Para uma boa usabilidade, o Website deve carregar rapidamente, independentemente
da plataforma operacional que o usuário possua. Nielsen (1996) relata que o tempo de
resposta de um sistema para que o usuário não perca o interesse é de no máximo dez
segundos, mas em interfaces para Internet esse tempo pode ser elevado para quinze segundos.
O autor destaca também que a sobrevivência do site depende de outras condições, um site
perderá seu usuário se:
19
For difícil de usar;
Falhar em declarar claramente o que uma companhia oferece e o que ele pode
Fazer no seu local;
Ele se perder durante a navegação;
A informação for difícil de ler ou não responder às suas perguntas.
Segundo Medeiros 1999, todo projeto de Websites deve ser submetido a testes de
usabilidade, outras técnicas de validação para melhorar e monitorar o seu uso.
Avaliação de Usabilidade
A tendência da avaliação da usabilidade é tentar identificar os problemas assim que
forem detectados na interface, utilizando uma serie de métodos em diferentes etapas do
desenvolvimento da interface como a caracterização dos problemas de usabilidade e as
peculiaridades do ambiente e métodos e ferramentas que permitem uma visão panorâmica da
concepção da interface. (WINCKLER; PIMENTA, s/d).
Avaliação Heurística de Usabilidade
Desenvolvida por Nielsen e Molich (1990), esta avaliação é uma técnica de inspeção
cujo objetivo é verificar a conformidade do sistema a padrões de qualidade ou heurísticas,
avaliando a qualidade do software e diagnosticando a priori os problemas encontrados pelos
usuários provavelmente durante a interação. Esses problemas de usabilidade a posteriori
serão analisados e corrigidos ao longo do desenvolvimento ou da avaliação.
No livro Usability Engineering do autor Jacob Nielsem, 1994, propõe um conjunto de
dez heurísticas de usabilidade (NIELSEN, 1994):
20
Tema: Definição:
Visibilidade do estado do sistema O sistema mantem os usuários sempre
informados sobe o que está acontecendo,
fornecendo um feedback adequado, dentro de um
tempo razoável.
Mapeamento entre o sistema e o
mundo real
O sistema fala a linguagem do usuário
utilizando palavras, frases e conceitos familiares
a ele, em vez de termos orientados ao sistema
Liberdade e controle ao usuário Fornece maneiras de permitir que os
usuários saiam facilmente dos lugares
inesperados em que se encontram, utilizando
“saída de emergência” claramente identificadas.
Consistência de padrões Evita fazer com que os usuários tenham
que pensar, se palavras, situações e ações
diferentes significam a mesma coisa.
Prevenção de erros Utilizar linguagem simples para descrever
a natureza do problema e sugere uma maneira de
resolve-lo.
Reconhecer em vez de relembrar
(funcionamento de memórias
permanentes)
Onde possível, impede a ocorrência de
erros.
Flexibilidade e eficiência de uso Tornar objetos, ações e opções visíveis.
Design estético e minimalista Fornece aceleradores invisíveis ao
21
usuário, inexperientes, aos quais, no entanto,
permite aos mais experientes realizar tarefas com
rapidez.
Suporte para o usuário reconhecer
diagnosticar e recuperar erros
Evita o uso de informações irrelevantes
ou raramente necessária.
Ajuda e documentação. Fornece informações que podem ser
facilmente encontradas e ajuda mediante uma
série de passos concretos que podem ser
facilmente seguidos.
Os dez princípios heurísticos da Usabilidade
Fonte: Cybis (2007)
Teste de Usabilidade
A importância dos testes de usabilidade está principalmente na minimização dos erros,
tempo de uso e maior satisfação do usuário durante seu uso. Para isso, faz-se necessário que
equipes de desenvolvimento invistam em técnicas específicas de usabilidade (CYBIS, 2007).
2.2.3.1 Os Parâmetros Básicos Dos Testes
Em todos os casos, há algumas características marcantes que devem ser objetivo de
reflexão quando do planejamento de uma atividade desse tipo São elas: a verbalização do
usuário, o local de realização e os resultados esperados (CYBIS, 2007).
2.2.3.1.1 Verbalização
Os testes de usabilidade envolvem sessões de trabalho cujo conteúdo lógico e
estratégico está na mente dos participantes. O conhecimento de tais aspectos é fundamental
para entender o que levou o participante a uma hesitação, a um bloqueio, a um desvio ou a
uma situação de erro Assim, será necessário que os participantes verbalizem seus
pensamentos, o que pode ser feito durante ou após a interação com o software (CYBIS, 2007).
22
2.2.3.1.2 Local do teste
Existem, basicamente, dois tipos de ambientes onde um ensaio de interação pode ser
realizado: o local de trabalho e um laboratório de usabilidade. Trata-se de situações bastante
diferentes que têm impacto direto sobre os resultados (CYBIS, 2007).
2.2.3.1.3 Resultados esperados
Os testes de usabilidade podem proporcionar resultados qualitativos e quantitativos.
Os qualitativos referem-se ao conhecimento das estratégias aplicadas pelos usuários durante
as interações e à lista de problemas de ergonomia sobre as interfaces. Eles podem confirmar
comportamentos esperados ou, ao contrário, revelar comportamentos inesperados por parte
dos usuários. Ademais, podem mostrar o que leva um usuário a se desviar de uma trajetória
ideal e, ainda, como ele procede para recuperar a normalidade do sistema após uma situação
de incidente. Tais estratégias exigem análises qualitativas, algumas vezes subjetivas,
buscando relacionar um efeito observável na interação com uma causa nem sempre evidente
na interface (CYBIS, 2007).
Os resultados quantitativos, por sua vez, têm natureza bem mais objetiva. Trata-se
aqui de classificar e contabilizar a frequência e a duração dos acontecimentos em termos de
eficácia e eficiência dos usuários durante as simulações. É possível determinar objetivamente
a porcentagem de usuários que obtiveram sucesso na tarefa, quanto tempo eles levaram para
obtê-lo, quanto desse tempo o usuário ficou envolvido com atividades produtivas e
improdutivas (desvios, erros e ajuda), entre outros indicadores de usabilidade(CYBIS, 2007).
2.2.3.2 Realização dos testes
A realização dos testes se inicia com uma etapa de ajustes nos roteiros e nas condições
ambientais em função da característica da amostra de usuários que efetivamente participará
dos testes. Na sequência se dará a adoção de providências para reservar e preparar o local dos
ensaios e os equipamentos para registro dos acontecimentos. O passo seguinte será a
realização de um teste piloto, seguido da execução do programa de testes previsto (CYBIS,
2007).
23
2.2.3.3 Execução dos Testes
O desenrolar dos testes é controlado e dirigido pelos ergonomistas que implementarão
as definições quanto à gestão do constrangimento: como proceder nos casos de impasse e
constrangimento e como realizar a retomada ou o encerramento precoce do teste. Além disso,
eles devem realizar anotações em tempo real sobre o desempenho do usuário e dos erros e
incidentes verificados (CYBIS, 2007).
2.2.3.4 Análise E Interpretação Dos Dados E Relato Dos Resultados
Depois da realização dos testes, a equipe de analistas deve rever todo material,
buscando dados de que necessita para comprovar ou afastar as hipóteses anteriormente
estabelecidas, e realizar os cálculos das medidas de usabilidade da interface. Além disso, será
necessário analisar as eventuais situações inesperadas de erros e recuperação da informação
que se produzem durante os testes. Assim, novos diagnósticos de problemas de ergonomia de
interface poderão ser realizados (CYBIS, 2007).
Instrumento de Avaliação: Norma ISO 9241-10
Esta norma descreve os princípios gerais de ergonomia considerados importantes para
a concepção e avaliação dos diálogos entre o utilizador e os sistemas de informação. Estes
princípios podem ser aplicados durante a especificação, desenvolvimento e avaliação do
software como uma orientação geral, e são independentes de qualquer técnica específica de
diálogo. Nesta norma, cada princípio é acompanhado por uma descrição e seguida de
exemplos de aplicação (CYBIS,2007).
A norma ISO 9241:10 propõe em sua parte 10 princípios de diálogo, seus princípios
ergonômicos para o projeto e a avaliação de interfaces humano-computador para aplicação de
escritório (ISO 9241:10, 1998). As tabela com os 10 princípios de diálogo encontram-se em
anexo A.
2.3 INCLUSÃO DIGITAL
A inclusão digital deve ser pensada de forma complexa, a partir de quatro elementos
básicos: social, cultural, intelectual e técnico. Estimulados pela inclusão ao universo digital,
pela educação de qualidade, pela facilidade de acesso aos computadores e a rede mundial de
computadores, pela geração de empregos. (BONILLA; PRETTO,2011).
24
A inclusão digital não é alcançada apenas quando se dá um computador ou acesso à
internet mas quando o indivíduo é colocado num processo mais amplo de exercício pleno de
cidadania. No Brasil desigualdade ao acesso de grandes contingentes populacionais as
tecnologias da informação e comunicação (TIC) são denominados como: digital divide, gap
digital, apartheid digital, inflo exclusão ou exclusão digital; tenta-se minimiza-la através de
numerosas políticas públicas. Essas medidas são programas ou projetos de inclusão digital, e
estão sendo implementadas pelo setor público, setor privado e organizações de terceiros setor.
(BONILLA; PRETTO,2011).
Em 2003, dois fenômenos importantes ocorreram: o projeto de política digital no
Ministério da Cultura e a proposta de digitalização dos pontos de cultura. Já em 2006, as
classes da população D/E acessavam as lan houses como local de acesso para navegar na rede.
O governo implantou o sinal de internet por rádio gratuito, ampliando o acesso à internet
como: os tele centros públicos estatais e comunitários, os pontos de cultura digital, as escolas
conectadas, programas de financiamento de computador. O que obrigou o governo a lançar o
plano nacional de Banda Larga em 2009. Em uma década, no período de 2000 a 2010, o
governo não conseguiu organizar uma política coerente e articulada de inclusão digital.
(BONILLA; PRETTO,2011).
Acessibilidade na Web
Acessibilidade consiste em oferecer autonomia aos indivíduos com deficiências
físicas, mentais, culturais ou sociais, quando estas não são favoráveis. O objetivo é ter acesso
a locais, serviços de transporte, meios de tecnologia de comunicação ser disponível para todos
sem distinção. (OLIVEIRA, 2003)
Acessibilidade na web ou e-acessibilidade, significa acesso universal para o
componente da World Wide Web. A acessibilidade se refere a facilidade de utilizar elementos
da web adicionando a usabilidade. Tecnologia assistida ou adaptativas, são destinados a
oferecer novas instalações ou aumentar as existentes, como bengala, cadeira de rodas, teclado
especiais e leitores de tela. (OLIVEIRA, 2003).
25
Avaliação Heurística de Acessibilidade
Assim como para usabilidade, há métodos de inspeção para avaliar a acessibilidade. A
maioria dos métodos de avaliação de acessibilidade atuais destinam-se a avaliar o conteúdo de
páginas web, que são baseados na conformidade com certas guidelines de acessibilidade,
principalmente com a da WCAG 2.0.
Teste de Acessibilidade
Os testes de acessibilidade são executados como os de usabilidade, os recursos são
semelhantes como pensar em voz alta, vídeo e de captura de áudio, questionários e outros.
Existe limitações para acessibilidade, tais como: Limitações de domínio de utilizadores
selecionados, devem ser maiores em teste de acessibilidade do que usabilidade, cobrindo
necessidades diferentes de experiências e habilidades, fica mais lento e caro; Dificuldade de
encontrar um grupo potencial de utilizadores, com diferentes experiências e habilidades para
participar das sessões de teste; em alguns testes de acessibilidade os usuários precisam usar
tecnologia assistiva, e, na maioria das vezes fica mais difícil levar os usuários a laboratórios
de testes, devido, principalmente, as barreiras físicas no ambiente.
Instrumento de Avaliação: W3C - WCAG 2.0
O Consórcio World Wild Web (W3C) é uma comunidade internacional que
desenvolve padrões com o objetivo de garantir o crescimento da web. A sua missão é
conduzir a web ao seu potencial máximo. Para Berners-Lee (1994) é importante no
desenvolvimento de sistemas para internet por deixar a web mais padronizada para o usuário
interagir no que concerne à acessibilidade. No entanto, o Web Content Accessibility
Guidelines (WCAG) 2.0, documento do W3C que será usado para a avaliação heurística de
acessibilidade deste trabalho, abrange uma vasta gama de recomendações para tornar o
conteúdo Web mais acessível. Suas orientações visam tornar o conteúdo mais acessível a uma
ampla gama de pessoas com deficiência, incluindo cegueira e baixa visão, surdez e perda de
audição, dificuldades de aprendizagem, limitações cognitivas, movimentos limitados,
incapacidades da fala, entre outros.
A estrutura do documento que descreve e apresenta as WCAG é baseada em 4
princípios Dentro destes quatro princípios estão distribuídas doze guidelines. Adicionalmente,
dentro de cada guideline há um ou mais critérios de sucesso. Os critérios de sucesso das
26
WCAG 2.0 possuem níveis de conformidade, definidos entre A (mais baixo), AA e AAA
(mais alto). Assim, por exemplo, uma página terá nível de conformidade “A” nas WCAG 2.0
se estiver de acordo com todos os critérios de sucesso de nível “A”. A mesma página terá
nível de conformidade “AA” se, além de atender os critérios de sucesso de nível “A”, também
atender os de nível “AA” e etc. A tabela mostrando a estrutura do documento encontra-se em
anexo B.
3 AVALIAÇÕES HEURÍSTICAS NO FACEBOOK
Neste capítulo serão apresentadas as avaliações realizadas com a rede social Facebook:
a Avaliação heurística de usabilidade, Avaliação heurística de acessibilidade e a avaliação de
acessibilidade via leitor de tela.
A avaliação heurística se faz necessária, uma vez que através dela é possível levantar
os aspectos positivos do sistema, bem como aspectos que possuem problemas de interface. Os
resultados diagnosticados auxiliaram na elaboração dos documentos necessários para os testes
de usabilidade e acessibilidade. Os testes permitiram averiguar os problemas encontrados nas
avaliações heurísticas através da interação de usuários finais.
3.1 AVALIAÇÃO HEURÍSTICA DE USABILIDADE
Neta seção será apresentada a avaliação heurística de usabilidade com seus princípios.
Para realização desta avaliação foi criado um questionário em forma de tabela, sendo assim,
foram avaliadas as interfaces do Facebook de acordo com as normas ISO 9241-10. Foram
elaboradas questões a partir de cada princípio, onde se analisou e se comentou o resultado
obtido.
A primeira interface analisada foi a tela de cadastro do usuário, onde dois princípios
foram detectados em não conformidade com a norma ISO 9241-10. O princípio 4
(Conformidade às expectativas do usuário) e o princípio 6 (Facilidade de individualização). A
tela de cadastro não leva em conta os diversos tipos de usuários, pois não apresenta
alternativas em áudio para elementos textuais e contém conteúdos que não podem ser
modificados para diferentes usuários.
27
Interface: Cadastro
Numer
o
Princípio Questão Adequado
S/N
Grau de
Importância
Comentário
1 Adaptação à
tarefa
O sistema permite
que o usuário realize
seu cadastro de
forma rápida e com
clareza?
S 1 ( ) 2 ( )
3 ( ) 4 ( x )
O cadastro possui
uma introdução
informativa eficaz
que auxilia no
preenchimento dos
dados pessoais do
usuário de forma
rápida e com clareza
2 Auto descrição
(feedback)
A página de cadastro
possui uma
linguagem
compreensível para a
finalização do
cadastro?
S 1 ( ) 2 ( )
3 ( ) 4 (x )
As etapas do
cadastro são bem
distribuídas, pois
apresentam opções
referente ao
preenchimento do
formulário sobre as
informações
obrigatórias ou
opcionais.
3 Controle ao
usuário
O sistema de
cadastro permite que
o usuário tenha o
domínio da
efetuação do
cadastro do começo
ao fim?
S 1 ( ) 2 ( )
3 ( ) 4 ( x )
Esse processo
apresenta uma forma
sucinta no
preenchimento dos
dados do começo ao
fim, pois o usuário
poderá avançar,
voltar e pausar.
4 Conformidade
às expectativas
do usuário
O Sistema está apto
para uso de diversos
tipos de usuários?
N 1 ( ) 2 ( x )
3 ( ) 4 ( )
Não apresenta
diferentes atividades
para a mesma tarefa
conforme os
diversos tipos de
perfis de usuário
(novato, intermitente
e experiente). Não
considera o domínio
de conhecimento e
interesse de cada
usuário.
5 Tolerância aos
erros
No preenchimento
do cadastro os erros
são evidentes no
sistema?
S 1 ( ) 2 ( )
3 ( ) 4 (x )
O sistema apresenta
o erro como um
controle de ajuda
pois se o usuário
preencher o campo
de forma incorreta o
próprio sistema irá
identificar e acusar o
28
campo específico.
6 Facilidade de
individualização
O sistema permite
criar uma nova
interação na tarefa
de cadastro para
diversos tipos de
usuários (deficientes,
idosos)?
N 1 ( x ) 2 ( )
3 ( ) 4 ( )
Todas as interfaces
são elaboradas para
o uso contínuo sem
modificações, tendo
um único padrão
disponível para
todos os usuários.
7 Facilidade de
aprendizagem
A interface do
cadastro possui
informações
suficientes para
suprir as dúvidas dos
usuários no
preenchimento?
S 1 ( ) 2 ( )
3 ( x) 4 ( )
Além de a interface
possuir uma
atribuição
satisfatória sobre os
limites de expressão
e clareza nos campos
de preenchimento,
também é possível
encontrar a opção de
ajuda.
Usabilidade, - Tela de cadastro
Usabilidade, Tela de cadastro 1
6
29
Usabilidade, Tela de cadastro 2
Usabilidade, - Tela de cadastro 3
A interface tela de entrada o princípio 6 (Facilidade de individualização) encontra-se
em não conformidade com a norma pois, o conteúdo não pode ser modificado para diferentes
usuários. A parte este, os demais princípios encontram-se todos em conformidade.
Interface: Entrada
4
4
30
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite
alterações de
informações do
usuário?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O usuário pode alterar as
informações sobre
usuários de forma rápida e
com clareza
2 Auto descrição
(feedback)
A página de
entrada tem
informação
suficiente da
alteração do
usuário?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O usuário apresente vários
tipos de informações como
fotos, alteração do
cadastro e configurar a
página.
3 Controle ao
usuário
O sistema
permite a
alteração da
foto e adicionar
outros usuários
de forma ágil?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O usuário pode alterar sua
foto de maneira fácil e
rápida, como também
aceitar o usuário clicando
no botão aceitar ou até
mesmo recusar.
4 Conformidade
as expectativas
do usuário
Há expectativa
da página de
entrada?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Há expectativa de verificar
a interação dos usuários
com seus contatos.
5 Tolerância aos
erros
O sistema
acusa o erro
quando o
usuário adiciona
a foto?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O sistema apresenta o erro
como mensagem de ajuda
indicando dois tipos de
formatação para a
publicação da foto JPEG e
GIF.
6 Facilidade de
individualizaçã
o
O sistema
permite criar
uma nova
simulação de
cadastro para
diversos tipos
de usuários (
deficientes,
idosos)?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Todas as interfaces são
elaboradas para o uso
contínuo sem
modificações, tendo um
padrão disponível para
todos os usuários.
7 Facilidade de
aprendizagem
Na página
inicial é fácil de
compreender o
sistema?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Basta o usuário procurar e
se interessar, pois é fácil o
aprendizado em manusear
esta página.
Usabilidade, - Tela de entrada
31
Usabilidade, - Tela de entrada
A interface tela de notícias o princípio 6 (Facilidade de individualização) encontra-se
em não conformidade com a norma pois, o conteúdo não pode ser modificado para diferentes
usuários. Sendo este o único princípio em não conformidade.
Interface: Notícias
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
1 Adaptação à
tarefa
O sistema
permite que o
usuário publique
qualquer tipo do
conteúdo ao
acesso do público
alvo?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O sistema permite
que o usuário
publique seus
conteúdos em status
público ou privado,
para amigos, e para
si próprio.
2 Auto
descrição
(feedback)
Em relação as
informações para
a realização do
preenchimento do
campo para a
publicação do
usuário encontra-
se visível?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pode-se perceber que
o usuário necessita
de atenção, pois
dentro do campo
consta as indicações
de como o usuário
realiza a postagem.
3 Controle ao
usuário
O Sistema de
noticia tem
S 1 ( ) 2 ( )
3 ( ) 4 (x)
É controlado pelo
fato o usuário pode
6
32
controle do tipo
de público alvo?
publicar a notícia e
escolher o tipo de
postagem e ao final
clicar no botão
publicar.
4 Conformidad
e as
expectativas
do usuário
O Sistema
permite que
qualquer tipo de
usuário publique
qualquer
conteúdo?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Qualquer usuário
pode escrever e
publicar as
informações
desejadas
5 Tolerância
aos erros
O Sistema
permite
Adicionar o link
de vídeo?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O link possui o tipo
de informação
indicando adicionar o
link.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
notícia apresenta
na tela um modo
fácil de publicar a
notícia
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Somente o usuário
que faz a notícia
pode realizar uma
publicação e
facilmente clicar no
botão publicar.
Usabilidade, – Tela de notícias
Usabilidade, – Tela de notícias
6
33
A interface tela de mensagem, o princípio 4 (Conformidade às expectativas do
usuário) encontra-se em não conformidade pois, não há nenhum tipo de informação sobre
como utilizar o conteúdo da interface. E o princípio 6 (Facilidade de individualização)
também, encontra-se em não conformidade com a norma pelo mesmo motivo citado nas telas
anteriores. Estando os demais princípios em conformidade
Interface: Tela de mensagem
Numer
o
Principio Questão Interface Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite o usuário
escolher uma
pessoa para
mandar
mensagem?
Figura 4 –
Tela de
mensagem
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Quando se clica no
botão de nova
mensagem o usuário
pode escrever a
mensagem para o
desejado destinatário.
2 Auto
descrição
(feedback)
O sistema de
mensagem tem
informação
adequada para
escrever a
mensagem?
Figura 4 –
Tela de
mensagem
S 1 ( ) 2 ( )
3 (x) 4 ( )
O sistema de
escrever mensagem é
um pouco demorado
por ter um processo
de etapas para
finalizar com o envio
da mensagem.
3 Controle ao
usuário
O sistema
permite receber
mensagens?
Figura 4 –
Tela de
mensagem
S 1 ( ) 2 ( )
3 ( ) 4 (x)
É fácil pois é só o
usuário clicar no link
mensagem e ir na
caixa de entrada.
4 Conformidad
e às
expectativas
do usuário
O sistema
permite
que a tela de
mensagem tenha
informações
explicando como
pode ser utilizado
este recurso?
Figura 4 –
Tela de
mensagem
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não há nenhuma
informação adequada
para essa tarefa.
5 Tolerância
aos erros
O Sistema
permite
Erros de
mensagem
quanto o usuário
apresenta online
ou off-line?
Figura 4 –
Tela de
mensagem
S 1 ( ) 2 ( )
3 (x) 4 ( )
Depois de enviar
duas ou três vezes
pode ocorrer do
sistema se recuperar.
6 Facilidade de
individualiza
O sistema
permite adequar a
Figura 4 –
Tela de
N 1 ( x ) 2 (
) 3 ( ) 4
Não existe uma
opção para adequar
34
ção tarefa para
qualquer tipo de
usuário?
mensagem ( ) um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
mensagem
apresenta na tela
um modo fácil de
comunicar-se
com outra pessoa
enviando
mensagens?
Figura 4 –
Tela de
mensagem
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário clica em
nova mensagem para
realizar contato com
o destinatário,
lembrando que isso
dependerá da
observação de cada
usuário.
Usabilidade, – Tela de mensagem
Usabilidade, – Tela de mensagem
Na interface tela de eventos o único princípio em não conformidade foi o princípio 6
(Facilidade de individualização) onde o conteúdo da tela não podia ser modificado para
diferentes tipos de usuários.
6
4
35
Interface Figura 5 - Tela de Eventos
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O Sistema
permite o usuário
publicar o evento
com data?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Usuário pode
publicar o evento
através do calendário
que consta na página
do evento.
2 Auto
descrição
(feedback)
A tela de evento
demonstra passo
a passo para o seu
uso adequado?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O sistema atribui de
forma organizada e
explicativa quanto ao
uso de publicações e
recebimentos dos
eventos através de
etapas.
3 Controle ao
usuário
O Sistema
permite o usuário
controlar o
cancelamento,
alteração, da
postagem ou um
convite de um
evento?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O sistema permite o
usuário alterar ou
excluir a publicação
do evento, quanto
receber convites com
opções de
comparecimento ou
não.
4 Conformidad
e as
expectativas
do usuário
A tela de entrada
do evento está
bem organizada
com explicação
para uso?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pois contém links
informativos que
possibilitam o acesso
explicando
detalhadamente o
processo de
preenchimento e
também de
informações das
publicações recentes
e passadas através do
calendário que
facilita a busca do
usuário.
5 Tolerância
aos erros
Na tela de
eventos quando
usuário publica
um evento ou
participa de
algum evento, ele
pode voltar para
fazer alterações
ou cancelar?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O sistema permite
que o usuário escolha
participar ou não do
evento, como
também pode ser
feito o cancelamento
de aceitação do
convite, quanto a
postagem do evento
permite a mesma
função
36
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
evento é fácil de
ciar o evento?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
A criação do evento
tem como indicação
um link que através
do calendário o
usuário escolhe a
data e preenche o
formulário que
consta no link de
criar evento.
Usabilidade, - Tela de Eventos
Usabilidade, - Tela de Eventos
A interface tela de fotos apresenta dois princípios em não conformidade com a norma,
o princípio 3 (controle ao usuário) pois, essa possui um link de adicionar vídeos sendo uma
tela de fotos. E o princípio 6 (Facilidade de individualização) pois, o conteúdo não podem ser
modificados para diferentes usuários.
Interface Figura- Tela de fotos
6
37
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite publicar
a foto?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O processo se inicia
clicando no link de
publicar a foto, abre
a opção de escolha
no arquivo onde
consta o material e o
próprio sistema faz o
Download e por fim
o usuário clica em
finalizar
2 Auto
descrição
(feedback)
O sistema
permite adiciona
uma foto de uma
forma
explicativa?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário clica no
botão adicionar,
escolhe a foto e clica
no botão enviar.
3 Controle ao
usuário
O sistema de foto
permite adicionar
vídeo?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Por mais que seja
uma tela que envie
foto, o sistema não
deveria permitir
enviar vídeos.
4 Conformidad
e às
expectativas
do usuário
Na tela de foto é
legível na leitura
do usuário
quando ele
adiciona uma
foto?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Na tela de foto é
possível verificar de
forma visível o
Botão de adicionar a
foto, elevando todo o
processo de
conclusão da
postagem deste
material para
publicação.
5 Tolerância
aos erros
O sistema
permite publicar
algum material
que não seja
apenas foto?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Além da publicação
de fotos, a tela de
fotos também
permite a postagem
de vídeos.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de foto
é fácil de
compreender a
postagem de
foto?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
A postagem de foto é
compreensiva por
motivo de apresentar
as etapas e formas de
ajuda que
possibilitam fazer
este procedimento
38
com sucesso.
Usabilidade, - Tela de fotos
Usabilidade, - Tela de fotos
A interface tela de localizar amigo o princípio 6 (Facilidade de individualização)
encontra-se em não conformidade com a norma pois, o conteúdo não podem ser modificados
para diferentes usuários. Somente este princípio em não conformidade.
Interface Figura 7 - localizar amigo
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite que o
usuário adicione
uma pessoa pelo
e-mail?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Por motivo que a
opção de busca do e-
mail é sugerido pelo
cadastro da pessoa
para uso do
Facebook.
2 Auto
descrição
(feedback)
O sistema
permite uma alto
descrição quando
vai adicionar uma
pessoa?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário segue uma
sequência onde
mostra na página do
usuário encontrado
adicionar amigo,
basta apenas clicar
que o convite é
3
6
39
enviado, apenas
basta esperar a
aceitação do outro
usuário.
3 Controle ao
usuário
O sistema
autoriza o usuário
adicionar a
pessoa e também
cancelar a
solicitação?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Na opções de
adicionar o usuário
propriamente pode-
se cancelar o pedido
pelo mesmo
procedimento de
adicionar.
4 Conformidad
e as
expectativas
do usuário
Na tela de
localizar amigos
qualquer pessoa
pode ser
adicionada com
facilidade?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Propriamente dito
anteriormente, cabe o
usuário aceitar ou
não a aceitação de
forma pratica
recusando ou
aceitando e no
mesmo tempo deste
procedimento já se
tem o resultado.
5 Tolerância
aos erros
Se o usuário
digitar o e-mail
de forma
incorreta e o
próprio sistema
recusar o erro o
sistema dará a
resposta?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Se o usuário digitar o
endereço de e-mail
incorreto de forma
automática o próprio
sistema causa
informando que não
pode se proceder
pelo fato de conter
algum item errado.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
localizar amigos
é fácil de
aprender?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pelo fato de conter as
informações e o link
de ajuda,
distribuindo cada
etapa, para efetuar
esta tarefe com
sucesso.
Usabilidade, - Tela de localizar amigo
40
Usabilidade, - Tela de localizar amigo
Na interface melhores amigos apenas o princípio 6 (Facilidade de individualização)
encontra-se em não conformidade com a norma pois, a interface não permite nenhuma
modificação de conteúdo para outros tipos de usuários.
Interface- Tela Melhores Amigos
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O usuário pode
visualizar
qualquer pessoa?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário poderá
visualizar somente
quem ele selecionar
como melhores
amigos.
2 Auto
descrição
(feedback)
Na tela de
melhores amigos
é bem explicado
como funciona?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Por motivo de
constar a maneira de
publicação e de
quem são os seus
melhores amigos.
6
41
3 Controle ao
usuário
O sistema
permite controlar
quem são os
melhores amigos
do usuário?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pode-se controlar
porque existe a
opção de selecionar o
usuário que vai ter
como referencial de
melhor amigo.
4 Conformidad
e as
expectativas
do usuário
O que gera o
sistema manter a
tela de melhores
amigos?
S 1 ( ) 2 ( )
3 (x) 4 ( )
A privacidade de
manter comunicação
através de
publicações
anônimas.
5 Tolerância
aos erros
A tela de
melhores amigos
tem limitação
para selecionar os
usuários?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário pode
adicionar quantas
pessoas ele desejar
como melhores
amigos.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
Na tela de
melhores amigos
é fácil a
aprendizagem?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Não apresenta
nenhuma forma que
não seja possível
adicionar o usuário
como melhor amigo,
pois próprio contém
a lista dos usuários
adicionados.
Usabilidade, - Tela de Melhores amigos
42
Usabilidade, - Tela de Melhores amigos
Na interface tela e família mais uma vez podemos encontrar apenas uma princípio que
não está em conformidade com a norma. O princípio 6 (Facilidade de individualização) está
fora da norma pois, nesta interface não se pode adaptar o conteúdo para diferentes tipos de
usuário.
Interface- Figura 9- Tela Família
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite
identificar se o
usuário é membro
da família?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O sistema permite a
localização deste
usuário quanto
também possibilita
de classifica-lo como
categoria hereditária
como, por exemplo,
(prima, tio, avó, pai,
irmão...).
2 Auto
descrição
(feedback)
A tela da Família
tem informação e
como funciona?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Na parte superior da
página contém uma
mensagem referente
ao adicionar se a
família está próxima
ou distante e logo ao
6
43
lado contém o link de
ajuda que possibilita
o usuário requerer
mais informações de
acordo com suas
necessidades.
3 Controle ao
usuário
O usuário quando
manda um
convite de
membro familiar,
permite que o
outro usuário
altere as
informações de
membro?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Quando uma pessoa
adiciona o usuário,
logo parece um
campo para o usuário
com as informações
sobre o membro na
qual ele faz parte da
família, se usuário
notar que a
informação está
incorreta ele pode
alterar ou até mesmo
cancelar o convite.
4 Conformidad
e as
expectativas
do usuário
Na tela de
adicionar
familiares o
usuário tem uma
boa compreensão
da tarefa?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Apenas é necessário
que o ossuário
adicione a pessoa,
aceite-a ou recuse-a,
como também pode
se optar por
seleciona-lo na lista
de familiares.
5 Tolerância
aos erros
Na tela de família
é permitido
publicar fotos e
vídeos?
S 1 ( ) 2 ( )
3 (x) 4 ( )
É possível notar os
links para publicação
de fotos e vídeos,
como também consta
uma caixa de
mensagem sendo que
a tela é favorável
para ter como
visibilidade e
informações afetivas
relacionados a
aceitação da lista de
parentescos.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
Na tela de
adicionar
familiares é fácil
a aprendizagem?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
É notável todas as
informações
necessárias para
efetuar esta tarefa
principalmente por
44
conter link de ajuda e
avisos de como
funciona as opções
quanto adicionar o
parentesco como
também inserir na
lista de família.
Usabilidade, - Tela de Família
Usabilidade, - Tela de Família
A interface tela de assinatura o princípio 6 (Facilidade de individualização) encontra-
se em não conformidade com a norma pois, o conteúdo não podem ser modificados para
diferentes usuários.
Interface- Figura 10- Tela Assinatura
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite assinar
alguma
S 1 ( ) 2 ( )
3 (x) 4 ( )
O sistema da tela de
assinatura tem como
opção do usuário
6
45
publicação do
amigo?
assinar ou não.
2 Auto
descrição
(feedback)
O sistema
permite uma auto
descrição da tela
de assinatura?
S 1 ( ) 2 ( )
3 (x) 4 ( )
No canto superior da
tela tem uma
explicação com um
link de ajuda.
3 Controle ao
usuário
O sistema
permite assinar e
depois fazer a
alteração?
S 1 ( ) 2 ( )
3 (x) 4 ( )
É possível fazer a
alteração deste
procedimento
fazendo o
cancelamento.
4 Conformidad
e as
expectativas
do usuário
O que o usuário
pode verificar
nesta página de
assinatura?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário pode
aceitar ou cancelar a
assinatura, como
também pode
visualizar as
postagens na tela.
5 Tolerância
aos erros
N/A 1 ( ) 2 ( )
3 ( ) 4 ( )
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
assinatura é fácil
de manuseá-lo?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Cabe o usuário se
interessar a acessar
esta página, pois são
todos os usuários que
fazem esta utilização
frequentemente ou
até mesmo não á
utiliza.
Usabilidade, - Tela de Assinatura
46
Usabilidade, - Tela de Assinatura
Interface- Figura 11- Central de Aplicativo
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
Todos os
aplicativos são
gratuitos?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Basta somente o
usuário escolher o
aplicativo e adiciona-
lo para uso gratuito.
2 Auto
descrição
(feedback)
Na tarefa
adicionar o
aplicativo usuário
tem uma
explicação de
como funciona?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Na página de
adicionar aplicativo
não é possível
verificar nenhuma
explicação ou ajuda.
3 Controle ao
usuário
O sistema
permite que o
usuário adicione
um aplicativo
novo?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não é possível, pelo
fato do sistema não
permiti que o usuário
adicione um
aplicativo novo feito
pelo usuário.
4 Conformidad
e as
expectativas
Na tela de
aplicativos tem
uma boa
S 1 ( ) 2 ( )
3 (x) 4 ( )
Pois irá que ter
algum passo para
adicionar o aplicativo
6
47
do usuário compreensão?
5 Tolerância
aos erros
N/A 1 ( ) 2 ( )
3 ( ) 4 ( )
Não consta
informações
desejáveis por
motivo de não
apresentar uma tela
ou campo que
possibilite verificar o
erro, quanto ao uso
do usuário.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema central
de aplicativos é
fácil de aprender
adicionar o
aplicativo?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Primeiramente o
usuário seleciona o
aplicativo ao clicar
em cima e depois
aceitar o aplicativo.
Usabilidade, - Tela de Central de aplicativo
Usabilidade, - Tela de Central de aplicativo
2
3
6
48
A interface tela de curta suas páginas favoritas o princípio 6 (Facilidade de
individualização) encontra-se em não conformidade com a norma pois, o conteúdo não podem
ser modificados para diferentes usuários.
Interface- Figura 12- Curta suas páginas favoritas
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite cutucar a
página do outro
usuário sem ser
favorito?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Permite cutucar
qualquer página.
2 Auto
descrição
(feedback)
O sistema
permite auto
descrição sobre a
pagina cutucar
favorito?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Basta o usuário clicar
na página e clicar no
botão cutucar.
3 Controle ao
usuário
O sistema
permite cutucar e
depois alterar?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
O usuário clicar no
link cutucar a outra
pessoa e também
clicando novamente
ele acaba solicitando
a alteração desejada.
4 Conformidad
e as
expectativas
do usuário
A possibilidade
do usuário ter
expectativa na
página cutucar
favorita?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Mas porém é cabe o
interesse do usuário
aceitar ou não, pelo
fato que o uso deste
link é apenas para
chamar a atenção ao
outro usuário,
possibilitando que
haja entretenimento
destes usuários.
5 Tolerância
aos erros
N/A 1 ( ) 2 ( )
3 ( ) 4 ( )
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
curtição de
pagina favorita é
fácil de se
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pois basta apenas
clicar em cima do
link que
automaticamente já
49
aprender ? vai mudar.
Usabilidade, - Tela de Curta suas páginas favoritas
Usabilidade, - Tela de Curta suas páginas favoritas
A interface tela de cutucadas o princípio 6 (Facilidade de individualização) encontra-
se em não conformidade com a norma pois, o conteúdo não podem ser modificados para
diferentes usuários.
Interface- Figura 13- Tela Cutucadas
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O sistema
permite na tela de
cutucadas
cancelar ou
refazer a
cutucada?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O usuário pode
cancelar a cutucada
ou se querer poder
desfazer
2 Auto
descrição
(feedback)
Na tela de
cutucada tem a
auto descrição?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Possui uma lista de
pessoas e o botão de
ajuda de fazer uma
6
50
cutucada.
3 Controle ao
usuário
Na página de
cutucada o que o
usuário pode
fazer?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Só tem o controle de
cutucar e verificar as
informações dos
outros usuários de
quem foi cutucado
pelo próprio usuário.
4 Conformidad
e as
expectativas
do usuário
A possibilidade
de o usuário ter
expectativa na
página cutucada?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Mas porém é cabe o
interesse do usuário
aceitar ou não, pelo
fato que o uso deste
link é apenas para
chamar a atenção ao
outro usuário,
possibilitando que
haja entretenimento
destes usuários.
5 Tolerância
aos erros
N/A 1 ( ) 2 ( )
3 ( ) 4 ( )
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema de
curtição de
pagina cutucada é
fácil de se
aprender?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Pois basta apenas
clicar em cima do
link que
automaticamente já
vai mudar.
Usabilidade, - Tela de cutucadas
51
Usabilidade, - Tela de cutucadas
A interface tela de linha do tempo o princípio 6 ( Facilidade de individualização)
encontra-se em não conformidade com a norma pois, o conteúdo não podem ser modificados
para diferentes usuários.
Interface- Figura 14- Tela Linha do tempo
Numer
o
Principio Questão Adequad
o
S/N
Grau de
Importânci
a
Comentário
1 Adaptação à
tarefa
O usuário pode
fazer alterações d
ordem da linha
do tempo?
S 1 ( ) 2 ( )
3 (x) 4 ( )
Não pode ser feita
alteração por causa
da data da publicação
do usuário.
2 Auto
descrição
(feedback)
Na página da
linha do tempo é
explicado como
funciona?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Na parte superior
consta explicações de
como funciona a
linha do tempo.
3 Controle ao
usuário
O sistema
permite que o
usuário controle a
linha o tempo?
S 1 ( ) 2 ( )
3 (x) 4 ( )
O sistema não
permite publicar e
voltar ao mês
anterior para uma
nova publicação.
6
52
4 Conformidad
e as
expectativas
do usuário
O sistema da
linha do tempo é
compreensivo o
seu
funcionamento?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Só usuário visualizar
pelos dias e meses do
sistema do
calendário.
5 Tolerância
aos erros
O sistema
permite publicar
o link do vídeo e
estiver errado o
sistema ira
acusar?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Apresenta a
mensagem de erro
informando que o
link não está
corretamente.
6 Facilidade de
individualiza
ção
O sistema
permite adequar a
tarefa para
qualquer tipo de
usuário?
N 1 (x) 2 ( )
3 ( ) 4 ( )
Não existe uma
opção para adequar
um usuário com
necessidades.
7 Facilidade de
aprendizage
m
O sistema é fácil
de aprender e
visualizar as
informações na
linha do tempo?
S 1 ( ) 2 ( )
3 ( ) 4 (x)
Basta o usuário
seguir as
informações que
constam abaixo dos
links e também no
auxílio do link de
ajuda.
Usabilidade, - Tela de linha do tempo
53
Usabilidade, - Tela de linha do tempo
Para finalizar, é mostrado um apanhado geral sobre os princípios em não
conformidade. O princípio 1 (Adaptação à tarefa) não foi afetado. O princípio 2 (Auto
descrição) foi afetado uma vez, na interface tela central de aplicativos. O princípio 3
(Controle ao usuário) foi afetado 2 vezes, nas interfaces tela de fotos, central de aplicativos. O
princípio 4 (Conformidade as expectativas do usuário) foi afetado 2 vezes, nas interfaces tela
de cadastro e de mensagens. O princípio 5 (Tolerância aos erros) não foi afetado. O princípio
6 (Facilidade de individualização) foi afetado em todas as interfaces do facebook. O princípio
7 (Facilidade de aprendizagem) não foi afetado em nenhuma interface.
6
1
54
Gráfico da avaliação heurística de usabilidade.
Apesar de perceber-se que o Facebook não está completamente adaptado a norma ISO
9241-10, os resultados demonstram que a rede social em estudo apresenta-se ainda assim em
maior conformidade com os princípios da norma aplicada. Foram poucos os aspectos
negativos diagnosticados nas interfaces das principais funcionalidades. No entanto, cabe
ressaltar sobre o nível de importância do princípio aplicado, que de uma maneira geral não
impedirá o seu uso, mas ainda é necessário que se façam melhorias para que fique
completamente em conformidade com a norma aplicada, para que todos possam utiliza-lo de
uma maneira eficaz.
3.2 AVALIAÇÃO HEURÍSTICA DE ACESSIBILIDADE
Nesta seção será apresentada a avaliação heurística de acessibilidade feita no
Facebook. Partindo das recomendações do WCAG 2.0, foi elaborado um questionário no
mesmo padrão em que foi feita a avaliação de usabilidade.
Na primeira interface analisada pode-se detectar 2 princípios que não estão em
conformidade com a norma do WCAG 2.0. Segundo a recomendação 1.1 do WCAG 2.0, a
página web deve oferecer para cada elemento não textual, uma alternativa em texto. Logo no
início da página de cadastro, existe uma figura e Facebook não oferece nenhuma alternativa
em texto.
2 2
4
13
Princípio 2 Princípio 3 Princípio 4 Princípio 6
Avaliação heurística de usabilidade
N úmero de vezes que foi afetado o princípio
55
O outro princípio em não conformidade é a recomendação 1.3, onde se espera a
adaptabilidade da página web. Nos campos de preenchimento de cadastro, o Facebook não
permite que tecnologias assistivas compreendam o conteúdo.
Interface: Cadastro
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto O sistema de
cadastro fornece
alternativas em
texto para cada
elemento não
textual?
Não 1( ) 2( )
3( X ) 4( )
O sistema não
possui
informação
suficiente para a
elementos não
textuais.
2
Mídias com base no tempo
Mídias com base no tempo Princípio não
aplicável
3
Adaptável
Adaptável O sistema de
cadastro permite
que tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Não 1( ) 2( )
3( X ) 4( )
Na parte de
edição de texto,
o leitor de tela
NVAD, não
consegue ler o
conteúdo.
4
Discernível
Discernível O sistema de
cadastro permite
visualização
discernível do
conteúdo?
Sim 1( ) 2( X )
3( ) 4( )
O sistema de
cadastro facilita
a visualização,
pois o usuário
pode
redimensionar o
conteúdo em até
200 vezes sem
perder conteúdo
ou
funcionalidade.
2.
Op
erá
vel
1
Acessível por Teclado
Teclado O sistema de
cadastro pode
ser feito
exclusivamente
pelo teclado?
Sim 1( X ) 2( )
3( ) 4( )
O sistema
permite fazer
todo o cadastro
somente pelo
teclado, sem a
utilização do
mouse.
56
2
Tempo Suficiente
Tempo Suficiente O sistema de
cadastro possui
tempo suficiente
para a conclusão
do cadastro?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
cadastro permite
ao usuário
permanecer o
tempo que for
necessário para
a conclusão do
cadastro.
3
Ataques Epilépticos
Ataques Epilépticos Há algum
conteúdo na tela
de cadastro que
de maneira
conhecida possa
causar ataque
epilético?
Sim 1( X ) 2( )
3( ) 4( )
Não há nenhum
conteúdo no
sistema de
cadastro que
possa causar
ataques
epiléticos.
4
Navegável
Navegável O sistema de
cadastro possui
ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
cadastro tem
descrição do
conteúdo e link
de ajuda.
3.
Com
pre
ensí
vel
1
Legível
Legível O sistema de
cadastro possui
auto
compreensão de
texto?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
cadastro permite
uma boa
compreensão de
texto.
2
Previsível
Previsível O sistema de
cadastro
apresenta
previsão de erro
de escrita?
Sim 1( ) 2( X )
3( ) 4( )
O sistema de
cadastro pode
verificar se o e-
mail do usuário
possui alguma
conta.
3
Assistência de Entrada
Assistência de Entrada O sistema de
cadastro possui
identificador de
erro?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
cadastro verifica
e-mail, código
de segurança.
4. R
ob
ust
o
1
Compatível
Compatível O sistema de
cadastro é
compatível com
atuais e futuros
agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
No sistema de
cadastro existe
um agente
compatível para
cada comando.
Acessibilidades, - Tela de cadastro
57
Acessibilidades, Tela de cadastro 1
Acessibilidades, - Tela de cadastro 2
Na interface tela de entrada foi detectado apenas uma recomendação em não
conformidade com a norma, o princípio 1.1 alternativas em texto, onde foram encontrada
imagens sem descrição textual para que tecnologias assistivas possam lê-las.
1.3
1.1
1.3
58
Em todas as interfaces que vem a seguir, foi detectada a mesma inconformidade
relatada acima. Portanto, não serão feitas descrições nas figuras que vem a seguir.
Interface: Entrada
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto O sistema de
entrada fornece
alternativas em
texto para cada
elemento não
textual?
Não 1( ) 2( )
3( X ) 4( )
O sistema de
entrada não
possui
alternativas para
elementos não
textuais.
2
Mídias com base no tempo
Mídias com base no tempo Princípio não
aplicável
3
Adaptável
Adaptável No sistema de
entrada existe
uma
programação
estruturada para
informação?
Sim 1( ) 2( X )
3( ) 4( )
O sistema de
entrada possui
informação de
leitor de tela ou
o usuário tem a
opção de leitura
textual.
4
Discernível
Discernível O sistema de
entrada facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada facilita a
visualização,
pois o usuário
pode
redimensionar o
conteúdo em
até 200 vezes
sem perder
conteúdo ou
funcionalidade.
2. O
per
áv
el
1
Acessível por Teclado
Acessível por Teclado O sistema de
entrada permite
que toda
funcionalidade
fique acessível
através do
teclado?
Sim 1( X ) 2( )
3( ) 4( )
O sistema pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente O sistema de
entrada oferece
tempo suficiente
ao usuário para
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada não
restringe o
tempo de ação
59
permanecer
neste layout?
em nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos No sistema de
entrada há
algum conteúdo
que possa causar
ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
entrada não tem
tipos de flashes
que possam
causar ataques
epiléticos.
4
Navegável
Navegável O sistema de
entrada possui
informação
suficiente para
que o usuário
navegar pelo
conteúdo?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada tem
informação bem
organizada, se o
usuário, ainda
assim, se sentir
perdido há um
link de ajuda.
3.
Com
pre
ensí
vel
1
Legível
Legível O sistema de
entrada possui
um conteúdo de
texto
compreensível
ou legível?
Sim 1( X ) 2( )
3( ) 4( )
No sistema de
entrada há um
conteúdo textual
de fácil
compreensão,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível O sistema de
entrada funciona
de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada possui
uma previsão da
página assim
que o usuário dá
o zoom no
tamanho da
página.
3 Assistência de Entrada
Assistência de Entrada O sistema de
entrada ajuda os
usuários a evitar
e corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada ajuda os
usuários a
corrigir erros
pois possui
identificador de
erros.
1
Compatível
Compatível O sistema de
entrada é
compatível com
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
entrada é
compatível com
60
atuais ou futuros
agentes de
usuário?
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de entrada
Acessibilidades, - Tela de entrada
Interface: Tela de notícias
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto Na tela de
notícias há
alternativas em
texto para
elementos não
textuais?
Não 1( ) 2( )
3( X ) 4( )
No canto
esquerdo
superior da tela
de notícias há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio não
aplicável
Adaptável
1.1
61
3 Adaptável Na tela de
notícias, existe
uma
programação
estruturada para
informação?
Sim 1( ) 2( X )
3( ) 4( )
Na tela de
notícias há
informação de
leitor de tela ou
o usuário tem a
opção de leitura
textual.
4
Discernível
Discernível A tela de
notícias facilita
a audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
notícias facilita
a visualização,
pois o usuário
pode
redimensionar o
conteúdo em até
200 vezes sem
perder conteúdo
ou
funcionalidade.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado A tela de
notícias permite
que toda
funcionalidade
fique acessível
através do
teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
notícias o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de
notícias oferece
tempo suficiente
ao usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
notícias não
restringe o
tempo de ação
em nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos O sistema de
notícias oferece
tempo suficiente
ao usuário para
permanecer
neste layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
notícias não tem
tipos de flashes
que possam
causar ataques
epiléticos.
4
Navegável
Navegável Na tela de
notícias há ajuda
na navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
notícias fornece
um link de
ajuda.
3.
Co
m pr
ee nsí
vel
1
Legível
62
Legível A tela de
notícias possui
um conteúdo de
texto
compreensível
ou legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
notícias há um
conteúdo textual
de fácil
compreensão,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível O sistema de
notícias
funciona de
forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
notícia permite
que o usuário
navegue de
forma
consistente e
sem alterações
de contexto.
3
Assistência de Entrada
Assistência de Entrada O sistema de
notícias ajuda os
usuários a evitar
e corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
notícias ajuda os
usuários a
corrigir erros
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível O sistema de
notícias é
compatível com
atuais ou futuros
agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
notícias é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de notícias
63
Acessibilidades, - Tela de notícias
Interface: Tela de mensagem
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto Na tela de
mensagem há
alternativas em
texto para
elementos não
textuais?
Não 1( ) 2( )
3( X ) 4( )
No canto
esquerdo
superior da tela
de mensagem há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio não
aplicável
3
Adaptável
Adaptável Na tela de
mensagem, o
sistema permite
que tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
mensagem as
tecnologias
assistivas
conseguem
transmitir todo o
conteúdo.
1.1
64
4
Discernível
Discernível O sistema de
mensagem
facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
mensagem
facilita a
visualização,
pois o usuário
pode
redimensionar o
conteúdo em até
200 vezes sem
perder conteúdo
ou
funcionalidade.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado A tela de
mensagem
permite que toda
funcionalidade
fique acessível
através do
teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
mensagem o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de
mensagem
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
mensagem não
restringe o
tempo de ação
em nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela de
mensagem é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
mensagem não
tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela de
mensagem há
ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
mensagem
fornece um link
de ajuda.
3.
Co
m pr
ee nsí
vel
Legível
65
1
Legível A tela de
mensagem
possui um
conteúdo de
texto
compreensível
ou legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
mensagem há
um conteúdo
textual de fácil
compreensão,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível O sistema de
mensagem
funciona de
forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
mensagem
permite que o
usuário navegue
de forma
consistente e
sem alterações
de contexto.
3
Assistência de Entrada
Assistência de Entrada O sistema de
mensagem ajuda
os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
mensagem ajuda
os usuários a
corrigir erros
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível O sistema de
mensagem é
compatível com
atuais ou futuros
agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
mensagem é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de mensagem
66
Acessibilidades, - Tela de mensagem
Interface: Tela de eventos
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela de
eventos oferece
alternativas em
texto para cada
elemento não
textual?
Não 1( ) 2( )
3( X ) 4( )
No canto
esquerdo
superior da tela
de mensagem há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio não
aplicável
3
Adaptável
Adaptável Na tela de
eventos o
sistema permite
que tecnologias
assistivas se
adaptem ao
conteúdo da
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos as
tecnologias
assistivas se
adaptam ao
conteúdo.
1.1
67
página?
4
Discernível
Discernível A tela de
eventos facilita
a audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
eventos facilita
a visualização,
pois o usuário
pode
redimensionar o
conteúdo em
até 200 vezes
sem perder
conteúdo ou
funcionalidade.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado A tela de
eventos permite
que toda
funcionalidade
fique acessível
através do
teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de
eventos oferece
tempo suficiente
ao usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos não há
restrição de
tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela de
eventos é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos não tem
tipos de flashes
que possam
causar ataques
epiléticos.
4
Navegável
Navegável Na tela de
eventos há ajuda
na navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
eventos fornece
um link de ajuda
e também
informa ao
usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
Legível
68
1 Legível A tela de
eventos possui
um conteúdo de
texto
compreensível
ou legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível O sistema de
eventos
funciona de
forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
eventos permite
ao usuário uma
navegação de
forma
consistente.
3
Assistência de Entrada
Assistência de Entrada Na tela de
eventos o
sistema ajuda os
usuários a evitar
e corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
eventos o
sistema ajuda os
usuários a
corrigir erros
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível O sistema de
eventos é
compatível com
atuais ou futuros
agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
O sistema de
eventos é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de eventos
69
Acessibilidades, - Tela de eventos
Interface: Tela de fotos
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela de fotos
oferece
alternativas em
texto para cada
elemento não
textual?
Não 1( ) 2( )
3( X ) 4( )
No canto esquerdo
superior da tela de
fotos há três
elementos não
textuais que não
contêm alternativas
em texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável.
3
Adaptável
Adaptável Na tela de fotos
o sistema
permite que
tecnologias
assistivas se
adaptem ao
conteúdo da
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos o
conteúdo é adaptável
a tecnologias
assistivas.
1.1
70
página?
4
Discernível
Discernível A tela de fotos
facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado A tela de fotos
permite que toda
funcionalidade
fique acessível
através do
teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos o
conteúdo também
pode ser acessado
passo a passo
somente pelo
teclado, a base da
tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de fotos
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos não
há restrição de
tempo em nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela de fotos é
estruturada de
maneira a não
causar ataques
epiléticos?.
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos não
tem tipos de flashes
que possam causar
ataques epiléticos.
4
Navegável
Navegável Na tela de fotos
há ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela de fotos
fornece um link de
ajuda e também
informa ao usuário o
conteúdo da página.
3. C
om
pre
ensí
vel
1
Legível
Legível A tela de fotos
possui um
conteúdo de
texto
compreensível
ou legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos há
um conteúdo textual
compreensível, sem
o uso de palavras
incomuns e texto
bem legível.
2 Previsível
Previsível A tela de fotos
funciona de
forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos há
uma previsão de
alteração da página
assim que o usuário
altera a página.
Assistência de Entrada
71
3 Assistência de Entrada Na tela de fotos
o sistema ajuda
os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de fotos o
sistema ajuda os
usuários a corrigir
erros pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela de fotos é
compatível com
atuais ou futuros
agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela de fotos é
compatível com
vários programas
que permitem
interligar a outros
agentes.
Acessibilidades, - Tela de fotos
Acessibilidades, - Tela de fotos
Interface: Localizar amigos
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1
Per
cep
tível
1
Alternativas em Texto
Alternativas em Texto A tela de localizar
amigos oferece
alternativas em
texto para cada
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
de localizar
1.1
1.1
72
elemento não
textual?
amigos há três
elementos não
textuais que não
contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela localizar
amigos o sistema
permite que
tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Sim 1( X ) 2( )
3( ) 4( )
Na tela localizar
amigos os
conteúdos
podem, a partir
de tecnologias
assistivas, ser
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela de localizar
amigos facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
localizar amigos
possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2. O
per
áv
el
1
Acessível por Teclado
Acessível por Teclado
A tela localizar
amigos permite que
toda funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
localizar amigos
o conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de localizar
amigos oferece
tempo suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
localizar amigos
não há restrição
de tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela de localizar
amigos é
estruturada de
Sim 1( X ) 2( )
3( ) 4( )
Na tela localizar
amigos não tem
tipos de flashes
73
maneira a não
causar ataques
epiléticos?
que possam
causar ataques
epiléticos.
4
Navegável
Navegável Na tela localizar
amigos há ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela localizar
amigos fornece
um link de ajuda
e também
informa ao
usuário o
conteúdo da
página.
3.
Com
pre
ensí
vel
1
Legível
Legível A tela localizar
amigos possui um
conteúdo de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela localizar
amigos há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela localizar
amigos funciona de
forma previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela localizar
amigos há uma
previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela localizar
amigos, o sistema
ajuda os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela localizar
amigos, o
sistema ajuda os
usuários a
corrigir erros
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela localizar
amigos é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela localizar
amigos é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de localizar amigo
74
Acessibilidades, - Tela de localizar amigo
Interface: Melhores amigos
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela de melhores
amigos oferece
alternativas em
texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
de melhores
amigos há três
elementos não
textuais que não
contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
1.1
75
aplicável
3
Adaptável
Adaptável Na tela melhores
amigos o sistema
permite que
tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
melhores
amigos os
conteúdos
podem, a partir
de tecnologias
assistivas, ser
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela de melhores
amigos facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela de
melhores
amigos possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2. O
per
ável
1
Acessível por Teclado
Acessível por Teclado
A tela melhores
amigos permite que
toda funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
melhores
amigos o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela de melhores
amigos oferece
tempo suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela de
melhores
amigos não há
restrição de
tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela de melhores
amigos é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
melhores
amigos não tem
tipos de flashes
que possam
causar ataques
epiléticos.
Navegável
76
4 Navegável Na tela melhores
amigos há ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela melhores
amigos fornece
um link de ajuda
e também
informa ao
usuário o
conteúdo da
página.
3.
Com
pre
ensí
vel
1
Legível
Legível A tela melhores
amigos possui um
conteúdo de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
melhores
amigos há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela melhores
amigos funciona de
forma previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
melhores
amigos há uma
previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela melhores
amigos, o sistema
ajuda os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
melhores
amigos, o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela melhores
amigos é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela melhores
amigos é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de Melhores amigos
77
Acessibilidades, - Tela de Melhores amigos
Interface: Tela família
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela família
oferece alternativas
em texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
de família há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela família o
sistema permite que
tecnologias
assistivas se
adaptem ao
Sim 1( X ) 2( )
3( ) 4( )
Na tela família
os conteúdos
podem, a partir
de tecnologias
assistivas, ser
1.1
78
conteúdo da
página?
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela de família
facilita a audição e
a visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela de família
possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A tela família
permite que toda
funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela família
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família
não há restrição
de tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela família é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família
não tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela família há
ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela família
fornece um link
de ajuda e
também informa
ao usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
1
Legível
79
Legível A tela família
possui um conteúdo
de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família
há um conteúdo
textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela família
funciona de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família
há uma previsão
de alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela família o
sistema ajuda os
usuários a evitar e
corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela família o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela família é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela família é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de família
80
Acessibilidades, - Tela de família
Interface: Tela assinatura
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela assinatura
oferece alternativas
em texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
assinatura há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela assinatura o
sistema permite que
tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura os
conteúdos
podem, a partir
de tecnologias
assistivas, ser
apresentados de
1.1
81
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela assinatura
facilita a audição e
a visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela assinatura
possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A tela assinatura
permite que toda
funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela assinatura
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura não
há restrição de
tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela assinatura é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura não
tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela assinatura
há ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela assinatura
fornece um link
de ajuda e
também informa
ao usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
1
Legível
82
Legível A tela assinatura
possui um conteúdo
de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela assinatura
funciona de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura há
uma previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela assinatura o
sistema ajuda os
usuários a evitar e
corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
assinatura o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela assinatura é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela assinatura
é compatível
com vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de Assinatura
83
Acessibilidades, - Tela de Assinatura
Interface: Central de aplicativo
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela central de
aplicativo oferece
alternativas em
texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
central de
aplicativo há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela central de
aplicativo o sistema
permite que
tecnologias
assistivas se
adaptem ao
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo os
conteúdos
podem, a partir
de tecnologias
assistivas, ser
1.1
84
conteúdo da
página?
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela central de
aplicativo facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela central de
aplicativo possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A tela central de
aplicativo permite
que toda
funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela central de
aplicativo oferece
tempo suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo
não há restrição
de tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela central de
aplicativo é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo
não tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela central de
aplicativo há ajuda
na navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela central de
aplicativo
fornece um link
de ajuda e
também informa
ao usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
1
Legível
85
Legível A tela central de
aplicativo possui
um conteúdo de
texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo há
um conteúdo
textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela central de
aplicativo funciona
de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo há
uma previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela central de
aplicativo o sistema
ajuda os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela central
de aplicativo o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela central de
aplicativo é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela central de
aplicativo é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de Central de aplicativo
86
Acessibilidades, - Tela de Central de aplicativo
Interface: Curta suas páginas favoritas
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela curta suas
páginas favoritas
oferece alternativas
em texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
curta suas
páginas
favoritas há três
elementos não
textuais que não
contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela curta suas
páginas favoritas o
sistema permite que
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas os
1.1
87
tecnologias
assistivas se
adaptem ao
conteúdo da
página?
conteúdos
podem, a partir
de tecnologias
assistivas, ser
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela curta suas
páginas favoritas
facilita a audição e
a visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela curta suas
páginas
favoritas possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A tela curta suas
páginas favoritas
permite que toda
funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela curta suas
páginas favoritas
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas não há
restrição de
tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela curta suas
páginas favoritas é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas não
tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela curta suas
páginas favoritas há
ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela curta suas
páginas
favoritas fornece
um link de ajuda
e também
88
informa ao
usuário o
conteúdo da
página.
3.
Com
pre
ensí
vel
1
Legível
Legível A tela curta suas
páginas favoritas
possui um conteúdo
de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela curta suas
páginas favoritas
funciona de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas há uma
previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela curta suas
páginas favoritas o
sistema ajuda os
usuários a evitar e
corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela curta
suas páginas
favoritas o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela curta suas
páginas favoritas é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela curta suas
páginas
favoritas é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de Curta suas páginas favoritas
89
Acessibilidades, - Tela de Curta suas páginas favoritas
Interface: Cutucadas
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A tela cutucadas
oferece alternativas
em texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da tela
cutucadas há
três elementos
não textuais que
não contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na tela cutucadas o
sistema permite que
tecnologias
assistivas se
adaptem ao
conteúdo da
página?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas os
conteúdos
podem, a partir
de tecnologias
assistivas, ser
apresentados de
1.1
90
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A tela cutucadas
facilita a audição e
a visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A tela cutucadas
possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A tela cutucadas
permite que toda
funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A tela cutucadas
oferece tempo
suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas não
há restrição de
tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A tela cutucadas é
estruturada de
maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas não
tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na tela cutucadas
há ajuda na
navegação?
Sim 1( X ) 2( )
3( ) 4( )
A tela cutucadas
fornece um link
de ajuda e
também informa
ao usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
1
Legível
91
Legível A tela cutucadas
possui um conteúdo
de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas há um
conteúdo textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A tela cutucadas
funciona de forma
previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas há
uma previsão de
alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na tela cutucadas o
sistema ajuda os
usuários a evitar e
corrigir erros?
Sim 1( X ) 2( )
3( ) 4( )
Na tela
cutucadas o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A tela cutucadas é
compatível com
atuais ou futuros
agentes de usuário?
Sim 1( X ) 2( )
3( ) 4( )
A tela cutucadas
é compatível
com vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de cutucadas
92
Acessibilidades, - Tela de cutucadas
Interface: Linha do Tempo
Pri
ncí
pio
Recomendação Questão Adequado
S/N
Grau de
Importânci
a
Comentário
1 P
erce
ptí
vel
1
Alternativas em Texto
Alternativas em Texto A interface linha do
tempo oferece
alternativas em
texto para cada
elemento não
textual?
Não 1( X ) 2( )
3( ) 4( )
No canto
esquerdo
superior da
interface linha
do tempo há três
elementos não
textuais que não
contêm
alternativas em
texto.
2
Mídias com base no tempo
Mídias com base no tempo Princípio
não
aplicável
3
Adaptável
Adaptável Na interface linha
do tempo o sistema
permite que
tecnologias
assistivas se
adaptem ao
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo
os conteúdos
podem, a partir
de tecnologias
assistivas, ser
1.1
93
conteúdo da
página?
apresentados de
diferentes
maneiras sem
perdem
informação ou
estrutura.
4
Discernível
Discernível A interface linha do
tempo facilita a
audição e a
visualização de
conteúdos aos
usuários?
Sim 1( X ) 2( )
3( ) 4( )
A interface linha
do tempo possui
informação
auditiva e visual
acessível para
tecnologias
assistivas.
2.
Op
erável
1
Acessível por Teclado
Acessível por Teclado
A interface linha do
tempo permite que
toda funcionalidade
fique acessível
através do teclado?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo o
conteúdo
também pode
ser acessado
passo a passo
somente pelo
teclado, a base
da tecla Tab.
2
Tempo Suficiente
Tempo Suficiente A interface linha do
tempo oferece
tempo suficiente ao
usuário para
permanecer no
layout?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo
não há restrição
de tempo em
nenhum
momento.
3
Ataques Epilépticos
Ataques Epilépticos A interface linha do
tempo é estruturada
de maneira a não
causar ataques
epiléticos?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo
não tem tipos de
flashes que
possam causar
ataques
epiléticos.
4
Navegável
Navegável Na interface linha
do tempo há ajuda
na navegação?
Sim 1( X ) 2( )
3( ) 4( )
A interface linha
do tempo
fornece um link
de ajuda e
também informa
ao usuário o
conteúdo da
página.
3.
Co
m pr
ee nsí
vel
1
Legível
94
Legível A interface linha do
tempo possui um
conteúdo de texto
compreensível ou
legível?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo
há um conteúdo
textual
compreensível,
sem o uso de
palavras
incomuns e
texto bem
legível.
2
Previsível
Previsível A interface linha do
tempo funciona de
forma previsível?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo
há uma previsão
de alteração da
página assim
que o usuário
altera a página.
3
Assistência de Entrada
Assistência de Entrada Na interface linha
do tempo o sistema
ajuda os usuários a
evitar e corrigir
erros?
Sim 1( X ) 2( )
3( ) 4( )
Na interface
linha do tempo o
sistema ajuda os
usuários a
corrigir erros,
pois possui
identificador de
erros.
4.R
ob
ust
o
1
Compatível
Compatível A interface linha do
tempo é compatível
com atuais ou
futuros agentes de
usuário?
Sim 1( X ) 2( )
3( ) 4( )
A interface linha
do tempo é
compatível com
vários
programas que
permitem
interligar a
outros agentes.
Acessibilidades, - Tela de linha do tempo
95
Acessibilidades, - Tela de linha do tempo
Com a avaliação realizada, percebeu-se que o Facebook apresenta desconformidade
com algumas recomendações propostas pelo WCAG 2.0. Assim, pessoas com deficiência
encontrarão pequenas dificuldades em acessar o Facebook, principalmente na tela de cadastro,
onde a página não permite adaptabilidade à tecnologias assistivas, pois não é fornecido de
maneira eficaz as informações do campo a serem preenchidas. Além disto, o restante permite
uma usabilidade eficiente para os usuários.
3.3 AVALIAÇÃO DE ACESSIBILIDADE VIA LEITOR DE TELA
DOSVOX
Nesta seção descreve-se a experiência ocorrida na avaliação de acessibilidade
realizada com um leitor de tela chamado DOSVOX. Este por sua vez, é um sistema de
computação, baseado no uso intensivo de síntese de voz, destinado a atender aos deficientes
1.1
96
visuais. O sistema operacional DOSVOX permite que pessoas cegas utilizem um computador
comum para desempenhar uma série de tarefas.
Com o DOSVOX pode-se sentir um pouco como uma pessoa com cegueira faz para
navegar na web. No Facebook a navegação não pode ser prosseguida em alguns momentos,
pois o leitor de tela não pode decodificar o conteúdo.
Na tela de cadastro o usuário que depende somente do teclado e do DOSVOX, não
consegue se cadastrar, pois o site não informa o que se deve preencher no campo. Só avisa
que é um campo em branco. Porém, ao deslocar o mouse para cima do campo o DOSVOX lê
o que é correspondente ao campo.
Na tela de mensagem o botão adicionar arquivos e botão adicionar fotos, não é lido
pelo leitor de tela. E na tela de fotos não se consegue adicionar fotos navegando pelo teclado,
somente pelo mouse. Assim, uma pessoa cega que não usa o mouse, somente usa o teclado,
provavelmente não irá conseguir adicionar fotos. É sabido que um cego não conseguirá ver a
foto, porém este usuário pode conhecer as fotos que possui em seu computador quando
previamente alguém do seu convívio já houver lhe descrito o conteúdo da foto. Podendo
adicionar fotos em seu perfil.
Desta maneira, pode-se perceber que inclusive com o uso de um leitor de tela, o
Facebook ainda contém alguns aspectos negativos a serem melhorados, para uma maior
acessibilidade de seus usuários com deficiência.
3.4 RESULTADOS DAS AVALIAÇÕES
Nesta seção o objetivo é apresentar os resultados das avaliações heurística de
usabilidade e acessibilidade realizadas nas interfaces do Facebook, bem como a avaliação
através do leitor de tela DOSVOX, evidenciando os aspectos negativos e positivos
encontrados.
Na avaliação de usabilidade foram encontrados problemas de não conformidade com
os princípios da norma ISO 9241-10, o princípio 2 (Auto descrição) foi afetado uma vez, na
interface tela central de aplicativos. O princípio 3 (Controle ao usuário) foi afetado 2 vezes,
nas interfaces tela de fotos, central de aplicativos. O princípio 4 (Conformidade as
expectativas do usuário) foi afetado 2 vezes, nas interfaces tela de cadastro e de mensagens.
97
O princípio 6 (Facilidade de individualização) foi afetado em todas as interfaces do Facebook.
E, também foram diagnosticados aspectos em conformidade, o princípio 1 (Adaptação à
tarefa), o princípio 5 (Tolerância aos erros) e o princípio 7 (Facilidade de aprendizagem) não
foram afetados em nenhuma interface. No entanto, de modo geral o resultado da avaliação de
usabilidade não apresentou problemas considerados de alta prioridade, mas se percebeu que o
Facebook apresentou falhas na interface para modificar conteúdos, por exemplo. Pode-se
dizer que a maior parte do conteúdo do Facebook apresentou-se em conformidade com os
princípios da norma.
Gráfico da avaliação heurística de acessibilidade.
Da mesma forma, na avaliação de acessibilidade foram encontrados problemas de não
conformidade com os princípios do WCAG 2.0 do W3C, ou seja, dificuldade no acesso aos
deficientes em alguns princípios, como no princípio 1 (perceptível) recomendação 1.1
(alternativas em texto), onde em todas as interfaces analisadas não apresentavam alternativas
em texto para 3 elementos não textuais localizados na barra superior. E, também como na
recomendação 1.3 (adaptável), onde na interface tela de cadastro, mais especificamente nos
campos de preenchimento de dados para o cadastro de uma nova conta, não foi possível a
adaptação do conteúdo à tecnologias assistivas, visto que o leitor de telas não conseguia ler o
campo.
1 2 2
13
Princípio 2 Princípio 3 Princípio 4 Princípio 6
Avaliação heurística de acessibilidade
Número de vezes que o princípio foi afetado
98
Entretanto, todos os outros princípios estavam em conformidade com as
recomendações do WCAG 2.0 do W3C. De maneira geral o resultado da avaliação de
acessibilidade possui falhas por não apresentar alternativa em texto em conteúdos não
textuais, ficando fora das conformidades dos princípios do WCAG 2.0. E o Facebook não
permite que tecnologias assistivas componham o conteúdo. Mas todo o resto está em
conformidade.
No resultado de avaliação de acessibilidade via leitor de tela, o usuário não consegue
se cadastrar no site, por ele não informar como preencher os dados, e no botão ou teclado para
adicionar fotos ou arquivos não é lido. Ainda assim é um acesso para pessoas com
deficiências visuais. Precisa de melhoras para ser utilizado no Facebook.
Pode–se concluir de uma maneira geral que o Facebook possui, em sua maior parte,
um grau elevado de usabilidade e acessibilidade, e que apenas uma pequena parte não se
encontra dentro das normas especificas. O Facebook, portanto, pode sim incluir e permitir que
pessoas com deficiência façam uso desta ferramenta, mas mesmo assim, ainda deve ser
melhorado para uma melhor eficácia.
4 AVALIAÇÕES EMPÍRICAS NO FACEBOOK
4.1 TESTES DE USABILIDADE
Para a realização dos testes de usabilidade foi feito um questionário de identificação
de perfil do usuário, contendo informações sobre o usuário e sua relação com o Facebook, um
script de tarefas com dez passos, para guiar o usuário e um questionário pós teste de
usabilidade perguntado ao usuário, usando a escala Likert, a dificuldade em cada passo
descrita no script. Durante os testes o pesquisador fez observações sistematizadas anotando-as
em uma tabela contendo em cada passo do script, o tempo de realização, a quantidade de
erros, reclamações e comentários.
Dia 19 de setembro deste ano foi realizado os testes com 3 pessoas no laboratório de
informática da Univali e no dia 26 foram realizados testes com mais 5 pessoas no mesmo
laboratório
Resultados dos testes
99
Os testes foram realizados com uma amostra de 8 indivíduos alunos da Univali, todos
do sexo masculino, 6 cursam Ciências da Computação e 2 cursam Sistemas da Internet. Desta
amostra, 2 não possuíam conta no Facebook, sendo que, 1 deles nunca tinha utilizado o
Facebook. Toda a amostra mostrou haver um conhecimento ótimo em informática e sendo
que a maioria utiliza diariamente o Facebook, passando de uma a duas horas logado.
Nos resultados da entrevista pode-se perceber que a maior parte dos entrevistados
disse possuir bastante conhecimento sobre o uso do Facebook e uma pequena parte disse
possuir pouco conhecimento.
A seguir, serão mostrados os gráficos que apontam a frequência com que os
usuários utilizam as seguintes funcionalidades do Facebook. Sendo que duas pessoas da
amostra não possuíam contas no Facebook, portanto, não constam nos gráficos.
Nos Parâmetros da vertical os números de 1 a 5 representam uma escala onde 1 é
pouco e 5 é muito. O Parâmetro na horizontal mostra números que representam a quantidade
de pessoas que assinalaram os parâmetros da vertical.
A figura 34, mostra a funcionalidade de mensagens, nele 67% dos
entrevistados utilizam com muita frequência, portanto é uma função muito utilizada. Na tela
notícias, de acordo com o gráfico, é uma funcionalidade bastante usada. A funcionalidade tela
de fotos é razoavelmente usada e a funcionalidade bate papo é muito utilizada pelos usuários.
Mensagens – Noticias – Fotos – Bate Papo
100
A figura 35, se refere a funcionalidade de localizar amigos, nele 50% dos
entrevistados utilizam com pouca frequência, portanto não é uma função muito utilizada. Na
tela grupos , de acordo com o gráfico, é uma funcionalidade razoavelmente usada. A
funcionalidade tela de páginas é razoavelmente usada e a funcionalidade central de aplicativos
é pouco utilizada pelos usuários.
Localizar amigos – Grupos – Páginas – Central de Aplicativos
A seguir, nas figuras 36, 37 e 38 serão mostrados os gráficos que representam o
questionário pós teste de usabilidade, este questionário foi realizado após o usuários realizar a
interação com o Facebook guiado pelo script de tarefas de 10 passos. Cada gráfico representa
uma tarefa que foi executada.
Os números do parâmetro vertical equivalem ao número de usuários e os números
crescentes de 1 a 5, do parâmetro horizontal, equivalem de muito fácil à muito difícil,
respectivamente.
A figura 36 se refere ao nível de dificuldade em realizar um cadastro, de adicionar um
amigo e enviar mensagens a amigos, a maioria dos usuários achou muito fácil executar esta
tarefa. Porém, quanto a adicionar fotos no perfil 2 usuários concluíram não ser tão fácil
adicionar fotos no perfil.
101
Níveis de dificuldade das tarefas Novo Cadastro, Adicionar amigo, enviar
mensagem a um amigo e adicionar fotos no perfil
A Figura 37 a seguir, se refere ao nível de dificuldade em marcar um amigo em uma
foto, em criar um evento, a maioria dos usuários mostrou não ser esta tarefa de alta
complexidade, sendo relativamente simples de realiza-lá. No entanto, ao que se refere ao nível
de dificuldade em adicionar um aplicativo e remover um amigo, alguns usuários dizem serem
tarefas não tão fáceis de ser realizadas, mostrando alguma complexidade em executá-las.
102
Níveis de dificuldade das tarefas: marcar um amigo em uma foto; Criar um
evento; adicionar um aplicativo; Remover um amigo.
A figura 38 a seguir, se refere ao nível de dificuldade em regular a privacidade da
conta, a maioria dos usuários assinalou ser uma tarefa que não é muito simples e nem muito
complexa de ser realizada. Já ao que se refere ao nível de dificuldade em remover a conta no
facebook, o resultado obtido dos questionários mostrou ser esta uma tarefa que exigem uma
certa dificuldade em ser realizada.
Nível de dificuldade em: Regular a privacidade de conta; Remover conta
O gráfico mostrado na figura 39 apresenta de forma sucinta o resultado obtido no
questionário pós teste de usabilidade. Neste gráfico percebe-se que as primeiras tarefas foram
de uma forma geral, muito fáceis de serem realizadas e a dificuldade foi aumentando nas
últimas tarefas realizadas.
Resultado do questionário pós teste de usabilidade.
0
2
4
6
8
Tarefa1
Tarefa2
Tarefa3
Tarefa4
Tarefa5
Tarefa6
Tarefa7
Tarefa8
Tarefa9
Tarefa10
Questionário pós teste
Muito Fácil Fácil Razoável Difícil Muito Difícil
103
Tarefa 1 Criar uma nova conta
Tarefa 2 Adicionar um amigo
Tarefa 3 Enviar uma mensagem privada
Tarefa 4 Adicionar fotos no perfil
Tarefa 5 Marcar um amigo numa foto
Tarefa 6 Criar um evento
Tarefa 7 Adicionar um aplicativo
Tarefa 8 Remova um amigo
Tarefa 9 Permitir que somente os amigos vejam seu conteúdo
Tarefa 10 Remover conta
Tarefas propostas no script.
Comparação com avaliação heurística de usabilidade
Nesta sessão do trabalho será apresentado no Quadro 32, um comparativo mostrando o
resultado obtido nos testes com usuários, uma avaliação dos testes e resultado da avaliação
heurística. Através destes foram criadas as interfaces como protótipos de baixa qualidade
propondo modificações que estão em conformidade com a norma de usabilidade.
Resultado do teste
com usuários,
conforme a norma
Resultado Avaliação
heurística
Resultados da interface e Protótipos
Tarefa 1 :
Nos testes realizados
com usuários,
percebeu-se uma
dificuldade para se
realizar o cadastro,
pois tiveram de
confirmar o cadastro
por e-mail.
4 (Conformidade as
expectativas do
usuário)
O princípio 4 (Conformidade às expectativas do usuário) e o princípio 6 (Facilidade de individualização). A tela de cadastro não leva em conta os diversos tipos de usuários, pois não apresenta alternativas em áudio para elementos textuais e contém conteúdos que não podem ser modificados para diferentes usuários.
Nesta interface o ideal seria se o botão de
ajuda estivesse em um lugar mais visível e de
tamanho de fonte maior.
Nas 3 etapas do cadastro (localizar amigos;
Identificação de perfil; Foto de perfil) o item
“pular esta etapa” deveria estar em
tamanho de fonte maior, pois não é
obrigatório o preenchimento nesta etapa.
De acordo com o princípio 6 da norma que
se refere a facilidade de individualização, o
ideal seria haver um link direcionado o
usuário com deficiência, ou qualquer outro
usuário, para uma página mais fácil de ser
usada.
Tarefa 2 :
Nos teste realizados
percebeu-se que não
há nenhum item fora
da norma de
usabilidade, sendo
A interface tela de localizar amigo o princípio 6 (Facilidade de individualização) encontra-se em não conformidade com a norma pois, o
O princípio 6 (facilidade de individualização)
da norma de usabilidade seria aplicado ao
Facebook se o mesmo disponibilizasse um
link direcionando o usuário a versão do
Facebook que é mais fácil de ser usada. Essa
104
que nenhum usuário
teve dificuldades em
realizar a tarefa.
conteúdo não pode ser modificado para diferentes usuários. A parte este, os demais princípios encontram-se todos em conformidade.
versão já existe como www.m.facebook.com
Tarefa 3 :
Como no item acima,
esta tarefa não
representou
nenhuma dificuldade
para os usuários, não
identificando
nenhum item fora
das normas de
usabilidade.
A interface tela de
mensagem o princípio 4
(Conformidade às
expectativas do usuário)
encontra-se em não
conformidade pois, não há
nenhum tipo de informação
sobre como utilizar o
conteúdo da interface. E o
princípio 6 (Facilidade de
individualização) também,
encontra-se em não
conformidade com a norma
pois, o conteúdo não podem
ser modificados para
diferentes usuários. A parte
este, os demais princípios
encontram-se todos em
conformidade
Nesta tela não houve a necessidade de
modificar muita coisa, exceto o fato de ter
acrescentado um botão de link de ajuda,
para auxiliar o usuário em qualquer dúvida.
Assim como em todas as interfaces, o
princípio nº 6 (Facilidade de individualização)
encontra-se fora de conformidade com a
norma, por isso foi incluso um link com a
possibilidade de direcionar o usuário para
uma página do Facebook mais fácil de ser
utilizada.
Tarefa 4 :
Nesta tarefa um dos
usuários teve
problemas em
adicionar fotos, com
isso pode-se
perceber uma
inadequação com a
norma que se refere
ao controle do
usuário. Outro
usuário teve
dificuldades e se
confundiu na hora
de adicionar fotos,
pois clicou em
adicionar vídeos.
nº 4 (conformidade
A interface tela de fotos
apresenta dois princípios em
não conformidade com a
norma, o princípio 3
(controle ao usuário) pois,
essa possui um link de
adicionar vídeos sendo uma
tela de fotos. E o princípio 6
(Facilidade de
individualização) pois, o
conteúdo não podem ser
modificados para diferentes
usuários. A parte este, os
demais princípios
encontram-se todos em
conformidade.
Deveria ser tela de fotos e vídeos. Pensando
desta maneira, acrescentou no nome da tela
a palavra vídeos para cumprir com o
princípio nº 4 (conformidade as expectativas
do usuário).
Referente ao item 6 da norma, mais uma vez
deveria conter um link direcionando para
uma página mais fácil de ser usada.
105
as expectativas do
usuário).
Tarefa 5 :
Nesta tarefa, através
dos testes, não
foram detectados
nenhum item fora de
conformidade com a
norma.
No TTC I não foi realizada a
avaliação heurística desta
interface, o que nos obrigou
a realiza-la no TTC II.
Esta tela apresenta todos os
itens em conformidade com
a norma.
Como não foram encontradas
desconformidades com a norma, não houve
a necessidade de qualquer modificação.
Tarefa 6 :
Ao criar um evento,
um dos usuários teve
dificuldade, pois o
facebook pediu para
confirmar o e-mail.
Fora isto, de resto
tudo ocorreu sem
quaisquer
problemas.
Na interface tela de eventos
o princípio 6 (Facilidade de
individualização) encontra-
se em não conformidade
com a norma pois, o
conteúdo não podem ser
modificados para diferentes
usuários. A parte este, os
demais princípios
encontram-se todos em
conformidade.
Em referência ao princípio 6 da norma, assim
como feito na tela de cadastro, um link
direcionando o usuário para uma página
mais fácil de ser usada, seria o ideal a ser
alcançado.
Tarefa 7 :
Um dos usuários teve dificuldade em adicionar um aplicativo, pois não sabia como fazer, não estando explicito no Facebook com fazer. Nº 7 (Facilidade de aprendizagem)
Na interface tela de aplicativos o princípio 6 (Facilidade de individualização) encontra-se em não conformidade com a norma pois, o conteúdo não podem ser modificados para diferentes usuários.
A maior dificuldade encontrada pelos
usuários nos testes realizados, foi o fato de
não haver algo indicando que basta jogar o
aplicativo para adicionar o aplicativo à
página do usuário. Por isso, sugiro
acrescentar o botão “adicionar aplicativo”,
junto ao botão “jogar”.
Tarefa 8 :
Nesta tarefa um
usuário teve
dificuldade em
remover um amigo,
pois não encontrava
onde estava seus
amigos.
Esta interface não foi
avaliada no TCC I, por isso
foi avaliada nesta etapa do
projeto.
Nenhum princípio foi
encontrado em
desconformidade com a
norma.
Nos testes, um usuário teve um pouco de
dificuldade em achar seu amigo para
removê-lo, porém concluímos que este fato
não faz com que fique em desconformidade
com os princípios da norma.
106
Tarefa 9 :
Um usuário não
encontrou com
facilidade a
configuração de
privacidade. Porém
havia um link de
ajuda, onde o
usuário não quis
acessá-lo para
buscar ajuda.
Portando concluímos
que todos os
princípios estão em
conformidade com a
norma.
Esta interface não foi
avaliada no TCC I, por isso
foi avaliada nesta etapa do
projeto.
Segundo a avaliação
heurística todo o conteúdo
se encontra em
conformidade com as
normas.
Não houve a necessidade de criar protótipos
para esta tela.
Tarefa 10 :
6 dos 8 usuários
encontraram
dificuldade para
remover a conta.
Quando o facebook
pedia para
especificar o motivo
da remoção, ele
mostrava várias
opções para marcar,
uma delas dizia
“outro” e um campo
de texto em baixo,
mas não dizia que
era obrigatório
preencher o campo.
Nº7 (Facilidade de
aprendizagem)
Esta interface não foi
avaliada no TCC I, por isso
foi avaliada nesta etapa do
projeto.
Foi detecta nesta interface
que a norma nº 7 (facilidade
de aprendizagem) não está
em conformidade com a
norma, pois o usuário
encontra dificuldade em
localizar a função remover
conta. Esta função encontra-
se em fonte de texto menor
se comparado ao resto do
conteúdo.
Quando se vai remover a conta, o facebook
mostra várias opções para marcar, para
explicar o motivo da remoção, uma delas
dizia “outro” e um campo de texto em baixo,
mas não dizia que era obrigatório preencher
o campo.
Neste sentido basta acrescentar uma
descrição da obrigatoriedade da justificativa
no campo de preenchimento, quando se
assinala o motivo “outro”.
Quadro de usabilidade com resultados dos testes
Os protótipos de usabilidade foram criados para ajustar os conteúdos em
inconformidade com os princípios da norma ISO 9241-10. O princípio 4 (Conformidade as
expectativas do usuário) foi usado 3 vezes, nas interfaces tela de cadastro, de fotos e de
107
mensagens. O princípio 6 (Facilidade de individualização) foi usado em todas as interfaces
do Facebook. O princípio 7 (Facilidade de aprendizagem) foi usado 2 vezes, na tela central de
aplicativos e remover conta. O restante dos princípios não foram utilizados pois os conteúdos
estavam de acordo com a norma. O Facebook possui usabilidade mas ainda há pequenos
ajustes a serem feitos.
Gráfico do resultado da avaliação de usabilidade.
Protótipos
Os protótipos foram realizados de acordo com os testes de usabilidade realizados neste
trabalho e serão apresentados a seguir.
Na figura 41 a nova tela de cadastro proposta pelo autor deste trabalho, de acordo com
o princípio nº 4 (conformidade as expectativas do usuário) foi acrescentado um botão de
ajuda, pois no momento do cadastro o usuário pode ficar um pouco confuso sobre as
exigências na realização do cadastro. E para atender ao princípio nº 6 (facilidade de
individualização) foi acrescentado um link que direciona o usuário à página do M Facebook,
que é mais fácil de ser usada, esta página já existe e é mais limpa, sem muito conteúdo de
propagandas e opções. Endereço: www.m.facebook.com
3
13
2
Princípio 4 Princípio 6 Princípio 7
Avaliação testes de usabilidade
Número de vezes que o princípio foi afetado
108
Protótipo de usabilidade da tela de cadastro.
A figura 42 mostra o protótipo da tela de cadastro, que para atender o princípio nº 4
(conformidade a expectativa do usuário) foi acrescentado um botão “pular esta etapa”, visto
que no Facebook há apenas um pequeno link com este comando. Portanto, foi modificado
para um botão maior para uma melhor visualização.
Protótipo de usabilidade da tela de cadastro.
6
4
4
109
Como os usuários, segundo os testes, poderiam ficar confusos nesta interface foi
acrescentado um botão de ajuda na margem inferior esquerda para atender o princípio nº 4
(conformidade as expectativas do usuário), a figura 43 mostra este protótipo.
Protótipo de usabilidade da tela de mensagem.
A figura 44 mostra interface tela de fotos do Facebook, onde há um botão para
adicionar vídeos, sendo assim a informação sobre a tela está incompleta. Deveria ser tela de
fotos e vídeos. Pensando desta maneira, acrescentou no nome da tela a palavra vídeos para
cumprir com o princípio nº 4 (conformidade as expectativas do usuário)
4
110
Protótipo de usabilidade da tela de fotos
A figura 45 mostra o protótipo criado para cumprir com a conformidade do princípio
nº 7 (facilidade de aprendizagem) na interface tela central de aplicativos, foi modificado o
botão “jogar” para “adicionar aplicativo”. Pois após adicionar o aplicativo, o jogo iria para a
link que contém os aplicativos do usuário, e então poderia ser jogado.
4
7
111
Protótipo de usabilidade da tela de aplicativos.
A figura 46 mostra o protótipo criado na tela remover conta, onde o princípio nº 7
(facilidade de aprendizagem) não encontrava-se em conformidade com a norma quando não
indicava ao usuário a obrigatoriedade de preenchimento de um campo de texto após a seleção
“outro” no campo de múltipla escolha. Para tornar este conteúdo em conformidade com o
princípio, acrescentou-se ao lado da opção “outro”, uma escrita informando a obrigatoriedade
de preenchimento do campo abaixo.
Protótipo de usabilidade da tela remover conta.
De acordo com os princípios da norma ISO 9241-10 foram realizadas melhorias nas
telas de interface do Facebook para facilitar o uso. A tela que mais necessitou melhorias foi a
de cadastro, sendo esta de extrema importância para o acesso de todos os outros conteúdos do
site.
Nas demais telas foram realizadas de pequenas melhorias apenas, para tornar o
conteúdo em conformidade com a norma.
4.2 TESTES DE ACESSIBILIDADE
A realização dos testes de acessibilidade se deu nos mesmos parâmetros dos testes
realizados para a usabilidade. Onde foi criado um questionário para a identificação do perfil
do usuário, também, um script de tarefas com dez passos orientado o usuário a seguir uma
direção. E para finalizar criou-se um questionário pós teste de acessibilidade perguntado ao
usuário, usando a escala Likert, a dificuldade em cada passo descrita no script. Durante os
7
112
testes foram feitas observações sistematizadas anotando-as em uma tabela contendo em cada
tarefa do script, o tempo de realização, a quantidade de erros, reclamações e comentários.
A coleta dos dados se deu em três sessões. A primeira, no dia 02 de setembro onde foi
realizado o teste com uma pessoa cega. O pesquisador foi até a casa do usuário para realizar a
coleta. A segunda, foi realizada no dia 15 de setembro no laboratório de informática da
univali, com um usuário de baixa visão. E a terceira, foi realizada no dia 23 de outubro na
associação dos deficientes visuais de Itajaí e região, com um usuário cego.
Resultados dos testes
Os testes de acessibilidade forram realizados com três deficientes visuais, um possuía
acesso ao facebook, mas utilizava pouco, os outros dois já possuíam acesso. O primeiro
apresentou dificuldades de acessibilidade, os outros já possuíam conhecimento do facebook,
e não tiveram dificuldades em responder o teste.
Dos entrevistados um possuía pouco conhecimento do facebook, e os outros tinham
noção do facebook não na sua totalidade. Todos responderam o teste, algumas tarefas não
foram respondidas, porque dependia da parte visual, estas tarefas foram anuladas do
questionário.
Nos Parâmetros da vertical os números de 1 a 5 representam uma escala onde 1 é
pouco e 5 é muito. O Parâmetro na horizontal mostra números que representam a quantidade
de pessoas que assinalaram os parâmetros da vertical. A seguir, nas figuras 45 e 46, serão
mostrado os gráficos que apontam a frequência com que os usuários utilizam as seguintes
funcionalidades do Facebook.
A figura 47 se refere à 4 funcionalidades. A funcionalidade de mensagens, nele 67%
dos entrevistados utilizam com média frequência. A tela notícias, de acordo com o gráfico, é
uma funcionalidade bastante usada. A funcionalidade tela de fotos foi utilizada com media
frequência e a funcionalidade bate papo foi utilizada com media frequência pelos usuários.
113
Frequência de utilização das funcionalidades: Mensagens – Notícias – Fotos –
Bate Papo.
A figura 48 se refere à 4 funcionalidade. A funcionalidade de localizar amigos, nele
67% dos entrevistados utilizam com bastante frequência. A tela grupos, de acordo com o
gráfico, é uma funcionalidade razoavelmente usada. A funcionalidade tela de páginas e a
funcionalidade central de aplicativos são muito utilizadas pelos usuários.
Frequência de utilização das funcionalidades: Localizar Amigos – Grupos –
Páginas – Central de Aplicativos.
A seguir serão mostrados os gráficos que representam o questionário pós teste de
acessibilidade, este questionário foi realizado após o usuários realizarem a interação com o
114
Facebook guiados pelo script de tarefas de 10 passos. Cada gráfico representa uma tarefa que
foi executada.
Os números do parâmetro vertical equivalem ao número de usuários e os números
crescentes de 1 a 5, do parâmetro horizontal, equivalem de muito fácil à muito difícil,
respectivamente.
A figura 49 mostra o nível de dificuldade em realizar referente a 4 tarefas. Referente
ao nível de dificuldade em realizar um cadastro, de adicionar um amigo e enviar mensagens a
amigos, a maioria dos usuários achou muito fácil executar esta tarefa. Porém, quanto a
adicionar fotos no perfil 3 usuários concluíram não ser tão fácil adicionar fotos no perfil.
Níveis de dificuldade das tarefas: Realizar novo cadastro; adicionar um amigo;
enviar uma mensagem a um amigo; adicionar fotos no perfil.
A figura 50 mostrada a seguir, se refere ao nível de dificuldade em marcar um amigo
em uma foto, em criar um evento , a maioria dos usuários mostrou não ser esta tarefa de alta
complexidade, sendo relativamente simples de realiza-lá. No entanto, ao que se refere ao nível
de dificuldade em adicionar um aplicativo e remover um amigo, alguns usuários dizem serem
tarefas não tão fáceis de ser realizadas, mostrando alguma complexidade em executá-las.
115
Níveis de dificuldade das tarefas: Marcar um amigo em uma foto; Criar um
evento; Adicionar um aplicativo; Remover um amigo.
Na Figura 51, que é mostrada a seguir, se refere ao nível de dificuldade em regular a
privacidade da conta, onde 2 usuários marcaram ser muito difícil e outro marcou ser normal.
E também no que se refere ao nível de dificuldade em remover a conta no facebook, o
resultado obtido dos questionários mostrou ser esta uma tarefa muito difícil em ser realizada.
116
Níveis de dificuldade das tarefas: Regular privacidade da conta; Remover
conta.
O gráfico mostrado na figura 52 apresenta de forma sucinta o resultado obtido no
questionário pós teste de acessibilidade. Neste gráfico percebe-se que o nível de dificuldade
foi aumentando gradualmente com o passar de cada tarefa. As duas últimas tarefas foram
muito difíceis de serem realizadas.
Resultado do questionário pós teste acessibilidade
0
1
2
3
Tarefa 1 Tarefa 2 Tarefa 3 Tarefa 4 Tarefa 5 Tarefa 6 Tarefa7
Tarefa 8 Tarefa 9 Tarefa10
Questionário pós teste
Muito Fácil Fácil Razoável Difícil Muito Difícil
117
Tarefa 1 Criar uma nova conta
Tarefa 2 Adicionar um amigo
Tarefa 3 Enviar uma mensagem privada
Tarefa 4 Adicionar fotos no perfil
Tarefa 5 Marcar um amigo numa foto
Tarefa 6 Criar um evento
Tarefa 7 Adicionar um aplicativo
Tarefa 8 Remova um amigo
Tarefa 9 Permitir que somente os amigos vejam seu conteúdo
Tarefa 10 Remover conta
Tarefas propostas no script.
Comparação com avaliação heurística de acessibilidade
Nesta sessão do trabalho será apresentado o quadro 34, que é um comparativo
mostrando o resultado obtido nos testes com usuários, uma avaliação dos testes e resultado da
avaliação heurística. Através destes foram criadas as interfaces como protótipos de baixa
qualidade propondo modificações que estão em conformidade com a norma de acessibilidade.
Resultado do teste
com usuários,
conforme a norma
Resultado Avaliação
heurística
Resultados da interface e Protótipos
Tarefa 1 :
O usuários obtiveram
dificuldades pois havia
muita conteúdo extra
que não fazia parte do
cadastro. Estando fora
de conformidade com
a o princípio 1.3
(Adaptável).
No cadastro o
Facebook não informa
que a senha deve
conter no mínimo 6
caracteres. Em
desconformidade com
o princípio 1.4
(Discernível).
Conforme a norma do WCAG
2.0, recomendação 1.1, a
página web deve oferecer
para cada elemento não
textual, uma alternativa em
texto. Logo no início da página
de cadastro, existe uma figura
e Facebook não oferece
nenhuma alternativa em
texto.
O outro princípio em não
conformidade é a
recomendação 1.3, onde se
espera a adaptabilidade da
página web. Nos campos de
preenchimento de cadastro, o
Facebook não permite que
tecnologias assistivas
compreendam o conteúdo.
Na comparação dos testes pode-se
perceber que a figura mencionada na
avaliação heurística não tem a
necessidade de ser lida pelo usuário com
deficiência, já que não é uma informação
de conteúdo.
E nos testes com usuários o campo de
preenchimento de cadastro foi lido sem
nenhum problema.
Foi acrescentado na tela de, como
proposta no protótipo, uma informação
junto ao campo “senha” avisando ao
usuário que deve-se digitar a senha com
no mínimo de seis caracteres. Tornando
portanto, a tela em conformidade com o
princípio 1.4 (Discernível).
Na tela de cadastro foi colocado um link
www.m.facebook.com que envia para
página do facebook. Tornando em
conformidade com o princípio
1.3(Adaptavel)
Tarefa 2 : Na interface tela de entrada Nos testes com usuários não houve
118
Todos os usuários
tiveram total acesso
nesta tela, tendo a
disponibilidade de
todo o conteúdo.
foi detectado apenas uma recomendação em não conformidade com a norma, o princípio 1.1 alternativas em texto, onde foi encontrada imagens sem descrição textual para que tecnologias assistivas possam lê-las. Em todas as interfaces que vem a seguir foi detectada a mesma inconformidade relatada acima. Neste caso caso não será relatada nas demais tarefas, estando já implícitas.
problemas com as figuras, pois o leitor de
tela as leu. Estando portanto, em
conformidade com o princípio 1.1
(alternativas em texto).
Tarefa 3 :
Tudo em
conformidade com as
normas.
------------------------------- ------------------------------------------------
Tarefa 4 :
Todos os itens estão
em conformidade.
-------------------------------------- ---------------------------------------------------
Tarefa 5 :
Tarefa anulada. Pois
torna-se impossível
para uma pessoa cega
marcar um amigo
numa foto, pois não
consegue ver o amigo
para ser marcado.
----------------------------------------- --------------------------------------------------
Tarefa 6 :
Todos os usuários
tiveram total acesso
nesta tela, tendo a
disponibilidade de
todo o conteúdo.
-------------------------------------- --------------------------------------------------
Tarefa 7 :
Todos os usuários tiveram total acesso nesta tela, tendo a disponibilidade de todo o conteúdo.
---------------------------------------- -------------------------------------------------------
Tarefa 8 :
Todos os usuários
tiveram total acesso
nesta tela, tendo a
------------------------------------- ----------------------------------------------------
119
disponibilidade de
todo o conteúdo.
Tarefa 9 :
Não foi possível
regular a privacidade.
O caminho é longo
para regular a
privacidade e o leitor
de tela não conseguia
ler todo o conteúdo
da página.
1.3 (adaptável).
-------------------------------------- Esta tela foi modifica, tornando-a mais
simples, com menos informação. Pois
para um usuário com cegueira o
conteúdo deve apresentar-se de modo
sistemático. Foi aplicado o princípio 1.3
(Adaptável).
Tarefa 10 :
Não foi possível
remover a conta.
Primeiramente o
caminho é muito
longo para se poder
remover a conta. E
também porque no
final da processo de
remoção da conta, o
Facebook pede para
inserir letras para
verificação de
segurança. Estas
letras são de difícil
visualização, para
usuários de baixa
visão. E o áudio da
opção de áudio é
inaudível, tornando
inacessível a usuários
com deficiência visual.
1.3(adaptável).
-------------------------------------- Foi proposta, como protótipo, uma tela
mais simples sem a necessidade de
inserir as letras de segurança, pedindo
apenas a senha de acesso do usuário para
que se possa remover a conta. Tornando
em conformidade com o princípio 1.3
(Adaptável).
Quadro de acessibilidade com resultados dos testes
Através do quadro 34 foram apresentados os resultados das interfaces do facebook,
para isso foi usado o princípio da norma do WCAG 2.0 do W3C. Foi utilizado o primeiro
princípio com a recomendação 1.3 (adaptável) em todas as telas que foram modificadas, e a
recomendação 1.4 (discernível), para fazer a modificação na tela de cadastro apenas. Contudo,
não houve a necessidade de aplicar os outros princípio da norma, estando todos eles em
120
conformidade. Pode-se concluir que apesar haver conteúdos em não conformidade com a
norma, ainda assim em sua maior parte o Facebook possui acessibilidade.
Protótipos
Os protótipos foram criados de acordo com os testes de acessibilidade realizados neste
trabalho e serão apresentados a seguir.
Na figura 53 mostra o protótipo da tela de cadastro, onde foi posta uma informação
que o usuário deve digitar a senha com no mínimo de seis caracteres, conforme o princípio 1.
4(discernível). E para atender a conformidade com o princípio1.3(adaptável), foi colocado um
link para https://m.facebook.com/
Tela de Cadastro de acessibilidade
A figura 54 mostra o protótipo da tela regular privacidade, criado para atender a
conformidade com a norma 1.3 (adaptável), onde foi criada uma tela mais simples onde o
usuário que utiliza tecnologias assistivas pudesse ir direto as opções de privacidade da conta
ao acessar esta opção.
1.3
1.4
121
Tela de privacidade da conta
A figura 55 apresenta o protótipo da tela remover conta, onde foi retirado o campo de
preenchimento de letras de segurança e posto um campo onde o usuário digita sua senha para
poder remover a conta. Estando em conformidade com o princípio 1.3 (adptável).
Tela de remover conta
Foram feitas as melhorias nas telas que não se encontravam em conformidade com os
princípios do WCAG 2.0 do W3C, a tela que mais houve a necessidade de ajustes foi
novamente a tela de cadastro. A tela de privacidade e a de remover conta também foram
1.3
1.3
122
ajustadas, porém apenas pequenos ajustes mas muito importantes para o acesso ao conteúdo.
Espera-se que com esses ajustes todos os usuários com deficiência passam ter o acesso
facilitado à todo o conteúdo do Facebook.
4.3 DISCUSSÕES SOBRE AMBOS OS TESTES
Nesta parte do trabalho serão apresentadas reflexões acerca dos processos de
realização e resultados dos testes de usabilidade e acessibilidade.
Os testes de usabilidade foram realizados com 8 usuários, todos acadêmicos do curso
de Ciência da Computação e Sistemas para Internet, o que pode ter sido um fator
determinante nos resultados dos testes, pois não tiveram grandes dificuldades em realizar as
tarefas do script. Destes 8 usuárias, 2 não possuíam contas no Facebook, porém como a noção
em informática era grande, também não encontraram dificuldades em realizar as tarefas
propostas.
No que diz respeito aos testes de acessibilidade pode-se dizer que este também não
apresentou grandes problemas aos usuários na realização das tarefas. Os testes foram
realizados com 3 usuários com deficiência visual, sendo 2 cegos e 1 com baixa visão. Todos
eles possuíam contas no Facebook. Fato este que pode ter contribuído muito para a facilidade
com que os usuários realizaram as tarefas propostas no script. Pode-se perceber que as tarefas
que mais causaram dificuldades ao usuários, eram tarefas que os usuários não estavam
habituados a utilizar, como por exemplo na tarefa de regular a privacidade e remover a conta.
Mesmo assim, não houve grandes dificuldades aos usuários em concluir as tarefa.
Uma curiosidade ocorrida depois dos teste de acessibilidade, em uma conversa com
um dos usuários, foi a descoberta do site do Facebook Móvel, que é um Facebook que foi
criado para ser utilizado nos aparelhos celulares, sem a necessidade de baixar o aplicativo.
Este site pode ser acessado por computador e apresenta um conteúdo mais simples, com
apenas informações básicas. Esta é uma ótima ferramenta para usuários que utilizam o auxílio
de tecnologias assistivas, como leitores de tela, pois torna-se mais simples a utilização para
estas pessoas.
Apesar das amostras para os testes serem pequenas, pode-se perceber que as mesmas
dificuldades eram encontradas pelos usuários, tanto para usabilidade quanto para
acessibilidade. Pode-se perceber também que nos testes de acessibilidade os usuários levaram
123
mais tempo para a realização em comparação com os testes de usabilidade, porém, os testes
de acessibilidade apresentaram menos problemas em relação aos de usabilidade.
5 CONCLUSÃO
A usabilidade e a acessibilidade nas redes sociais como o Facebook, que é a rede
social mais utilizada atualmente demonstra que tudo pode ser realizado se procurado e
conhecido. Podemos criar e ter acesso em vários setores da informática, para auxiliar pessoas
em seus trabalhos e estudos.
Tendo o conhecimento da norma ISO 9241-10, da norma WCAG 2.0 do W3C e
auxílio de um leitor de tela, testou-se o Facebook no que diz respeito a usabilidade e
acessibilidade, através de avaliações heurística e de testes de interação com usuários-
representativos. Como auxilio nos testes criou-se questionários de identificação de perfil do
usuário, script de tarefas e questionários pós-teste.
O objetivo principal do trabalho foi, além de fazer o diagnóstico via interação com
usuários finais, verificar se há consistência dos resultados dos testes com os resultados das
avaliações heurísticas, realizadas na primeira etapa deste projeto. Os questionários aplicados
após os testes de usabilidade e acessibilidade foram importantes no processo deste trabalho,
pois serviram para que os usuários finais sejam efetivamente avaliados e permitiram
resultados que auxiliaram também na construção dos protótipos com proposição das
principais sugestões de melhorias para solucionar os princípios em não conformidade.
Com isso, verificou-se, tanto na usabilidade quanto na acessibilidade, que o Facebook
não estava em total adequação com as normas aplicadas. No entanto, pode-se dizer que o
Facebook apresentou um nível significativo de usabilidade dentro do escopo estudado, ou
seja, de acordo com a Norma ISSO 9241-10, bem como, apresentou acessibilidade na maior
parte de suas interfaces, considerando o W3C. Através dos resultados deste trabalho, conclui-
se que o Facebook é um site que tem grande potencial de usabilidade e acessibilidade, porém
não são todos os aspectos que estão dentro das normas. Este fato, não impossibilita a
utilização do conteúdo por qualquer tipo de usuário, seja este com deficiência ou não.
124
A amostra deste trabalho foi pequena e com usuários experientes em computação e no
uso do Facebook. Vale ressaltar que é importante que se avalie também uma amostra de
usuários inexperientes para que se possa comparar os resultados.
As técnicas de avaliação permitiram a sistematização do processo, o estudo
bibliográfico auxiliou na compreensão dos conceitos e técnicas necessárias para a base de
desenvolvimento do trabalho. O estudo da rede social Facebook fez-se necessário para a
identificação de suas principais funcionalidades. Os testes serviram para confirmar as
avaliações heurística e também para a detecção de outras desconformidades com as normas
que não apareceram nas avaliações e os resultados serviram como base para a elaboração dos
protótipos com as devidas melhorias.
Espera-se que este trabalho possa ser útil para estudos na área de IHC no que concerne
a usabilidade e a acessibilidade, através de estudos específicos de aplicação de princípios,
normas e padrões.
5.1 TRABALHOS FUTUROS
Para trabalhos futuros, pretende-se continuar com o foco na avaliação da
acessibilidade e da usabilidade nas redes sociais, como exemplo pode-se citar a rede
profissional Linkedin.
O Linkedin é uma rede profissional em formato de um site de relacionamentos que é
considerado uma rede social. O principal objetivo do site é reunir profissionais, através de
uma listagem abrangente ou mesmo detalhada de vários contatos, sendo pessoas ou empresas.
Desta forma, permitindo a interatividade entre os profissionais.
Com este trabalho pretende-se realizar testes com um maior número de usuários-
representativos, incluindo além de usuários com deficiência visual, aqueles com deficiência
motora. E, também realizar testes mais amplos de usabilidade, contendo usuários que não
sejam apenas da área da ciência da computação, contendo usuários que sejam inexperientes o
uso do computador e das redes sociais.
125
6 REFERÊNCIAS
BERNERS-LEE, T. W3C Brasil. 1994. Disponível em: <http://www.w3c.br/Home/ Web Home>
Acesso em: 2 abril 2012.
BUTGEREIT, LL. National accessibility portal and facebook: a case study. 11th Annual
Conference on World Wide Web Applications, Port Elizabeth, South Africa, 2-4 September 2009.
Disponível em: <http://researchspace.csir.co.za/dspace/handle/ 10204/3932>. Acesso em: 04 abril 12.
CYBIS, W. Ergonomia e Usabilidade: Conhecimentos, Métodos e Aplicações.Ed. Novatec, São
Paulo; 2007.
DIAS, C. ; COUTO F.O. As redes sociais na divulgação e formação do sujeito do conhecimento:
compartilhamento e produção através da circulação de ideias. Tubarão; SC,201. Disponível
em:<http://www.scielo.br/scielo.php?script=sci_arttext&pid=S1518-76322011000300009&lang=pt >
Acesso em: 02 abril 2012.
FERREIRA O. A. et al. Accessibility for People with Cerebral Palsy: The Use of Blogs as
anAgentofSocialInclusion, Rio de Janeiro, RJ, 2011. Disponível em: <http://dl.acm.org/citation.cfm?
id=2254444>. Data de acesso:11/09/2012.
KOBAYASHI, R. M. A.; LETIZIO, C.C.; TANAKA, H. E. Relationship between accessibility and
software evolution. Campinas, SP,2011. Disponível em: <http://dl.acm.org/citation.cfm? id=2254444
> Acesso em: 11/09/2012.
MEDEIROS, M. Aurélio. ISO 9241: uma proposta de utilização da Norma para avaliação do grau de
satisfação de usuários de software. 1999. Dissertação (Mestrado em Engenharia de Produção)
Programa de Pós-graduação em Engenharia de Produção, Universidade Federal de Santa Catarina,
Florianópolis, 1999.
MELO, B.L. Avaliação de Interfaces em Redes Sociais para investigação do contexto
Interacional. Porto de Galinhas, 2011. Disponível em: <http://dl.acm.org/citation.cfm? id=2254444>
Acesso em:25 março12.
MELO, L.B. Metodologia de Ensino medida por Redes Sociais: Uma aplicação do contexto
internacional para atividades pedagógicas baseadas no Facebook; Universidade de Sorocaba;
SP.Disponível em: <http://www.uniso.br/ead/hipertexto/anais/53_LafayetteBatista.pdf>Acesso em: 6
março 2012.
MEZRICH, B. Bilionários por acaso: A criação do Facebook.Ed. Intrínseca Ltda.Rio de Janeiro- RJ,
2011.
NEVES, C; PORTUGAL, T. F. A dimensão pública da subjetividade em tempos de Orkut.
Universidade Federal do Rio de Janeiro; RJ,2011. Disponível em:
<http://www.scielo.br/scielo.php?script=sci_arttext&pid=S0102-71822011000100003&lang=pt>.
Acesso em: 02 abril 2012.
NOGUEIRA, G. M.; SANTANA, B. F. Ambiente virtual de aprendizagem colaborativa: um novo
olhar para a Rede Social Facebook1; Prefeitura do Recife- Secretaria da Educação, Esporte e Lazer.
Disponível em: <http://simposio2011.abciber.org/anais/Trabalhos/artigos/
Eixo%201/14.E1/327-539-1-RV.pdf > Acesso em: 8 março 2012
126
OLIVIERI, L. A importância histórico-social das Redes; COMITÊ AFRO-RS, MST- Porto Alegre;
RS. Disponível em: <http://formacaoredefale.pbworks.com/f/A%20Import%
C3%A2ncia%20Hist%C3%B3rico-social%20das%20Redes.rtf>. Acesso em: 08 março de 2012.
SHARP; PREECE; ROGER. Design de Interação: Além da interação homem- computador Ed.
ARTMED. São Paulo,2005.
SOUZA, S.C.A. O que é acessibilidade. São Paulo, SP. Disponível em:
<http://comp.eprints.lancs.ac.uk/2093/1/NordChi2008_-_220.pdf >. Data de acesso:02 abril 12.
WINCKLER, M.; PIMENTA, S.M. Avaliação de usabilidade de Sites Web. Porto Alegre, RS.
Disponível em: < http://www.irit.fr/~Marco.Winckler/2002-winckler-pimenta-ERI-2002-cap3.pdf>
Acesso em: 30 jul. 2012.
W3C. Web Content Accessibility Guidelines (WCAG) 2.0.Disponível em: <http://www.w3.org/
TR/2008/REC-WCAG20-20081211/> Acesso em: 22 de agosto de 2012.
127
ANEXO A. PRINCÍPIOS DE DIÁLOGO NORMA ISO 9241-10
Tema: Definição:
Adaptação a tarefa Um diálogo é adequado para a tarefa
quando ele apoia o usuário em uma conclusão
efetiva e eficiente da tarefa.
Auto descrição (feedback) Um diálogo é auto descrito quando cada
passo do diálogo é imediatamente compreensível
por meio de resposta do sistema ou é explicado,
sob demanda, ao usuário.
Controle ao usuário Um diálogo é controlável quando o usuário
pode iniciar e controlar a direção e o ritmo da
interação até que o objetivo tenha sido atingido.
Conformidade as expectativas
do usuário
Um diálogo está em conformidade com as
expectativas do usuário quando é consistente e
corresponde por um lado, às características do
usuário, tais como conhecimento da tarefa,
educação e experiência, e por outro lado, às
convenções usualmente aceitas.
Tolerância aos erros Um diálogo é tolerante ao erro se, apesar
de erros de entrada evidentes, o resultado esperado
pode ser obtido com pouca ou nenhuma ação
corretiva do usuário.
Facilidade de individualização Um diálogo é capaz de individualização
quando o software de interface pode ser
modificado para se adequar às necessidades da
tarefa, preferências individuais e habilidades do
usuário.
Facilidade de aprendizagem Um diálogo é adequado quando apoia e
guia o usuário no aprendizado para usar o sistema.
Os dez princípios heurísticos da Usabilidade
Fonte: Cybis (2007)
128
ANEXO B. DOCUMENTO WCAG. 2.0
Introdução às Noções sobre as WCAG 2.0
1.1.0 Alternativas em Texto Fornecer alternativas em texto para
qualquer conteúdo não textual de tal modo
que o mesmo possa ser alterado noutras
formas mais adequadas à necessidade da
pessoa, tais como impressão em caracteres
ampliados, braille, fala, símbolos ou
linguagem mais simples.
1.1.1 Conteúdo Não Textual Todo o conteúdo não textual, que é
apresentado ao utilizador, tem uma
alternativa em texto que serve equivalente
propósito, exceto para as situações indicadas
abaixo. (Nível A)
1.2.2 Multimídia Baseada no Tempo Fornecer alternativas para multimídia
baseada no tempo.
1.2.1 Apenas Áudio e Apenas Vídeo
(Pré-gravados)
As seguintes afirmações, no que
respeita a multimídia composta por apenas
áudio pré-gravado e por apenas vídeo pré-
gravado, são verdadeiras, exceto quando o
áudio ou o vídeo forem, eles próprios, uma
alternativa em multimídia para texto e forem
claramente identificados como tal: (Nível A)
1.2.2 Legendas (Pré-gravadas) São fornecidas legendas para todo o
conteúdo composto por áudio pré-gravado
em multimídia sincronizada, exceto quando a
multimídia for uma alternativa em
multimídia para texto e for claramente
identificada como tal. (Nível A)
1.2.3 Áudio-Descrição ou Alternativa
em Multimídia (Pré-gravadas)
É fornecida uma alternativa para
multimídia baseada no tempo ou uma áudio-
descrição do conteúdo composto por vídeo
pré-gravado para multimídia sincronizada,
exceto quando a multimídia for uma
alternativa em multimídia para texto e for
129
claramente identificada como tal. (Nível A)
1.2.4 Legendas (Em direto) São fornecidas legendas para todo o
conteúdo composto por áudio em direto em
multimídia sincronizada. (Nível AA)
1.2.5 Áudio-Descrição (Pré-gravada) É fornecida uma áudio-descrição para
todo o conteúdo composto por vídeo pré-
gravado em multimídia sincronizada. (Nível
AA)
1.2.6 Língua Gestual (Pré-gravada) É fornecida interpretação em língua
gestual para todo o conteúdo composto por
áudio pré-gravado em multimídia
sincronizada. (Nível AAA)
1.2.7 Áudio-Descrição Alargada (Pré-
gravada)
Quando as pausas no áudio do
primeiro plano forem insuficientes para
permitir que as áudio-descrições transmitam
o sentido do vídeo, é fornecida uma áudio-
descrição alargada para todo o conteúdo
composto por vídeo pré-gravado em
multimídia sincronizada. (Nível AAA)
1.2.8 Alternativa em Multimídia (Pré-
gravada)
É fornecida uma alternativa para
multimídia baseada no tempo para toda a
multimídia sincronizada pré-gravada e para
toda a multimídia composta por apenas vídeo
pré-gravada. (Nível AAA)
1. 2.9 Apenas Áudio (Em directo) É fornecida uma alternativa para
multimídia baseada no tempo que apresenta
informações equivalentes para conteúdo
composto por apenas áudio em direto. (Nível
AAA)
1.3.0 Adaptável Criar conteúdo que possa ser
apresentado de formas diferentes (por
exemplo, uma disposição mais simples) sem
perda de informação ou estrutura.
1.3.1 Informações e Relações As informações, a estrutura e as
relações transmitidas através da apresentação
podem ser determinadas de forma
130
programática ou estão disponíveis no texto.
(Nível A)
1.3.2 Sequência com Significação Quando a sequência na qual o
conteúdo é apresentado afeta o seu
significado, uma sequência de leitura correta
pode ser determinada de forma programática.
(Nível A)
1.3.3 Características Sensoriais As instruções fornecidas para
compreender e utilizar o conteúdo não
dependem somente das características
sensoriais dos componentes, tais como
forma, tamanho, localização visual,
orientação ou som. (Nível A)
1.4.0 Discernível Tornar fácil aos utilizadores ver e
ouvir o conteúdo, incluindo a separação do
primeiro plano e do plano de fundo.
1.4.1 Utilização de Cores A cor não é utilizada como o único
meio visual de transmitir informação, indicar
uma ação, pedir uma resposta ou distinguir
um elemento visual. (Nível A)
1.4.2 Controlo do Áudio Se qualquer som existente numa
página Web tocar automaticamente durante
mais de 3 segundos, ou está disponível um
mecanismo para fazer uma pausa ou parar o
som, ou está disponível um mecanismo para
controlar o volume do som,
independentemente do volume do sistema na
sua generalidade. (Nível A)
1.4.3 Contraste (Mínimo) A apresentação visual de texto e
imagens de texto tem uma relação de
contraste de, no mínimo, 4.5:1, exceto para o
seguinte: (Nível AA)
1.4.4 Redimensionar Texto Exceto para legendas e imagens de
texto, o texto pode ser redimensionado sem
tecnologia de apoio até 200% sem perder
conteúdo ou funcionalidade. (Nível AA)
131
1.4.5 Imagens de Texto Se as tecnologias que estiverem a ser
utilizadas puderem proporcionar a
apresentação visual, é utilizado texto para
transmitir informações em vez de imagens de
texto exceto para o seguinte: (Nível AA)
1.4.6 Contraste (Melhorado) A apresentação visual do texto e
imagens de texto tem uma relação de
contraste de, no mínimo, 7:1, exceto para o
seguinte: (Nível AAA)
1.4.7 Som Baixo ou Sem Som de
Fundo
Para conteúdo composto por apenas
áudio pré-gravado que (1) contenha,
essencialmente, fala no fundo, ou seja, voz,
(2) não seja um CAPTCHA de áudio ou
logótipo de áudio, e (3) não seja vocalização
com o objetivo de ser, essencialmente,
expressão musical, tal como cantar ou fazer
batidas, no mínimo, uma das seguintes
afirmações é verdadeira: (Nível AAA)
1.4.8 Apresentação Visual Para a apresentação visual de blocos
de texto, está disponível um mecanismo para
se obter o seguinte: (Nível AAA)
1.4.9 Imagens de Texto (Sem
Exceção)
As Imagens de texto só são utilizadas
por questões meramente decorativas ou
quando uma determinada apresentação de
texto é essencial para a informação que está a
ser transmitida. (Nível AAA)
2.1.0 Acessível por Teclado Fazer com que toda a funcionalidade
fique disponível a partir do teclado
2.1.1 Teclado Toda a funcionalidade do conteúdo é
operável através de uma interface de teclado
sem requerer temporização específica para
pressionar teclas individualmente, exceto
quando a função subjacente necessitar de
entrada de dados que dependa da sequência
de prioridade do movimento do utilizador e
não apenas dos pontos finais. (Nível A)
132
2.1.2 Sem Bloqueio do Teclado Se o foco do teclado puder ser
movido para um componente da página
utilizando uma interface de teclado, o foco
pode ser afastado desse componente
utilizando apenas uma interface de teclado e,
se for necessário mais do que teclas de cursor
ou de tabulação não modificadas ou outros
métodos de saída normais, o utilizador é
aconselhado sobre o método a utilizar para
afastar o foco. (Nível A)
2.1.3 Teclado (Sem Exceção) Toda a funcionalidade do conteúdo é
operável através de uma interface de teclado
sem requerer temporização específica para a
digitação de teclas individuais. (Nível AAA)
2.2.0 Tempo Suficiente Fornecer tempo suficiente aos
utilizadores para lerem e utilizarem o
conteúdo.
2.2.1 Ajustável por Temporização Para cada limite de tempo definido
pelo conteúdo, no mínimo, uma das seguintes
afirmações é verdadeira: (Nível A)
2.2.2 Colocar em Pausa, Parar,
Ocultar
Para informações em movimento, em
modo intermitente, em deslocamento ou em
atualização automática, todas as seguintes
afirmações são verdadeiras: (Nível A)
2.2.3 Sem Temporização A temporização não é uma parte
essencial do evento ou atividade
apresentados pelo conteúdo, exceto para
multimídia sincronizada não interativa e
eventos em tempo real. (Nível AAA)
2.2.4 Interrupções As interrupções podem ser adiadas ou
suprimidas pelo utilizador, exceto
interrupções que envolvam uma emergência.
(Nível AAA)
2.2.5 Nova Autenticação Quando uma sessão autenticada
expira, o utilizador pode continuar a
atividade sem perder dados após a nova
133
autenticação. (Nível AAA)
2.3.0 Ataques Epilépticos Não criar conteúdo de uma forma
conhecida por causar ataques epilépticos.
2.3.1 Três Flashes ou Abaixo do
Limite
As páginas Web não incluem
qualquer conteúdo com mais de três flashes
no período de um segundo, ou o flash
encontra-se abaixo dos limites de flash
universal e flash vermelho. (Nível A)
2.3.2 Três Flashes As páginas Web não incluem
qualquer conteúdo com mais de três flashes
no período de um segundo. (Nível AAA)
2.4.0 Navegável Fornecer formas de ajudar os
utilizadores a navegar, localizar conteúdos e
determinar o local em que se encontram.
2.4.1 Ignorar Blocos Está disponível um mecanismo para
ignorar blocos de conteúdo que são repetidos
em várias páginas Web. (Nível A)
2.4.2 Página com Título As páginas Web têm títulos que
descrevem o tópico ou a finalidade. (Nível
A)
2.4.3 Ordem do Foco Se uma página Web puder ser
navegada de forma sequencial e as
sequências de navegação afetem o
significado ou a operação, os componentes
que podem ser focados recebem o foco de
uma forma que o significado e a
operabilidade sejam preservados. (Nível A)
2.4.4 Finalidade do Link (Em
Contexto)
A finalidade de cada link pode ser
determinada a partir apenas do texto do link,
ou a partir do texto do link juntamente com o
respectivo contexto do link determinado de
forma programática, excepto quando a
finalidade do link for ambígua para os
utilizadores em geral. (Nível A)
134
2.4.5 Várias Formas Está disponível mais de uma forma
para localizar uma página Web num conjunto
de páginas Web, excepto quando a Página
Web for o resultado, ou um passo, de um
processo. (Nível AA)
2.4.6 Cabeçalhos e Etiquetas Os cabeçalhos e as etiquetas
descrevem o tópico ou a finalidade. (Nível
AA)
2.4.7 Foco Visível Qualquer interface de utilizador
operável por teclado dispõe de um modo de
operação, em que o indicador de foco do
teclado está visível. (Nível AA)
2.4.8 Localização Está disponível informação sobre a
localização do utilizador num conjunto de
páginas Web. (Nível AAA)
2.4.9 Finalidade do Link (Apenas
Link)
Está disponível um mecanismo para
permitir que a finalidade de cada link seja
identificada a partir apenas do texto do link,
excepto quando a finalidade do link for
ambígua para os utilizadores em geral. (Nível
AAA)
2.4.10 Cabeçalhos da Secção Os cabeçalhos da secção são
utilizados para organizar o conteúdo. (Nível
AAA)
3.1.0 Legível Tornar o conteúdo de texto legível e
compreensível.
3.1.1 Idioma da Página O idioma humano predefinido de
cada página Web pode ser determinado de
forma programática. (Nível A)
3.1.2 Idioma de Partes O idioma humano de cada passagem
ou frase do conteúdo pode ser determinado
de forma programática, exceto para os nomes
próprios, termos técnicos, palavras de idioma
indeterminado e palavras ou frases que se
tornaram parte do vernáculo do texto
135
imediatamente circundante. (Nível AA)
3.1.3 Palavras Invulgares Está disponível um mecanismo para
identificar definições específicas de palavras
ou expressões utilizadas de uma forma
restrita e invulgar, incluindo expressões
idiomáticas e jargão. (Nível AAA)
3.1.4 Abreviaturas Está disponível um mecanismo para
identificar a forma completa ou o significado
das abreviaturas. (Nível AAA)
3.1.5 Nível de Leitura Quando o texto exigir uma
capacidade de leitura mais avançada do que o
terceiro ciclo do ensino básico após a
remoção dos nomes próprios e títulos, está
disponível conteúdo suplementar, ou uma
versão que não exija uma capacidade de
leitura mais avançada do que o terceiro ciclo
do ensino básico. (Nível AAA)
3.1.6 Pronúncia Está disponível um mecanismo para
identificar a pronúncia específica de
palavras, em que o significado das mesmas,
em contexto, seja ambíguo caso não se
conheça a pronúncia. (Nível AAA)
3.2.0 Previsível Fazer com que as páginas Web
surjam e funcionem de forma previsível.
3.2.1 Em Foco Quando um componente recebe foco,
não inicia uma alteração de contexto. (Nível
A)
3.2.2 Em Entrada Alterar a definição de um
componente da interface de utilizador não
provoca, automaticamente, uma alteração de
contexto, a menos que o utilizador tenha sido
avisado sobre essa situação antes de utilizar o
componente. (Nível A)
3.2.3 Navegação Consistente Os mecanismos de navegação que são
repetidos em várias páginas Web num
conjunto de páginas Web ocorrem pela
136
mesma ordem relativa de cada vez que são
repetidos, a menos que seja iniciada uma
alteração pelo utilizador. (Nível AA)
3.2.4 Identificação Consistente Os componentes que têm a mesma
funcionalidade num conjunto de páginas
Web são identificados de forma consistente.
(Nível AA)
3.2.5 Alteração a Pedido As alterações de contexto são
iniciadas apenas a pedido do utilizador, ou
está disponível um mecanismo para desativar
essas alterações. (Nível AAA)
3.3.0 Assistência de Entrada Se um erro de entrada for
automaticamente detectado, o item que
apresenta erro é identificado e o erro é
descrito ao utilizador por texto. (Nível A)
3.3.1 Identificação de Erros As etiquetas ou instruções são
fornecidas quando o conteúdo exigir a
entrada de dados por parte do utilizador.
(Nível A)
3.3.2 Etiquetas ou Instruções Se um erro de entrada for
automaticamente detectado e forem
conhecidas sugestões de correção, então as
sugestões são fornecidas ao utilizador, a
menos que ponham em perigo a segurança da
finalidade do conteúdo. (Nível AA)
3.3.3 Sugestão de Erro Se um erro de entrada for
automaticamente detectado e forem
conhecidas sugestões de correção, então as
sugestões são fornecidas ao utilizador, a
menos que ponham em perigo a segurança da
finalidade do conteúdo. (Nível AA)
3.3.4 Prevenção de Erros (Legais,
Financeiros, Dados)
Para páginas Web que façam com que
ocorram responsabilidades jurídicas ou
transações financeiras para o utilizador, que
modificam ou eliminam dados controláveis
pelo utilizador em sistemas de
armazenamento de dados, ou que submetam
respostas de teste do utilizador, no mínimo,
137
uma das seguintes afirmações é verdadeira:
(Nível AA)
3.3.5 Ajuda Está disponível ajuda contextualizada.
(Nível AAA)
3.3.6 Prevenção de Erros (Todos) Para páginas Web que exijam que o
utilizador submeta informações, no mínimo,
uma das seguintes afirmações é verdadeira:
(Nível AAA)
4.1.0 Compatível Maximizar a compatibilidade com
atuais e futuros agentes de utilizador,
incluindo tecnologias de apoio.
4.1.1 Análise Gramatical No conteúdo implementado
utilizando linguagens de marcação, os
elementos dispõem de marcas de início e de
fim completas, os elementos estão
encaixados de acordo com as respectivas
especificações, os elementos não contêm
atributos duplicados, e todos os IDs são
exclusivos, exceto quando as especificações
permitem estas funcionalidades. (Nível A)
4.1.2 Nome, Função, Valor Para todos os componentes da
interface de utilizador (incluindo, mas não se
limitando a: elementos de formulário, links e
componentes gerados por scripts), o nome e a
função podem ser determinados de forma
programática; os estados, as propriedades e
os valores que podem ser definidos pelo
utilizador podem ser definidos de forma
programática; e a notificação sobre
alterações a estes itens está disponível para
agentes de utilizador, incluindo tecnologias
de apoio. (Nível A)
Introdução às Noções sobre as WCAG 2.0
Fonte: W3C
138
ANEXO C. TERMO DE CONSENTIMENTO LIVRE E
ESCLARECIDO
TERMO DE CONSENTIMENTO LIVRE E ESCLARECIDO
Declaro, por meio deste termo, que concordei em ser entrevistado(a) e observado(a) na
pesquisa referente a AVALIAÇÃO DE USABILIDADE E ACESSIBILIDADE NA REDE SOCIAL
FACEBOOK, desenvolvido pelo acadêmico do curso de Ciência da Computação da UNIVALI.
Fui informado(a), ainda, de que a pesquisa é orientada pela professora Renate de Oliveira
Raabe.
Afirmo que aceitei participar por minha própria vontade, sem receber qualquer
incentivo financeiro ou ter qualquer ônus e com a finalidade exclusiva de colaborar para o
sucesso da pesquisa. Fui informado(a) dos objetivos estritamente acadêmicos do estudo, que,
em linhas gerais é avaliar a usabilidade e/ou a acessibilidade da rede social Facebook.
Minha colaboração se fará de forma anônima, por meio de questionários e observação
que poderá ser gravada a partir da assinatura desta autorização. O acesso e a análise dos dados
coletados se farão apenas pelo acadêmico pesquisador e pela professora orientadora.
Fui ainda informado(a) de que posso me retirar pesquisa a qualquer momento, sem
prejuízo para meu acompanhamento ou sofrer quaisquer sanções ou constrangimentos. Atesto
recebimento de uma cópia assinada deste Termo de Consentimento Livre e Esclarecido.
Itajaí-SC, ____ de _________________ de _____
Assinatura do(a) participante: ______________________________
Assinatura da pesquisadora-representante: ___________________________
Assinatura do(a) testemunha(a): ____________________________
139
ANEXO D. Script de Tarefas para Teste
Script de Tarefas para Teste de Acessibilidade
Olá, meu nome é Mayckon Mafra, sou estudante de Ciências da Computação da UNIVALI e
iremos trabalhar juntos nesta sessão de teste.
Estaremos efetuando o teste de Acessibilidade na rede social Facebook, para elaboração do
Trabalho Técnico-Científico de Conclusão de Curso.
O nosso objetivo é descobrir falhas e vantagens na utilização do Facebook de acordo com a
sua perspectiva. Você pode decidir invalidar seus dados, desde que me comunique até o final
do teste. Neste caso, seus dados e resultados não constarão do processo de análise do
teste. Sua integridade será totalmente preservada, pois a filmagem será utilizada apenas para
posterior análise dos testes por pessoal autorizado. Estimamos cerca de uma hora para a
duração desta sessão de testes.
Você tem alguma pergunta?
Se não, utilize o sistema livremente durante cinco minutos e esteja à vontade para fazer
perguntas neste momento.
Você deverá seguir as orientações descritas abaixo.
Agradecemos por sua colaboração.
Você deverá seguir as orientações descritas abaixo:
1º passo: Crie uma nova conta no Facebook.
2º passo: Adicione um amigo.
3º passo: Envie uma mensagem privada a um amigo.
4º passo: Adicione as fotos em seu perfil.
5º passo: Marque um amigo numa foto.
6º passo: Crie um evento (festa de aniversário fictícia)
7º passo: Adicione um aplicativo.
8º passo: Remova um amigo.
9º passo: Permitir que somente seus amigos vejam seu conteúdo.
10º passo: Remova sua conta do Facebook.
Obrigado.
140
ANEXO E. Questionário de Identificação de Perfil do Usuário
Esse questionário visa fazer a identificação do usuário para realizar um futuro teste de usabilidade e
acessibilidade no facebook.
*Obrigatório
Nome: *
Informe seu nome completo
Esta pergunta é obrigatória
E-mail:
Telefone:
Para
Idade:
Sexo:
Curso de Graduação:
o Concluído
o Em andamento
o Não concluído
o Nada
Qual curso?
Possui algum tipo de deficiência? *
o Sim
141
o Não
Qual ou Quais?
Conhecimento em informática: *
0 1 2 3 4 5
Pouco
Selecione um valor no intervalo de 0,Pouco, a
5,Muito,.
Muito
Você é usuário do Facebook? *
o Sim
o Não
Se você é usuário do Facebook, com que frequencia você o utiliza:
o Diáriamente
o Semanalmente
o Mensalmente
Quanto do seu tempo você costuma disponibilizar para utilizar o Facebook?
o até 30 minutos
o de 1 a 2 horas
o de 2 a 3 horas
o de 3 a 4 horas
o mais que 4 horas
Conhecimento no uso do Facebook:
1 2 3 4 5
Pouco
Selecione um valor no intervalo de 1,Pouco, a
5,Muito,.
Muito
Responda a frequencia com que você utiliza as funcionalidades a seguir:
142
Considere sua resposta conforme uma escala de 1 à 5, onde 1 é pouco e 5 é muito.
1 2 3 4 5
Mensagens
Notícias
Fotos
Bate Papo
Localizar Amigos
Grupos
Páginas
Central de
Aplicativos
Você considera o Facebook uma rede social: *
1 2 3 4 5
Muito Facil de Usar
Selecione um valor no intervalo de 1,Muito
Facil de Usar, a 5,Muito Difícil de Usar,.
Muito Difícil
de Usar
143
ANEXO F. Questionário pós teste
Nome:
Nível de dificuldade encontrado para realizar um novo cadastro.
( 3 = Neutro)
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade ao adicionar um amigo.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em enviar uma mensagem a um amigo.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em adicionar fotos no meu perfil.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em marcar um amigo em uma foto.
144
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em criar um evento.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em adicionar um aplicativo.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em remover um amigo.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldae em regular a privacidade de minha conta.
1 2 3 4 5
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil
Nível de dificuldade em remover minha conta do Facebook.
1 2 3 4 5
145
Muito fácil
Selecione um valor no intervalo de 1,Muito fácil, a
5,Muito difícil,.
Muito
difícil