1

Anlise da experincia de usurio com interfaces grficas para o

ensino distncia propondo design para acessibilidade.

Analysis of user experience with graphical interfaces

for e-learning proposing design for accessibility.
Janaina Ramos Marcos1
Universidade do Estado de Santa Catarina - UDESC, Santa Catarina
Marcelo Gitirana Gomes Ferreira 2
Universidade do Estado de Santa Catarina - UDESC, Santa Catarina

Resumo
O presente trabalho tem como objetivo apresentar os resultados da pesquisa que compe a
dissertao de mestrado em Design na Universidade do Estado de Santa Catarina. A pesquisa
tratou de analisar as interfaces de um curso de extenso virtual do Centro de Ensino
Distncia da Universidade, alocado no ambiente virtual de aprendizagem MOODLE. O
experimento foi dividido em duas fases. Na fase 1, um modelo de anlise de usabilidade e
acessibilidade foi aplicado na interface atual, vigente do curso (A), com o objetivo de
identificar os principais problemas e erros presentes no curso. Na fase 2, foi desenvolvido um
prottipo com os mesmo contedos, porm organizado planejado de acordo com os padres
de acessibilidade e usabilidade. As duas interfaces foram apresentadas a um grupo de 9
usurios, composto por pessoas portadores de deficincia visual, deficincia auditiva,
voluntrios que j haviam feito o curso e designers, objetivando analisar as mudanas e o
consequente nvel de satisfao destes voluntrios. Dois modelos de avaliao de usabilidade
foram utilizados e apresentados aos voluntrios, o modelo GOMS e o QUIS, com cada
interface, e as respostas foram comparadas para analisar o desempenho, a eficcia e a
satisfao do usurio, visando melhorar o acesso dos alunos a cursos de educao a distncia.
Palavras-chave: acessibilidade, usabilidade, interface, ensino distncia

Abstract
1

jana.ramosdesign@gmail.com

marcelo.gitirana@gmail.com

This paper aims to present the results of research that forms the dissertation in Design
at the University of the State of Santa Catarina. The research tried to analyze the
interfaces of a virtual extension course at the Center for Distance Learning University,
allocated in the virtual learning environment Moodle . The experiment was divided
into two phases. In phase 1, a model of usability and accessibility analysis was applied
in the current interface, the current course (A), with the aim of identifying the main
problems and errors present in the course. In phase 2, a prototype was developed with
the same content, but planned organized according to the standards of accessibility
and usability. Both interfaces were presented to a group of 9 users, composed of people
with visual impairment, hearing impairment, volunteers who had taken the course and
designers, aimed at analyzing the changes and the consequent level of satisfaction of
these volunteers. Two models were used usability evaluation and presented to the
volunteers, the GOMS model and WANTED, with each interface, and the responses
were compared to analyze the performance, efficiency and user satisfaction, to improve
students' access to education courses distance.
Key words: accessibility, usability, interface, e-learning.
1. Introduo
A sociedade contempornea vem sofrendo transformaes tecnolgicas e de comportamento
ao longo deste ltimo sculo. Consequentemente, a escola e o aprendizado tambm esto
vivenciando principalmente nestas ltimas dcadas uma srie de mudanas. o caso da
Educao online, tambm chamado de ensino distncia ou EaD, que Batista (2008)
caracteriza como a modalidade de educao em que o aprendizado se processa pela internet,
pela possibilidade do encontro virtual. Azevedo (2007) acredita que esta modalidade de
ensino acontece atravs da interao entre as pessoas, podendo ser mediada pela tecnologia,
sendo esta um meio e no um fim. Moran (2003) argumenta que nos prximos anos, a
educao online ser o foco central da aprendizagem. Apesar de que ainda existam os
suportes tradicionais da EaD, Silva (2003) acredita que a tendncia que atual da educao
online uma exigncia da cibercultura, pelo fato de possuir estratgias que se desenvolvem
paralelas ao ciberespao. Assim, a educao online uma demanda da sociedade da
informao, desse contexto socioeconmico e tecnolgico, cujo centro reside na informao
digitalizada como novo modelo de produo.
Mas neste novo modelo de educao, as pessoas portadoras de deficincias muitas vezes
encontram algumas barreiras para seu acesso, e acabam desistindo do curso, sem completar a
formao. Pessoas com deficincia visual no encontram interfaces adequadas aos softwares
de leitura de tela e deficientes auditivos tm dificuldades de acesso contedos traduzidos
para LIBRAS ou legendados, para facilitar sua compreenso.
Em contrapartida, as instituies de ensino tambm precisam se adequar legislao
brasileira, sobretudo Lei de diretrizes e Bases da Educao e a Lei da Acessibilidade, alm
das normas para implantao de curso de ensino distncia, regulamentadas pelo Ministrio
da Educao.
Neste contexto surge o objeto de estudo da pesquisa de mestrado e seus objetivos, analisar a
usabilidade, a acessibilidade e a experincia de usurio de uma interface de curso de ensino
distncia alm de propor um prottipo para anlise dos usurios, com os mesmos contedos,
porm desenvolvido segundo padres de acessibilidade e usabilidade, para comparar as
respostas e obter os nveis de satisfao com ambas interfaces.

2. Referencial terico
Os principais fundamentos tericos passaram sobre a legislao brasileira, sobretudo a LBD
(1996), que em seu Art. 59 estabelece que os sistemas de ensino asseguraro aos educandos
com necessidades especiais: I - currculos, mtodos, tcnicas, recursos educativos e
organizao especficos, para atender s suas necessidades. A Lei da Acessibilidade,
decreto n 5296, que cita tambm que deve haver condio para utilizao, com segurana e
autonomia, total ou assistida (...) de sistemas e meios de comunicao e informao, por
pessoa portadora de deficincia ou com mobilidade reduzida. (BRASIL, 2004)
Sobre usabilidade e acessibilidade digital, os modelo de anlise, conceitos e fundamentos que
nortearam a pesquisa foram propostos por Dias (2007). O modelo utilizado foi categorizado
segundo os Critrios ergonmicos de Bastien e Scapin, Regras de Ouro de Schneiderman e
Heursticas de Nielsen e distribudos da seguinte forma:
Tabela 1: Modelo de Anlise de Usabilidade
Fonte: Dias (2007).
H (heursticas de usabilidade)

C (contedo
informacional)

P (prioridade
da informao)

H1 visibilidade e reconhecimento do estado, contexto atual e

conduo do usurio;

C1 credibilidade

P1 alta

H2 Projeto esttico e minimalista;

C2 suporte

P2 mdia

H3 controle do usurio;

C3 previso

P3 baixa

H4 Flexibilidade e eficincia de uso;

H5 preveno de erros;
H6 consistncia
H7 compatibilidade com o contexto.
Moderar testes de usabilidade com algumas populaes, segundo Dumas, Loring (2008),
requer um conhecimento adicional, treinamento e preparativos. Mesmo assim, moderar uma
sesso que inclui tecnologia assistiva, intrpretes, ou vrios modos de comunicao pode ser
uma experincia muito gratificante. Para recrutar as pessoas que com deficincia visual, a
ferramenta de seleo de usurios para o teste deve incluir, conforme Dumas; Loring (2008),
algumas questes como: Ser que voc tem transporte que pode traze-lo at o local do teste?
Precisa de alguma instalao especial? Do que precisa? Qual o seu nome? L em Braille?
Usa tecnologia assistiva (por exemplo, leitor de tela)? Alm destas perguntas, deve-se ler os
documentos em voz alta e oferecer documentos para leitura que tenha letras maiores que 18
pontos, no caso de pessoas com baixa viso. Para pessoas com deficincia auditiva, o autor
(2008) recomenda que talvez seja necessria a presena de um intrprete durante a avaliao,
o que pode aumentar o tempo de execuo das tarefas. No se deve olhar para o intrprete
para ouvir a traduo do que o participante assinalou ou para assistir o sinal de intrprete para
o participante. Na verdade, considerada uma boa prtica ignorar a comunicao que est
ocorrendo e concentrar-se no participante, que est falando.
Para analisar a experincia do grupo de usurios foram utilizados dois questionrios. Com
base no mtodo GOMS - Goals, Operators, Methods and Selections rules), proposto por
Card, Moran e Newell, (1983) citado em Cybis; Betiol; Faust (2010, p. 210), foi aplicado um
questionrio que tinha por objetivo tomar o tempo das aes fsicas e cognitivas associadas
forma correta de realizao de uma tarefa. Outro questionrio aplicado foi uma adaptao do
QUIS (questionnaire for user interface satisfaction), citado por Dias (2007), para verificar o

nvel de satisfao do usurio com as interfaces apresentadas. O QUIS abrange aspectos da

interface (legibilidade, layout, cones, apresentao das telas na realizao das tarefas e
terminologia adequada).
3. Mtodos e procedimentos
Na pesquisa foi empregado o mtodo exploratrio, onde aplicou-se conceitos de avaliao
analtica de usabilidade e de acessibilidade com a finalidade de gerar solues no design de
materiais didticos e interfaces grficas para o ensino distncia. O mtodo experimental
tambm foi adotado, na fase 2 do experimento, fundamentado nos procedimentos tcnicos
empregados, utilizando prottipo do curso de extenso modificado segundo os fundamentos
de acessibilidade e usabilidade.
O objeto estudado foi o ambiente virtual de aprendizagem do curso de ensino a distncia,
intitulado A deficincia fsica no contexto escolar, promovido pelo Laboratrio de
Educao Inclusiva, do Centro de Ensino distncia (CEAD) da Universidade do Estado de
Santa Catarina (UDESC). As figuras a seguir mostram as telas principais do curso.

Figura 1: Tela de abertura - Curso de extenso

Fonte: http://www.moodle.udesc.br/

Figura 2: Vdeo inserido no ambiente do Curso de extenso

Fonte: http://www.moodle.udesc.br/

Compondo o grupo para a avaliao de experincia de usurio, modelo citado por Dias,
(2007), Cybis; Betiol; Faust, (2010) e Rubin (2008) foram avaliados nove pessoas, segundo
uma amostra por convenincia definida por Tullis; Albert, (2008) e categorizados em:

Sujeito com deficincia visual (DV) - maior de 18 anos, ensino mdio ou curso
superior completo, que possua computador com acesso internet banda larga, utiliza
softwares de comunicao online e tecnologia assistiva de leitura de tela do
computador;

Sujeito com deficincia auditiva (DA) - maior de 18 anos ensino mdio ou com curso
superior completo, que possua computador com acesso internet banda larga, utiliza
softwares de comunicao online, saiba se comunicar em LIBRAS;

Sujeito professor (AL) - alunos matriculados no curso de extenso do Centro de

Ensino distncia da UDESC "A deficincia fsica no contexto escolar", que possua
computador pessoal, acesso internet banda larga, utiliza softwares de comunicao
online;

Sujeito especialista (DE) - designers grfico, voluntrios que possuam relao com o
tema da pesquisa.

O experimento foi dividido em duas fases. Na fase 1 foram analisadas as interfaces principais
do curso de extenso, onde foram postados os contedos e configurado conforme os recursos
do MOODLE disponveis para os professores. Na fase 2, executou-se a avaliao de
experincia de usurio com o grupo de nove voluntrios, com aplicao dos questionrios
GOMS e QUIS utilizando o mtodo de avaliao de usabilidade remoto, proposto por Cybis;
Betiol; Faust, (2010).
5. Resultados e discusses
A anlise de acessibilidade e usabilidade, realizada durante a fase 1 do experimento, utilizouse do modelo de Dias (2007). Os resultados desta anlise apresentam-se na figura 4.

Figura 4: Anlise da tela 1 do curso de extenso.

Fonte: http://www.moodle.udesc.br/

A figura 4 demonstra que o ttulo do curso, apresentado na tela 1 no apresenta conformidade

com a heurstica 1 (H1 visibilidade e reconhecimento do estado, contexto atual e conduo
do usurio) e a prioridade 1 (P1 - informao clara) de usabilidade do modelo de Dias (2007),
no apresentado visibilidade e reconhecimento do estado, contexto atual e conduo do
usurio, por se tratar de um ttulo com imagem. Para usurios com deficincia visual, que se
utilizam de tecnologia assistiva para leitura de tela, apresentado dessa maneira, o ttulo tornase sem legibilidade. J para portadores de deficincia auditiva, o problema H 1 apresenta-se no
prprio ttulo em si, j que pessoas com essa deficincia, muitas vezes so alfabetizadas em
LIBRAS e muitas palavras no possuem sinnimos ou traduo, como o caso da palavra
"contexto". Esta interface tambm apresenta problema com a heurstica 4 (H 4 Flexibilidade
e eficincia de uso) tanto no ttulo, quanto na imagem apresentada. A imagem traz uma
legenda que deve ser utilizada para descrever a imagem. Neste, caso, a legenda traz uma frase

onde uma palavra est escrita com um carcter especial "@". A frase "Sejam tod@s bem
vindos", pode ser entendida por pessoas "normais" mas para pessoas com viso baixa ou com
cegueira completa, torna-se incompreensvel, uma vez que o leitor no reconhece a "@" como
uma letra e no faz a leitura correta da frase. Tambm no so atendidas as heursticas C ( C1
credibilidade e C2 suporte), uma vez que no compreendida completamente a imagem.

Atendendo a estes requisitos, o prottipo que ser disponibilizado para o grupo de voluntrios
do experimento ficou caracterizado conforme apresenta a figura 5.

Figura 5: Prottipo do curso de extenso - tela 1

Fonte: http://www.moodle.udesc.br/

Primeiramente foi modificado o ttulo do curso, retirando a imagem e colocando o nome do

curso com fonte maior, em cor escura para maior contraste, e em forma de ttulo que possa ser
lido por softwares de leitura de tela. Foram inseridas orientaes e palavras-chave aos alunos
portadores de deficincia para melhor navegao e acesso. Estas orientaes tambm se
apresentam em forma de documentos, em verses .DOC e .PDF, para disponibilizar aos
alunos maior controle e escolha da verso que melhor se adequa sua necessidade. Quanto
imagem inserida, foram inseridas duas legendas descritivas e retirada a frase com caracter
especial "@" para que o aluno possa compreender a mensagem que est sendo transmitida
pela imagem.
Outra interface analisada continha o vdeo de abertura do curso, que no possuam legenda
textual, nem traduo para LIBRAS. No prottipo, o vdeo foi reeditado para conter esses
itens, conforme demonstra a figura 6 abaixo.

Figura 6: Prottipo do curso de extenso - tela 1

Fonte: http://www.moodle.udesc.br/

Aps o desenvolvimento da interface prottipo, realizou-se a fase 2 do experimento com o

grupo de voluntrios, apresentando as duas interfaces em encontros virtuais, para anlise dos
usurios atravs da aplicao dos questionrios GOMS e QUIS. Os dados obtidos nos dois
testes foram comparados.
Durante a aplicao do GOMS, foi medido o tempo de resposta das tarefas e a quantidade de
erros encontrados durante a avaliao. Ocorreram duas tarefas crticas, onde os usurios
encontraram erros e dificuldades. A tarefa crtica 4 referiu-se ao tempo empregado no acesso
interface, leitura e compreenso da imagem e os textos utilizados na interface 1. A figura 7
apresenta o grfico com resultados comparativos desta tarefa.

Figura 7: Grfico quantidade de erros tarefa 4 - aplicao GOMS

Fonte: arquivo pessoal

O grfico demonstra que no geral o tempo de resposta na interface B foi maior do que na
interface A, isso se deve ao fato de que a IB continha as instrues de uso desta interface,
proporcionando eficincia na utilizao e diminuindo o tempo de resposta das outras tarefas.
A tarefa crtica 9 refere-se ao vdeo de abertura do curso, que na IA no havia legendas,
tradues para LIBRAS, ou orientaes para portadores de deficincia. Alguns usurios com
deficincia visual no conseguiram sequer acessar o player de vdeo. A figura 8 mostra os
resultados das tomadas de tempo desta tarefa.

Figura 8: Grfico quantidade de erros tarefa 9 - aplicao GOMS

Fonte: arquivo pessoal

No grfico acima a anlise demonstra que o tempo do usurio deficiente visual (DV1) e do
deficiente auditivo (DA1 e DA2) aumentou na interface B em comparao com a IA, porque
neste caso o vdeo foi assistido completamente, enquanto que na IA no foi possvel
compreender ou at mesmo acessar o contedo do vdeo.
Quanto aos erros, foram encontrados um total de 27 na Interface A e 7 na interface B,
divididos em erros provocados pela interface MOODLE e erros provocados pelo contedo,
o resultado pode ser observado na figura 7.

Figura 9: Grfico quantidade de erros - aplicao GOMS

Fonte: arquivo pessoal

Este grfico sugere uma corroborao da hiptese, uma vez que o nmero de erros de
contedo diminuiu consideravelmente em relao a interface A.
Em relao comparao das respostas da aplicao do QUIS, os grficos tambm sugerem
benefcios da interface B em relao interface A. Neste teste, quando perguntados se
usurios regulares, ocasionais, normais ou com deficincia poderiam usar com facilidade a
interface, as respostas apontam os seguintes nmeros:

Figura 10: Grfico pergunta 11 - aplicao QUIS

Fonte: arquivo pessoal

Nesta figura, surge um dado importante em relao a pergunta 11. Na interface A, 22% dos
entrevistados responderam que discordam que usurios possam usar com facilidade a
interface, enquanto que na interface B, o nmero foi reduzido a 0%, significando que usurios
com deficincia podem usar com facilidade a interface prottipo.
A pergunta nmero 19 tambm apontou dados interessantes na entrevista de aplicao do
QUIS. Questionados se os voluntrios recomendariam o uso da interface por um portador de
deficincia fsica, 22% no recomendariam a interface A, ao passo que este nmero foi
reduzido para 0% na interface B. A figura 11 demonstra estas repostas comparativas.

Figura 11: Grfico pergunta 19 - aplicao QUIS

Fonte: arquivo pessoal

As modificaes realizadas no prottipo referiu-se somente parte que modificvel pelos

professores e aos contedos que foram publicados, excluindo assim a interface do
MOODLE , embora muitas pessoas encontraram problemas e dificuldades de acesso neste
ambiente de aprendizagem.
Analisando todos os dados, levantam-se algumas discusses sobre a formao de professores
para configurao de ambientes virtuais de aprendizagem e a correta orientao para ensino e
aprendizagem de alunos portadores de deficincias.
As modificaes realizadas no prottipo sugerem ferramentas simples e pequenos ajustes que
podem melhorar ou at mesmo proporcionar o acesso de pessoas que antes encontravam
dificuldades de interao com estes ambientes e com a pesquisa, pode-se perceber interesse
em fazer um curso com estes ajustes.
4. Referncias Bibliogrficas
AZEVEDO, Wilson. Por que aprendizagem colaborativa on-line? In: MAIA, Carmem;
MATTAR, Joo. ABC da EAD. 1 ed. So Paulo: Pearson Prentice Hall, 2007. 18-19 p.
BATISTA, Mrcia Luiza Frana da Silva; MENEZES, Marizilda dos Santos. O Design
Grfico e o Design Instrucional na Educao a Distncia. Disponvel em: <
http://portal.anhembi.br/sbds/pdf/7.pdf > Acesso em: 26 fev.2013.

10

CYBIS, Walter Otto; BETIOL, Adriana Holtz; FAUST, Richard. Ergonomia e usabilidade:
conhecimentos, mtodos e aplicaes. 2. ed. rev. e ampl. So Paulo: Novatec, 2010. 422 p.
DIAS, Cludia. Usabilidade na WEB: criando portais mais acessiveis. 2. ed. Rio de Janeiro:
Alta Books, 2003. 296 p.
DUMAS, Joseph S.; LORING, Beth A. Moderating usability tests: principles and practice
for interacting. Amsterdam: Elsevier, 2008. 185 p.
GOMS. Goals, Operators, Methods and Selections rules. Disponvel em: <
https://docs.google.com/spreadsheet/viewform?
formkey=dG84R0FMZjNQby00ci1zbDN2amNvNUE6MA#gid=0 > Acesso em: 28 fev.2013
MORAN, Jos Manuel. Contribuies para uma pedagogia da educao online. In: SILVA,
Marcos.(Org). Educao Online: teorias, prticas, legislao, formao corporativa. So
Paulo: Loyola, pp. 39-50.

NIELSEN, J. Ten Usability Heuristics. 1994. Disponvel em: < http://bit.ly/cE8j52 >
___________. Projetando websites. Rio de Janeiro: Campus, c2000. 416 p.
QUIS. Questionnaire for user interface satisfaction. Disponvel em: <
https://docs.google.com/spreadsheet/viewform?
formkey=dEJJOHcwQ3JrRmE2V1o3TExWZXRvVlE6MQ#gid=0 > Acesso em: 28 fev.2013
RUBIN, J. and CHISNELL, Dana, 2008. Handbook of Usability Testing. How to Plan,
Design, and Conduct Effective Tests. ed. 2008. Indianpolis: Wiley Publishing, pp.386
SILVA, M. (Org.), 2003. Educao Online: teorias, prticas, legislao, formao
corporativa. So Paulo: Loyola, pp. 514.
TULLIS, Tom; ALBERT, Bill. Measuring the user experience: collecting, analyzing, and
presenting usability metrics. Boston, MA: Morgan Kaufmann, c2008. 317 p.