BARTOLOMEU UENDER DOS SANTOS

ESTUDO DE CASO DE USABILIDADE E ASSECIBILIDADE APLICADO

AO STIO DO CAMPUS RIO POMBA

Trabalho de Concluso de Curso apresentado ao

Instituto Federal de Educao Cincia e Tecnologia
do Sudeste de Minas Gerais Campus Rio Pomba,
como requisito parcial para a concluso do Curso
de Graduao em Cincia da Computao.

RIO POMBA

MINAS GERAIS - BRASIL

2016

BARTOLOMEU UENDER DOS SANTOS

ESTUDO DE CASO DE USABILIDADE E ASSECIBILIDADE APLICADO
AO STIO DO CAMPUS RIO POMBA

Trabalho de Concluso de Curso apresentado ao

Instituto Federal de Educao Cincia e Tecnologia
do Sudeste de Minas Gerais Campus Rio Pomba,
como requisito parcial para a concluso do Curso
de Graduao em Cincia da Computao.

Orientador: Lucas Lattari

RIO POMBA

MINAS GERAIS - BRASIL

2016

7
 AGRADECIMENTOS

Agradeo a Deus por me dar direo, perseverana e permitir a realizao

deste curso.

Ao professor Joo Paulo que me recebeu na instituio quando me transferi

para esse Instituto.

A professora Alessandra que estendeu a mo a turma do noturno e

disponibilizou matrias a noite para concluir o curso. Alm das orientaes e
ajudas concedidas a mim.

Ao professor Lucas Lattari que aceitou ser meu orientador e demonstrou

grande sabedoria e pacincia.

Agradeo a todos os outros professores e alunos pelo ensinamento, desafios

e amizades construdas ao longo do curso.

Agradeo aos colegas de van, minha famlia e aos amigos que fiz no curso,
pelo apoio durante todo o tempo em que estive nesta instituio.

Agradeo aos meus clientes, que foram inspirao para elaborao deste
trabalho.

Cincia da Computao

ESTUDO DE CASO DE USABILIDADE E ASSECIBILIDADE APLICADO

AO STIO DO CAMPUS RIO POMBA

RESUMO

Bartolomeu Uender Santos

Junho, 2016

Orientador: Lucas Lattari

8
 Desde que a internet deixou de ser algo apenas empresarial e passou
a fazer parte da vida de pessoas comuns, possvel identificar a evoluo e
expanso da tecnologia, tornando cada vez mais popular e possvel a
incluso social a boa parte da populao. O Consorcio World Wilde
Web(W3C) Brasil, afirma que o principal valor da Web mais social do que
tecnolgico sendo assim a necessidade da interao entre as pessoas
tornou-se crescente. Mas para que a Web seja mesmo ambiente universal, a
mesma deve estar disponvel para todas as pessoas, independentemente dos
equipamentos e softwares que utilizem, principalmente da cultura em que
inserem, da localizao geogrfica, das habilidades fsicas ou mentais, das
condies socioeconmicas ou de instruo. Em outras palavras, para que
todo contedo possa ser acessado de maneira simples, direta e facilitada,
independente das caractersticas do usurio em questo devem ser aplicados
conceitos de usabilidade e acessibilidade. Este trabalho acadmico por meio
de um estudo de caso tem a intenso de avaliar e assim propor melhorias
necessrias ao stio do Instituto, utilizando diretrizes de usabilidade e
acessibilidade do governo federal e outras literaturas.

Palavras-chave: Acessibilidade, usabilidade, ergonomia, stio.

Computer Science

USABILITY CASE STUDY AND ASSECIBILIDADE APPLIED TO SITE

RIO POMBA CAMPUS

ABSTRACT

Bartolomeu Uender dos Santos

June, 2016

7
Adviser: Lucas Lattari

Since the internet is no longer something only business and became

part of the lives of ordinary people, from there to here you can identify the
evolution and expansion of technology, becoming increasingly popular and
possible social inclusion to much of the population . The Consorcio World
Wilde Web (W3C) Brazil, states that "the main value of the Web is more social
than technological" thus the need for interaction between people has become
increasing. But the Web is even universal environment, it should be available
to all people, regardless of hardware and software using mainly the culture in
which insert, geographical location, physical or mental abilities, socioeconomic
conditions or instruction". In other words, that all this content can be accessed
from simple, direct and easy way, regardless of user characteristics in
question should apply usability and accessibility concepts. This academic
work through a case study has the intention to evaluate and thus propose
necessary improvements to the site of the Institute, using usability and
accessibility guidelines of the federal government and other literatures.

Keywords: Accessibility, usability, ergonomics, site.

LISTA DE TABELAS
Pgina
Tabela 1: .................................................................................................................7

Tabela 2: .................................................................................................................10

Tabela 3: .................................................................................................................14

Tabela 4:..................................................................................................................15

LISTA DE GRFICOS

Pgina

Grfico 1:
7
Grfico 2:

Grfico 3:

Grfico 4:

Grfico 5:

Grfico 7:

Grfico 6:

LISTA DE SIGLAS

7
 SUMRIO
Pgina

RESUMO.........................................................................................................................................vi

ABSTRACT.....................................................................................................................................vi

LISTA DE TABELAS.......................................................................................................................vi

LISTA DE GRFICOS.....................................................................................................................vi

LISTA DE SIGLAS...........................................................................................................................vi

SUMARIO.........................................................................................................................................1

1.INTRODUO...............................................................................................................................2

1.1 Justificativa 3

1.2 Objetivo 4

2. REFERNCIAL TERICO..........................................................................................................4

2.1 Interface Homem Computador 4

2.2 Ergonomia 5

2.3 Usabilidade 8

2.4 ACESSIBILIDADE 13

3. METODOLOGIA.........................................................................................................................16

3.1 Tcnicas De Analise Contextual 16

4. DISCUSSO E RESULTADOS..................................................................................................18

4.1 Plano de teste 19

4.2 Questionrios de satisfao 19

4.3 Observaes do usurio 19

4.4 Testes com ASES 20

5. CONCLUSO............................................................................................................................21

6.REFERNCIAS...........................................................................................................................22

ANEXO 1........................................................................................................................................25
1
1.INTRODUO

A Internet se popularizou no Brasil durante o incio da dcada de 90. Em 1995,

uma srie de atividades desenvolvidas em parceria entre o Ministrio das
Comunicaes e o Ministrio da Cincia e Tecnologia disponibilizando o acesso
Internet para a populao brasileira PORTAL EDUCAO (2008). Desde ento,
possvel observar a evoluo e a expanso da tecnologia, popularizando a incluso
social para grande parte da populao. Isto, por sua vez, disponibilizou acesso
tecnolgico para as principais camadas da populao CARVALHO (2006).

Atualmente existem diversas Tecnologias da Informao e Comunicao (TIC)

para reunir, distribuir e compartilhar informaes na sociedade como: stios
homebanking (banco eletrnico), aplicaes educacionais, jogos, entretenimento
digital etc. Segundo MENDES (2008), TICs so conjuntos de recursos tecnolgicos
que, quando integrados, proporcionam a automao e/ou a comunicao entre os
processos existentes em negcios, no ensino e na pesquisa cientfica etc. GUEDES
(2008) afirma que para a utilizao das TICs da melhor maneira possvel, torna-se
um pr-requisito fundamental que estas apresentem interfaces computacionais
agradveis e funcionais em sua plenitude.

O crescimento das TICs a partir de dispositivos ubquos, principalmente

dispositivos mveis, e o uso de recursos da Web por pessoas com necessidades
especiais tem motivado o desenvolvimento de tcnicas para produzir software e
pginas Web acessveis (Thatcher et al., 2002).

No entanto, de acordo com autoridades no assunto, 98% dos stios disponveis

na Web no Brasil no utilizam um padro bem definido de uso eu acesso (CGI.br;
NIC.br, 2010), ou seja, uma parcela significativa da populao brasileira permanece
com grandes barreiras ao acesso das TICs. Alguns exemplos de barreiras por parte
desses usurios so: no conseguir utilizar o mouse, ter incapacidade de visualizar a
tela, no conseguir ouvir um udio de um vdeo etc. Com isso, uma tarefa simples
como navegar pela Web, deixa de ser algo rpido e fcil.

2
 Muitos destes stios destinados populao em geral pertencem a rgos
pblicos como os: do governo federal, estadual ou municipal, onde oferecida uma
extensa gama de informaes e servios. Entretanto nem sempre tais informaes e
servios chegam de forma clara e acessvel populao em geral. Isso se deve ao
fato de que, na maioria das vezes, os princpios tericos e prticos de interface
homem-mquina (IHC) no so aplicados corretamente, resultando em grande
dificuldade para acessar determinadas pginas na web. PIMENTA et al. (2010)
descreve que:

[...] um dos grandes entraves para a disseminao da cultura de

acessibilidade na Web est na conscientizao dos desenvolvedores sobre a
importncia do tema, e sobre as consequncias trazidas pela utilizao de
tecnologias que se tornam barreiras para o acesso Web.

GUEDES (2008) entende que a IHC igualmente importante para examinar

como as pessoas utilizam interfaces e como os desenvolvedores devem projetar
tecnologias que tornam essa interao a mais eficiente possvel. Com isso, os
princpios necessrios para a construo de interfaces computacionais diversas,
como pginas Web, so discutidos nessa rea.

1. Objetivo

1.1. Objetivo Geral

O objetivo deste trabalho atravs de um Estudo de Caso o de propor

melhorias ao portal do Instituto Federal a fim de definir padres de usabilidade e
acessibilidade tornando-o mais prtico e de fcil acesso.

1.2. Objetivos Especficos

Para atender os objetivos propostos nessa monografia, alguns so requeridos

os seguintes passos:

3
 Apresentar uma breve reviso bibliogrfica de Interface homem-mquina, bem
como os conceitos e diretrizes de usabilidade e acessibilidade em portais da Web.
Identificar padres de desenvolvimento Web com acessibilidade visando
construo de contedo acessvel;
Realizar um teste com usurios no sitio do instituto, a fim de definir o grau de
usabilidade e os principais problemas de navegao do sitio.
Definir o grau de usabilidade e acessibilidade do portal por meio de avaliaes
heursticas.

2. REFERNCIAL TERICO

Essa seo contm os conceitos que sero utilizados no projeto, como

interface homem-mquina, ergonomia, usabilidade, acessibilidade, padres e
recomendaes de desenvolvimento em portais Web.

2.1 Interface Homem Computador

Buscando compreender e melhorar a utilizao de sistemas computacionais,

necessrio definir princpios tericos e prticos de IHC que por muitas vezes so
negligenciados. Segundo BRANDO E MONT'ALVO (2015) muitos dos problemas
de interao das pessoas com as interfaces digitais ocorrem porque o projeto das
mesmas no realizado levando em conta o ponto de vista de seus usurios. Tanto
que nos meados dos anos 1960, o desenvolvimento de sistemas sempre se orientou
em funo da Engenharia de Software, cincia voltada aos princpios que norteiam a
construo de um software seguro, confivel e de baixa custo econmico. Esta se
baseia em todos os fundamentos associados produo de software
(SOMMERVILLE, 2007). No entanto, essa disciplina no zelava pelo foco ao usurio,
fato este que ocorreu durante ascenso da IHC.

CARD, (1980), por sua vez, afirma que IHC tem por intuito tratar com a
pesquisa e o uso de tecnologia computacional, lidando especificamente com a
interface entre as pessoas (usurios) e os computadores. Esta se beneficia de
mtodos e conhecimentos de outras reas como: psicologia, design grfico, literatura,
4
engenharia ergonomia, antropologia, sociologia e anlise de sistemas (GUEDES,
2005).

MORAN (1981) considera que a interface de uma aplicao computacional

envolve todos os aspectos de um sistema com o qual mantemos contato. Segundo
ele, atravs da interface que os usurios tm acesso s funes de aplicao.
Fatores de satisfao subjetiva, de eficincia, de segurana, de custo de treinamento,
de retorno de investimento, todos, dependem de um bom design de interface.

De acordo com PADOVANI (2002), o objetivo de uma interface "obter um

revezamento no controle das tarefas realizada, ora pelo usurio, ora pelo
computador", ou seja, uma interao que permite a comunicao do usurio com o
sistema. Alm disso, NIELSEN (1999) acrescenta alguns questionamentos para
identificar os problemas dessa comunicao, acrescentando que as interfaces de
navegao devem auxiliar o usurio a responder trs perguntas fundamentais: "Onde
estou? De onde vim? Para onde vou?".

Para que a Interao Humano-Computador possa ser obtida da melhor

maneira possvel, torna-se necessrio atender alguns critrios de qualidade sero
descrito nas sesses abaixo.

2.2 Ergonomia

A palavra Ergonomia deriva do grego Ergon (trabalho) e nomos (normas,

regras, leis), focando-se em utilizar as cincias para melhorar as condies de
trabalho humano intermediado por uma interface fsica, eletrnica ou mecnica
(MONTMOLLIN, 1986 apud MORAES e MONTALVO, 2003).

A Ergonomia, enquanto disciplina, tem suas origens na Segunda Guerra

Mundial, quando os problemas de interface entre o homem e a mquina tornavam-se
mais comuns, e.g., em dispositivos como radares e avies, existia grande
preocupao em se atingir metas de eficincia e funcionamento, mas sem levar em
conta as capacidade de seus operadores (usurios). Deste modo, julgou-se
conveniente unir conhecimentos da psicologia, fisiologia, etc para adaptar as

5
mquinas s caractersticas fsicas, cognitivas e psquicas do ser humano (MORAES
E MONTALVO, op. cit.).

O termo Ergonomia para designar um domnio especfico de conhecimento,

utilizado pela primeira vez em 1949, na Inglaterra. A data marca a criao da primeira
sociedade de Ergonomia a Ergonomic Research Society (MORAES E
MONTALVO, 2003). Soares (2004) apresenta uma caracterizao da evoluo da
Ergonomia:

Os anos 1950 - Ergonomia militar;

Os anos 1960 - Ergonomia industrial;
Os anos 1970 - Ergonomia do consumo;
Os anos 1980 - Ergonomia de software e da IHC;
Os anos 1990 - Ergonomia organizacional e cognitiva;

SOARES op. cit. (2004) esclarece ainda que se pode considerar que a histria
da Ergonomia refletiu as mudanas e anseios da sociedade e extrapolou o seu
campo de interesse comum, os idosos, as crianas e as pessoas portadoras de
deficincia.

H domnios de especializao dentro da disciplina de ergonomia, os quais

representam competncias profundas em atributos humanos ou caractersticas de
interao humana. De maneira geral, os domnios de especializao da ergonomia
conforme a Associao Brasileira de Ergonomia (ABERGO), (2005) so:

[...]Ergonomia fsica: est relacionada com s caractersticas da anatomia

humana, antropometria, fisiologia e biomecnica em sua relao a atividade
fsica. Os tpicos relevantes incluem o estudo da postura no trabalho,
manuseio de materiais, movimentos repetitivos, distrbios msculo-
esqueletais relacionados ao trabalho, projeto de posto de trabalho,
segurana e sade.
Ergonomia cognitiva: refere-se aos processos mentais, tais como percepo,
memria, raciocnio e resposta motora conforme afetam as interaes entre
seres humanos e outros elementos de um sistema. Os tpicos relevantes
incluem o estudo da carga mental de trabalho, tomada de deciso,
desempenho especializado, interao homem computador, stress e
treinamento conforme esses se relacionem a projetos envolvendo seres
humanos e sistemas.
Ergonomia organizacional: concerne otimizao dos sistemas scio
tcnicos, incluindo suas estruturas organizacionais, polticas e de processos.
Os tpicos relevantes incluem comunicaes, gerenciamento de recursos de
tripulaes (CRM - domnio aeronutico), projeto de trabalho, organizao
temporal do trabalho, trabalho em grupo, projeto participativo, novos
paradigmas do trabalho, trabalho cooperativo, cultura organizacional,
organizaes em rede, teletrabalho e gesto da qualidade .

6
 Aplicada software, NEGRO (2008), refere-se a ergonomia como as
qualidades atribudas ao software durante seu projeto e que satisfaam o usurio
quanto a usabilidade do sistema.

Em 1993, os pesquisadores SCAPIN e CHRISTIAN BASTIEN do INRIA

(Institut National de Recherche en Informatique et en Automatique da Frana)
definiram oito dos os atuais critrios ergonmicos acompanhado de seus subcritrios,
como se segue:

Tabela 1 - Critrios Ergmicos de Scapin e Christian Bastien

Critrios Explicao Subcritrio

Conduo Refere-se aos meios disponveis para Presteza, legibilidade,

aconselhar, informar, orientar e conduzir o feedback imediato e
usurio na interao com o computador. agrupamento/
distino entre itens.

Carga de Diz respeito a todos os elementos da Interface Brevidade (conciso e

Trabalho que tm um papel importante na reduo da aes mnimas) e
carga cognitiva e perceptiva do usurio, e no densidade
aumento da eficincia do dilogo. informacional.

Controle Refere-se tanto ao processamento explcito aes explcitas e

Explcito pelo sistema das aes dos usurios, quanto controle do usurio.
ao controle que os usurios tm sobre o
processamento de suas aes pelo sistema.

Adaptabilidade Diz respeito a sua capacidade de reagir flexibilidade e

conforme o contexto, as necessidades e consideraes da
preferncias do usurio. experincia do
usurio.

Gesto de erros Refere-se a todos os mecanismos que evitam Qualidade das

ou reduzem a ocorrncia de erros, e quando mensagens, proteo
eles ocorrem que favoream sua correo. e correo dos erros.

Consistncia Diz respeito forma na qual as escolhas na Homogeneidade,

concepo da Interface (cdigos, formatos, coerncia e
denominaes, procedimentos, etc.) so consistncia.
conservadas idnticos em contextos idnticos
e diferente em contextos diferentes.

Significados Refere-se adequao entre o objeto ou a -

dos cdigos e informao apresentada ou pedida, e sua
denominaes referncia. Cdigos e denominaes
significativas possuem uma forte relao
semntica com seu referente. Termos pouco

7
 expressivos para o usurio podem ocasionar
problemas de conduo, levando-o ao erro.

Compatibilidade Diz respeito aos acordos que possam existir -

entre as caractersticas do usurio (memria,
percepo, hbitos, competncias, idade,
expectativas, etc.) e das tarefas, de uma parte,
e a organizao das sadas, das entradas e do
dilogo de uma dada aplicao, de outra.
Tambm se refere ao grau de similaridade
entre diferentes ambientes e aplicaes.
Fonte: Adaptao do Portal Labiutil1
BASTIEN e SCAPIN (1993) consideram que os desenvolvedores poderiam
melhorar significativamente a qualidade do design, atravs da realizao de uma
avaliao de IHC utilizando o conjunto de critrios ergonmicos definidos na Tabela
1. Esses critrios fundamentam profundamente o conceito de usabilidade, que sero
vistos a seguir.

2.3 Usabilidade

A disciplina de IHC visa construir o conhecimento terico necessrio para

embasar o desenho de interfaces que garantam uma boa usabilidade. A ideia
fundamental de usabilidade garantir ao usurio uma maior facilidade ou um certo
grau de convenincia de uso. Existem vrias definies de usabilidade na literatura,
bem como diversas formas de alcan-la, seja no projeto de sistemas ou de produto.
Dentre elas se destaca a de Jakob Nielsen e a ISO 9126.

NIELSEN um pesquisador considerado o pai da usabilidade e das normas

que determinam o bom uso dos sistemas computacionais. Segundo ele, a
usabilidade um atributo de qualidade que avalia quo fcil uma interface passvel
de ser usada, ou a medida de qualidade da experincia de um usurio ao interagir
com um produto ou um sistema. Em outras palavras a usabilidade est associada
utilizao de mtodos que contribuam com a facilidade de uso durante o processo de
criao do produto (website, aplicao de software, tecnologia mvel, ou qualquer
dispositivo opervel por um usurio).

1 http://www.labiutil.inf.ufsc.br/CriteriosErgonomicos/LabIUtil2003-Crit/100conduc.html
8
 A usabilidade no uma propriedade singular ou unidimensional de uma
interface do sistema tecnolgico de informao. A usabilidade est distribuda
diversos elementos, sendo tradicionalmente associada, segundo Nielsen, aos
seguintes fatores:

Intuitividade: o sistema deve ser fcil de assimilar pelo usurio, para que
este possa comear a trabalhar rapidamente;
Eficincia: o sistema deve ser eficiente para que o usurio, depois de o
saber usar, possa atingir um alto nvel de produtividade;
Memorizao: o sistema deve ser facilmente memorizado, para que
usurios ocasionais, o usurio se recorde como us-lo;
Segurana: o sistema deve prever erros, evitar que os usurios os
cometam e, se o cometerem, permitir fcil recuperao ao estado
anterior.
Satisfao: o sistema deve ser usado de uma forma agradvel, para
que os usurios fiquem satisfeitos com a sua utilizao, sejam eles
iniciantes ou avanados.

Pela definio da International Organization for Standardization (ISO),

usabilidade em engenharia de software capacidade do produto de software de ser
compreendido, aprendido, operado e atraente ao usurio, quando usado sob
condies especificadas NBR ISO/ IEC (9126-1). A efetividade permite que o usurio
alcance os objetivos iniciais de interao, e tanto avaliada em termos de finalizao
de uma tarefa quanto tambm em termos de qualidade do resultado obtido.

Ainda segundo a ISO (9241-11) a eficincia se refere quantidade de esforo

e recursos necessrios para se chegar a um determinado objetivo. Os desvios que o
usurio faz durante a interao e a quantidade de erros cometidos pode servir para
avaliar o nvel de eficincia do site.

E por ltimo a satisfao, uma medida de usabilidade, a mais difcil de medir

e quantificar, pois, est relacionada com fatores subjetivos. De maneira geral,
satisfao se refere ao nvel de conforto que o usurio sente ao utilizar a interface e
qual a aceitao como maneira de alcanar seus objetivos ao navegar no site (ISO
9241-11).

Entende-se usabilidade como uma facilidade de usar, aprender e lembrar,

tendo assim uma baixa taxa de erros, otimizao de tempo consumido e
9
consequentemente a satisfao do usurio ligada diretamente comunicao ou
dilogo na interface, sendo a capacidade que o aplicativo possui em permitir que o
usurio alcance suas metas de interao (BASTIEN; SCAPIN, 1993).

Nota-se que a ergonomia trata dos sistemas do ponto de vista do fabricante,

ou do desenvolvedor, entretanto a usabilidade enxerga os mesmos sistemas atravs
dos sentidos do usurio. Comparando entre qualidades associadas as duas
disciplinas revela a seguinte equivalncia, como mostra a tabela abaixo:

Tabela 2 Tabela Ergonomia x Usabilidade

Ergonomia Usabilidade
Disponibilidade Visibilidade do status do Sistema
Orientao Agrupamento e distino e itens Reconhecimento
Feedback Imediato
Conciso (Facilitao/Aes Minimas) Flexibilidade e eficincia do Uso
Carga de Trabalho
Densidade da Informao Esttica e Design Minimalista
Ao Explcita do Usurio
Controle Explcito Controle do Usurio
Controle do Usurio
Adaptabilidade Flexibilidade
Experincia do Usurio
Gerenciamento de Erro Proteo de Erro Preveno de Erro
Qualidade das Mensagens de erro
Ajuda no diagnstico e se recuperao de erros
Correo do Erro
Consistncia Consistncia Consistncia e Padres
Significado dos cdigos Significado dos cdigos Coincidir o sentido real e no sistema
Compatibilidade
Ajustar documentao
Fonte Adaptao Prpria (2016)

Ambas disciplinas demonstram a necessidade de aplicar uma melhora de

condio para seus usurios e eliminar ou minimizar as barreiras - qualquer entrave
ou obstculo que limite ou impea o acesso, a liberdade de movimento, a circulao
com segurana e a possibilidade de as pessoas se comunicarem ou terem acesso
informao.

2.3.1 Recomendaes de Usabilidade Na Web

10
 A usabilidade de uma interface no envolve apenas questes relativas s
funcionalidades de um software, mas tambm a facilidade de seu uso como
ferramenta de trabalho, tendo como um dos principais desafios a reduo do tempo
necessrio para aprendermos a utilizar o sistema (NIELSEN, 1993). Deve-se levar
em conta que usurios, tarefas e ambientes, sendo necessrio a avaliao dos
mesmos em subconjuntos para se ter a medida de usabilidade do produto (ISO 9241-
11, 1998).

Para a avaliao de interfaces Web tem sido utilizadas, alm das tcnicas
tradicionais para software desktop, tcnicas com foco Web como a inspeo
automtica. Designers e profissionais de IHC procuram mtodos rpidos e baratos
de avaliao de interfaces em substituio aos testes de laboratrio que geralmente
so caros e carecem de infraestrutura (ROCHA et.al, 2003). Em virtude dessa
situao recomenda-se o uso de tcnicas de usabilidade. As recomendaes de
usabilidade determinadas por Nielsen (1993) segundo o site USABILIDOIDO 2 2008
so:

Feedback: O sistema deve informar continuamente ao usurio sobre o

que ele est fazendo, 10 segundos o limite para manter a ateno do
usurio focalizada no dilogo.
Falar a linguagem do usurio: A terminologia deve ser baseada na
linguagem do usurio e no orientada ao sistema. As informaes
devem ser organizadas conforme o modelo mental do usurio.
Sadas claramente demarcadas: O usurio controla o sistema, ele pode,
a qualquer momento, abortar uma tarefa, ou desfazer uma operao e
retornar ao estado anterior.
Consistncia: Um mesmo comando ou ao deve ter sempre o mesmo
efeito. A mesma operao deve ser apresentada na mesma localizao
e deve ser formatada/apresentada da mesma maneira para facilitar o
reconhecimento.
Prevenir erros: Evitar situaes de erro. Conhecer as situaes que
mais provocam erros e modificar a interface para que estes erros no
ocorram.

2 http://www.usabilidoido.com.br/nocoes_basicas_de_usabilidade_em_websites.html
11
 Minimizar a sobrecarga de memria do usurio: O sistema deve mostrar
os elementos de dilogo e permitir que o usurio faa suas escolhas,
sem a necessidade de lembrar um comando especfico.
Atalhos: Para usurios experientes executarem as operaes mais
rapidamente. Abreviaes, teclas de funo, duplo clique no mouse,
funo de volta em sistemas hipertexto. Atalhos tambm servem para
recuperar informaes que esto numa profundidade na rvore
navegacional a partir da interface principal.
Dilogos simples e naturais: Deve-se apresentar exatamente a
informao que o usurio precisa no momento, nem mais nem menos. A
sequncia da interao e o acesso aos objetos e operaes devem ser
compatveis com o modo pelo qual o usurio realiza suas tarefas.
Boas mensagens de erro: Linguagem clara e sem cdigos. Devem
ajudar o usurio a entender e resolver o problema. No devem culpar
ou intimidar o usurio.
Ajuda e documentao: O ideal que um software seja to fcil de usar
(intuitivo) que no necessite de ajuda ou documentao. Se for
necessria a ajuda deve estar facilmente acessvel on-line

No caso de instituies pblicas brasileiras Brasil(2010) foram desenvolvidas e

so apresentadas sete diretrizes propostas por Brasil(2010): Contexto e navegao,
Carga de informao, Autonomia, Erros, Desenho, Redao e Consistncia e
Familiaridade.

O conceito de cada diretriz assim como suas recomendaes pode ser

encontrado no seguinte endereo: <http://epwg.governoeletronico.gov.br/cartilha-
usabilidade>

[..]O desenvolvimento de stios utilizando a usabilidade tem como

consequncia comum uma reduo nos custos e, posteriormente, uma
diminuio no nmero de correes nas funcionalidades do stio. Stios e
servios com boa usabilidade tambm requerem menos treinamento, suporte
e manuteno (BRASIL 2010).

2.4 ACESSIBILIDADE

12
 Quando se houve falar em acessibilidade a sociedade liga o conceito a
deficientes fsicos, o que de certa forma tem razo, pois a mesma apareceu no final
dcada de 40 no surgimento dos servios de reabilitao fsica e profissional,
segundo SASSAKI (2005) dando um sentido de integrao, no entanto barreiras
arquitetnicas prevaleciam contra esses deficientes na poca, e somente na metade
da dcada de 80, aps muita presso, adicionou outro conceito, o de incluso, a qual
exige no apenas a eliminao das barreiras como tambm a no-insero das
mesmas nos projetos arquitetnicos por meio de desenhos acessveis.

Com o passar do tempo comeou a ficar cada vez mais claro que a
acessibilidade deveria seguir o paradigma do desenho universal, segundo o qual os
ambientes, os meios de transporte e os utenslios fossem projetados para todos e,
portanto, no apenas para pessoas com deficincia. (SASSAKI, 2005)

O Art. 8 do Captulo III Das Condies Gerais Da Acessibilidade do Decreto

5.296/204 brasileiro considera acessibilidade: condio para utilizao, com
segurana e autonomia, total ou assistida, de vrios espaos, desde espao fsico
como os mobilirios a espaos de sistemas e meios de comunicao e informao,
por pessoa portadora de deficincia ou com mobilidade reduzida.

Seguindo essa premissa ao conceito Web, pressupe que os sitio sejam

projetados de modo que todos usurios incluindo idade, nveis educacionais e nveis
de experincia com dispositivos; possam perceber, entender, navegar e interagir de
maneira efetiva com as pginas, permitindo o uso tecnologias assistidas quando
necessrio, ou seja, um stio acessvel (SLATIN & RUSH, 2003).

Tanto a acessibilidade quanto a usabilidade tm como foco de ateno o

usurio contudo so reas distintas. A usabilidade, como foi visto anteriormente, trata
da facilidade de uso, j a acessibilidade trata do acesso a locais, produtos, servios
ou informaes efetivamente disponveis ao maior nmero e variedade possvel de
pessoas independente de suas capacidades fsico-motoras e perceptivas, culturais e
sociais. Um stio pode ser acessvel, mas difcil de ser utilizado ou; ser fcil de ser
utilizado, mas inacessvel a parte da populao (BRASIL, 2010).

13
 2.4.1 Recomendaes De Acessibilidade Na Web

Para que a acessibilidade digital seja implantada corretamente, questes

relacionadas so abordadas atravs de Diretrizes de Acessibilidade para Contedo
Web (WCAG) 2.0 do consorcio W3C, e o e-MAG por parte do Governo Eletrnico
Brasileiro, abrangido diversas recomendaes com a finalidade de tornar o contedo
da Web mais acessvel disponvel em: <http://emag.governoeletronico.gov.br/ >
(Brasil, 2011).

O Consorcio World Wide Web (W3C) busca desenvolver padres de

qualidade, protocolos e diretrizes que garantam o crescimento da Web para todos
provendo uma maior acessibilidade para usurios de TICs, em 1999 lanaram o
WCAG 1.0 e em 2008 o WCAG 2.0 cada qual contendo recomendaes para que
desenvolvedores Web tivessem um guia para implantar acessibilidade na web.

Utilizando da verso mais atual o documento WCAG 2.0 est estruturado em

quatro princpios, cada qual contendo recomendaes como segue na tabela abaixo:

Tabela 3 Princpios do WCAG

Princpio Definio Recomendaes

Perceptvel A informao e os componentes Fornecer alternativas textuais para qualquer

da interface do usurio tm de
ser apresentados aos usurios
em formas que eles possam
perceber.
contedo no textual.
Fornecer alternativas para multimdia.
Criar contedo que possa ser apresentado
de modos diferentes sem perder informao
ou estrutura.
Tornar mais fcil aos usurios a visualizao
e audio de contedos incluindo as
separaes das camadas da frente e de
fundo

Opervel Os componentes de interface de Fazer com que todas as funcionalidades

usurio e a navegao tm de
ser operveis.
estejam disponveis no teclado.
Prover tempo suficiente para os usurios
lerem e usarem o contedo.
No projetar contedo de uma forma
conhecida por causar ataques epilticos.
Prover formas de ajudar os usurios a
navegar, localizar contedos e determinar
onde se encontram.

Compreensvel A informao e a operao da Tornar o contedo de texto legvel e

interface de usurio tm de ser compreensvel.
compreensveis. Fazer com que as pginas da Web

14
 apaream e funcionem de modo previsvel.
Ajudar os usurios a evitar e corrigir erros.

Robusto O contedo tem de ser robusto o Maximizar a compatibilidade entre os atuais

suficiente para poder ser e futuros agentes do usurio, incluindo os
interpretado de forma concisa recursos de tecnologia assistiva.
por diversos agentes do usurio,
incluindo recursos de tecnologia
assistiva.
Fonte: Adaptado de W3C (2008)
De acordo com W3C (2008) pode-se conhecer as diretrizes de acessibilidade
para contedo Web (WCAG) adotados pelos websites, atravs da documento
disponvel em: <http://www.w3.org/Translations/WCAG20-pt-PT/ >

Quando um documento segue os padres web, significa que o mesmo

escrito numa linguagem de marcao de hipertexto vlida, como Hypertext Markup
Language, (HTML) ou sua reformulao para caso especiais o XHTML utilizando
Folhas de Estilo (CSS) para a apresentao estruturado utilizando os elementos da
linguagem de acordo com a funo para as quais foram criados, ou seja, de forma
semntica fazendo com que o documento seja compreensvel em qualquer
navegador ou dispositivo que acesse a rede.

Baseado nesses padres e diretrizes o Ministrio do Planejamento,

Oramento e Gesto em parceria com o Projeto de Acessibilidade Virtual do IFRS
(Instituto Federal de Educao, Cincia e Tecnologia do Rio Grande do Sul) atravs
de uma anlise detalhada das regras e pontos de verificao elaborou o Modelo de
Acessibilidade em Governo Eletrnico (e-MAG) o qual se encontra atualmente na
verso 3.1, este documento que norteia o desenvolvimento de stios e portais
acessveis no mbito do governo federal (Brasil 2015) suas recomendaes de
acessibilidade esto separadas em : Gerais, Cabealho, corpo, folhas de estilo, uso
de scripts e cookies, arquivos em outros formatos e uso de plugins.

Pode-se conhecer todas as boas prticas para o desenvolvimento dos padres

adotados pelo governo brasileiro, atravs da cartilha e-MAG de codificao disponvel
em: <http://emag.governoeletronico.gov.br/#sumario> (Brasil 2010).

3. METODOLOGIA

15
 Essa seo possui informaes relativo a metodologia que ser adotada para
a efetuao de tcnicas de analise contextual, assim como, o composio e a
aplicao das avaliaes de usabilidade e acessibilidade, que determinar quais
pontos necessitam de melhorias.

3.1 Tcnicas De Analise Contextual

Conforme Cybis (2010) essa tcnica consiste em auxiliar os projetista buscar

informaes sobre usabilidade e contexto de uso do sistema, juntando opinies e
informaes de usurios do sistema atual ou futuro. Uma vez que, segundo Nielsen
(2007), algumas questes so to exclusiva do sitio que no aparecem em nenhum
relatrio. Existem vrias tcnicas elaborada por pesquisadores conhecidos na rea
de usabilidade, neste trabalho ser utilizado algumas das tcnicas exposta por Cybis
(2010) referindo-se: Questionrio de satisfao e Observao do usurio.

Para a realizar essa pesquisa sero empregada tcnicas para estabelecer o

nvel de usabilidade do sitio, com o objetivo de sugerir progresso expressivos que
agregaro valores aos servios fornecidos pelo stio. J a avaliao de acessibilidade
ser utilizado o software Avaliador e Simulador de Acessibilidade Sitio (ASES), e em
sequncia realizado um teste manual para avaliar se o sitio se encontra de acordo
com o checklist do stio do governo eletrnico.

3.1.1 Questionrio De Satisfao

Este questionrio elaborado com perguntas e respostas predefinidas, em

consequncia obtem-se respostas quantitativa. CYBIS (2010) recomenda que seja
um questionrio padronizado de maneira que permite a comparao entre software
distintos e/ou verses distintas de um mesma TICs software no futuro.

A aplicao dos questionrios de satisfao aplica-se principalmente em locais

com usurios conhecedores do sistema, funcionrios ou alunos, no caso do instituto,

16
possibilitando assim o levantamento de informaes considerveis sobre aspectos
satisfatrios e insatisfatrios (CYBIS, 2010).

Para esta pesquisa foi elaborado um questionrio baseado na adaptao de

PADILHA (2004). O questionrio ser aplicado a alunos funcionrios da instituio
que utilizam constantemente o portal, ser realizado um levantamento do grau de
experincia do usurio para com a internet e um levantamento dos pontos positivos e
negativos do sitio, que possuir relevncia para com o projeto.

3.1.2 Observao Do Usurio

Antes de iniciar esta tcnica preciso verificar o funcionamento do

equipamento por meio um teste-piloto. O usurio, que deve conhecer parcialmente
ou nada do sistema em questo, ir receber um formulrio com as tarefas que sero
avaliadas.

Deve ficar esclarecido ao mesmo que o sistema que est sendo avaliado e
no o usurio, para que este no venha interferir no fluxo da observao e nos
resultados do teste. Caso algum evento no esteja claro ao usurio o mesmo deve
ser anotado e esclarecido somente ao termino da sesso de observao.

O pesquisador deve observar e tomar notas durante o processo em que o

usurio utiliza o sistema, seja de forma direta ou indireta. Pois tal pratica proveitosa
para saber o tempo para tarefas, prticas e estratgia dos usurios, ou seja, obter
dados quantitativos e qualitativos sobre o usurio em sua tarefa. til fotografar ou
gravar a tela de trabalho do usurio pois essas imagens possibilitaro a anlise dos
aspectos do ambiente de maneira fcil. O pesquisador deve comear a elaborao
do relatrio assim que a observao terminar.

3.1.3 Testes De Acessibilidade

17
 Os teste de acessibilidade em stios da Web, quando efetuado, so realizados
por meios de validadores automticos disponibilizado pelo consorcio W3C. No
entanto somente este recurso no suficiente, de acordo com a WCAG 2.0:

[...]A acessibilidade na Web no depende s do contedo acessvel, mas

tambm de navegadores web acessveis e outros agentes de usurio. Alm
que ferramentas de autoria tambm desempenham um papel importante
para a acessibilidade na Web (W3C, 2014).

Alm deste validador, os stios governamentais brasileiro disponibiliza

atualmente de um avaliador que por meio de simulaes verifica a acessibilidade dos
stios denominado ASES.

Nenhum destes validadores dispensa a ajuda humana pois a mesma uma

grande aliada no desenvolvimento da pgina Web podendo contribuir com: linguagem
clara, boa usabilidade na navegao e utilizao dos equivalentes textuais, por
exemplo. Brasil, (2011) recomenda desenvolvedores de web site utilizar o Checklist
Manual de Acessibilidade Desenvolvedores que garante que os projetos possuam
critrios de IHC: acessibilidade, usabilidade e comunicabilidade, desde o incio do
projeto evitando desperdcio de tempo na correo de erros.

4. DISCUSSO E RESULTADOS

Essa seo contm o resultado dos testes aplicados referentes a informaes

cedidas pelos usurios.

4.1 Plano de teste

Por meio da observao assistida do usurio e o questionrio de satisfao os

testes foram aplicados a dois tipos distintos de usurios, interno e externos, ao
instituto. Pois assim pode se cumprir o objetivo principal deste trabalho, determinar a

18
funcionalidade do stio e quais pontos precisam melhorar de maneira que torne o
sistema eficaz, eficiente e satisfaa necessidades a ambos usurios.

4.2 Questionrios de satisfao

O formulrio do questionrio de satisfao foi elaborado com a ferramenta

disponvel no Google Drive, e encaminhada para uma pgina apropriada, com o
objetivo de levantar dados sobre a pgina principal do instituto e a forma com que
eles utilizam, as dificuldades que encontram ao realizar uma tarefa e a confiabilidade
no sitio.

4.2.1 Perfil dos usurios

Iformacoes descrita no questionario

4.2.2 Avaliao do usurio

Iformacoes descrita no questionario

4.3 Observaes do usurio

Iformacoes descrita no questionario

4.3.1 Perfil dos usurios observados

Iformacoes descrita no questionario

19
4.3.2 Resultados observados no stio atual

Iformacoes descrita no questionario

4.4 Testes com ASES

O teste com ASES foi aplicado na pgina inicial do portal, levantando diversos
avisos de prioridade como visto na Figura.

Figura 1 Relatorio ASEs

Os erros mais encontrados foram:

Ausncia de descrio nas imagens;

Excesso de imagens decorativas;
Ausncia de acesso contedo a dinmico e outros elementos
programveis;
A m utilizao de tabela;
20
 Separao de links adjacentes de forma incorreta;
Disponibilizar documentos em formatos acessveis.
Assegurar o controle do usurio sobre as alteraes temporais do
contedo.
Disponibilizar todas as funes da pgina via teclado.

Algumas sugestes de melhorias:

Deve-se fornecer uma descrio para as imagens utilizando o atributo

alt. No caso de imagens decorativas as mesmas devem ser inserida por
CSS, do corpo da tabela e do final.
Nas tabelas deve-se utilizar o thead, tbody, tfoot, para agrupar as linhas
de cabealho, do corpo da tabela e do final, com exceo de quando a
tabela possui apenas o corpo.
Fornecer alternativas em texto para contedo no Textual como:
imagens, flash, etc do sitio.
Dividir grandes blocos de informao.

Atender a estes quesitos aumentar consideravelmente o grau de acessibilidade do

portal.

5. CONCLUSO

Por se tratar de um portal educacional, focado na formao de profissionais, a

usabilidade e a acessibilidade faz com que o usurio com pouca experincia em
navegar na Web, encontre as informaes que necessita para ingressar em cursos
oferecidos na instituio, obtendo um aprendizado cognitivo dos recursos oferecidos
no portal.

No decorrer da pesquisa percebe-se que para haver usabilidade necessrio

ter acessibilidade. Esta por sua vez exige que os desenvolvedores apliquem as
diretrizes recomendadas e faam, sempre que preciso, uso de mtodos heurstico de
usabilidade, possibilitando assim a criao de um portal com usabilidade e
acessibilidade necessria para a fcil navegao e compreenso de todos.

Diante das propostas levantadas pode-se concluir, que para criar um portal
acessvel e de fcil entendimento, preciso centrar o desenvolvimento no usurio,
possibilitando assim um melhor sistema web ao usurio final.

21
6.REFERNCIAS

A.V. PADILHA. Usabilidade na Web: uma proposta de questionrio para avaliao do

grau de satisfao de usurio de comrcio eletrnico. 2004. 103f Dissertao
(Mestrado) Programa de Pos- Graduao em Ciencia da Computao. Universidade
Federal de Santa Catarina, 2004.

ASSOCIAO BRASILEIRA DE ERGONOMIA ABERGO. Material da Web. Disponvel

em: <http://www.abergo.org.br/>. Acesso em 05 fev.2012.

BAK, J. O. et al. Obstacles to usability evaluation in practice: a survey of software

development organizations. NordiCHI '08: Proceedings of the 5th Nordic conference on
Human-computer interaction, Lund, Sucia, v. 358, p. 23-32, out. 2008. Disponvel
em:<http://doi.acm.org/10.1145/1463160.1463164>. Acesso em: 13 mar. 2008.

BRANDO, E. R.; MORAES, A. de. Publicidade on-line, ergonomia e usabilidade: o

efeito de seis tipos de banner no processo humano de visualizao do formato do
anncio na tela do computador e de lembrana da sua mensagem. Rio de Janeiro,
2006. 400 p. Dissertao (Mestrado em Artes & Design) - Pontifcia Universidade Catlica
do Rio de Janeiro.

BRANDO, EDUARDO RANGEL; MONT`ALVO, CLAUDIA RENATA. Rotinas de uso

de computadores, smartphones e/ou tablets para acessar formatos de contedos
relacionados TV sob o ponto de vista do design centrado no usurio. Rio de
Janeiro, 2015. 256 p. Tese de Doutorado - Departamento de Artes & Design, Pontifcia
Universidade Catlica do Rio de Janeiro.

BRASIL, decreto n 5.296 de 2 de dezembro de 2004. Regulamenta as Leis n o 10.048,

de 8 de novembro de 2000 e n 10.098, de 19 de dezembro de 2000.

CARD, STUART K.; THOMAS P. MORAN; ALLEN NEWELL (July 1980). "The keystroke-
level model for user performance time with interactive systems". Communications of
the ACM 23 (7): 396410.doi:10.1145/358886.358895.

22
COMIT GESTOR DA INTERNET NO BRASIL; ncleo de informao e coordenao do
ponto br. (2010). Dimenses e caractersticas da web brasileira: um estudo do
gov.br,

CYBIS, W., BETIOL, A.H, FAUST, R. Ergonomia e Usabilidade Conhecimento, Mtodos

e Aplicaes. 2 Ed. So Paulo: Novatec - 2010

FERREIRA, S.B.L; NUNES, R.R. e-Usabilidade. LTC, 2008. Disponvel em:

<http://www2.grupogen.com.br/LTC/suplemento/leal/> Acesso em: 16 jun. 2010

FREIRE, ANDRE P., GOULARTE, RUDINEI., FORTES, RENATA P. de M. Levantamento

sobre Tcnicas para Desenvolvimento de Aplicaes Web Acessveis. Universidade
de So Paulo, Instituto de Cincias Matemticas e de Computao, So Carlos 2007.
Disponvel em:
<http://www.icmc.usp.br/CMS/Arquivos/arquivos_enviados/BIBLIOTECA_113_RT_303.pdf
>

GARBE, DOUGLAS DE SOUZA, 2012, Administrador Pblico formado pela

UDESC/ESAG. ACESSIBILIDADE S PESSOAS COM DEFICINCIA FSICA E A
CONVENO INTERNACIONAL DE NOVA IORQUE. Estudante de direito da
Universidade do Vale do Itaja UNIVALI. Balnerio Cambori / Santa Catarina, Brasil
Disponivel:<http://www.unifebe.edu.br/revistadaunifebe/20121/artigo023.pdf>

GONALVES, R. M. Ergonomia do Servio de Atendimento ao Pblico via Internet:

Utilidade e Usabilidade de Web Sites para os Usurios. Braslia, 2002. 123 p. Dissertao
(Mestrado em Psicologia) Universidade de Braslia. Disponvel
em:http://vsites.unb.br/ip/labergo/sitenovo/dissertacoes/OrientMC/RoseM/RoseM.pdf
Acesso em: 28 jun.2016.

GUEDES, GILDSIO. Interface Humano Computador: prtica pedaggica para

ambientes virtuais. Teresina: EDUFPI, 2008. Disponvel em:
http://cead.ufpi.br/conteudo/material_online/disciplinas/video/livro_gildasio.pdf Acessado
em: 01 maio 2016.

MARCELO, CARVALHO (2006). "A Trajetria da Internet no Brasil: do surgimento das

redes de computadores instituio dos mecanismos de governana. Disponvel
23
em: < http://tele.sj.ifsc.edu.br/~tisemp/RES/Internet-BR-Dissertacao.pdf> Acesso em: 26
abr 2016

MENDES, ALEXANDRE. TIC Muita gente est comentando, mas voc sabe o que
?. IMasters, 2008. Disponvel em: < http://imasters.com.br/artigo/8278/gerencia de-ti/tic-
muitagente-esta-comentando-mas-voce-sabe-o-que-e/>. Acesso em: 25 maio. 2016.

PARIZOTTO, R. Elaborao de um guia de estilos para servios de informao em

cincia e tecnologia via Web. Florianpolis, 1997, 111 f. Dissertao (Mestrado em
Engenharia de Produo) Universidade Federal de Santa Catarina.

PORTAL EDUCAO - Cursos Online : Mais de 1000 cursos online com certificado
<http://www.portaleducacao.com.br/informatica/artigos/53793/historia da-internet-no-
brasil#ixzz4BClXsbUb>

SASSAKI, Romeu Kazumi (2004). "Acessibilidade: Uma chave para a incluso social".
Disponvel em: <http://www.lainsignia.org/2004/junio/soc_003.htm>. Acesso em: 05 mai.
2005.

SASSAKI, Romeu Kazumi (2005) "Conceito de Acessibilidade". Disponvel em:

<http://www.bengalalegal.com/romeusassaky.php>. Acesso em: 10 mai. 2006.

SCHNEIDERMAN, B. (1998) Design the User Interface: strategies for effective Human
Computer Interaction. Addison Wesley Longman, Inc. 3rd ed.

SLATIN, John M. & RUSH, Sharron. (2002). Maximum Accessibility: Making Your Web
Site Usable for Everyone. Addison Wesley.

Sommerville, Ian (2007) [1982]. "1.1.2 What is software engineering?". Software

Engineering (8th ed.). Harlow, England: Pearson Education. p. 7. ISBN 0-321-31379 8.

Thatcher, J., Bohman, P., Burks, M., Henry, S. L., Regan, B., Swierenga, S., and Urban,
M. (2002). Constructing Accessible Web Sites. Glasshaus.

World Wide Web Consortium (2005), Policies Relating to Web Accessibility. Disponvel
em: <http://www.w3.org/WAI/Policy/>. Acesso em: 27 fev. 2016

24
APNDICE

ANEXO 1

25