Slide Acessiblidade e Usabilidade
Download
Report
Transcript Slide Acessiblidade e Usabilidade
ACESSIBILIDADE E USABILIDADE
Responsabilidade social indispensável em sites
web.
1
PROPÓSITOS DE SISTEMAS WEB
Informativo
–
Funcional
–
Oferecer serviços
Entretenimento
–
Prestar informações
Divertir pessoas
Alguns sites têm múltiplos propósitos
2
PROPÓSITOS DE SISTEMAS WEB
3
ACESSIBILIDADE
Acessibilidade significa não apenas permitir que
pessoas com deficiências ou mobilidade reduzida
participem de atividades que incluem o uso de produtos,
serviços e informação, mas a inclusão e extensão do
uso destes por todas as parcelas presentes em uma
determinada população.
4
DIVERSIDADES DE HABILIDADES
Visuais
– Percepção cromática
– Acuidade
– Cegueira total
Auditivas
– Intensidade sonora
– Largura do espectro (como boa percepção de baixas
freqüências mas não de altas)
Motoras
– Tremores e espasmos
– Fraqueza muscular e fatiga
– Paralisia
5
COMPROMETIMENTOS A QUE TODOS
ESTAMOS SUJEITOS
Envelhecimento
– Acuidade visual reduzida
– Perda de audição
– Artrite
Exposição excessiva
– Lesão por Esforço Repetitivo
– Perda de audição por níveis elevados de ruído
Deficiências situacionais
– Direção de carro
– Ambiente barulhento
– Membros imobilizados
6
FERRAMENTAS
Para desenvolvedores:
- da Silva (avaliador para websites)
– http://www.dasilva.org.br/
- Accessibility Color Wheel
– http://gmazzocato.altervista.org/colorwheel/wheel.php
- Color Oracle
– http://colororacle.cartography.ch/
- Daltonize (“corrige” imagens para daltônicos)
– http://www.vischeck.com/daltonize/
- Fangs (emulador de leitor de tela - Firefox)
– http://www.standards-schmandards.com/projects/fangs/
7
SITE DASILVA.ORG.BR
8
ACCESSIBILITY COLOR WHEEL
9
FERRAMENTAS
Para portadores de deficiência:
- Virtual Magnifying Glass
– http://magnifier.sourceforge.net/
- NVDA (leitor de tela para Windows)
– http://www.nvda-project.org/
- HeadMouse
– http://robotica.udl.cat/headmouse/headmouse2/head
mouse2e.html
- Projetos da UFRJ
– http://intervox.nce.ufrj.br/
10
EXEMPLOS DE ACESSIBILIDADE
11
VARIAR TAMANHO DA FONTE
12
O MEC (PORTAL E-GOV DO MINISTÉRIO DA EDUCAÇÃO DO BRASIL)
UTILIZA UM BOTÃO QUE ALTERA AS CORES DO PORTAL PARA
CORES COM MAIOR CONTRASTE, AUMENTANDO A VISIBILIDADE
DE CADA ELEMENTO DE NAVEGAÇÃO E CONTEÚDO.
13
O SITE DA CASA PRÓPRIA DA CAIXA POSSUI UM
TRADUTOR DE TEXTO EM LIBRAS. LIBRAS É A
LINGUAGEM POR GESTOS, UTILIZADA POR PESSOAS
SURDAS PARA COMUNICAÇÃO.
14
ATALHOS
15
HEAD MOUSE
16
USABILIDADE: ALIADA DA
ACESSIBILIDADE
17
USABILIDADE
18
DESENHO UNIVERSAL
Desenho Universal é uma filosofia de projeto de
produtos, serviços e ambientes para torná-los usáveis
para um espectro de pessoas mais amplo possível ao
invés de apenas as “típicas”.
19
CARACTERÍSTICAS ALMEJADAS EM
UM DESENHO UNIVERSAL:
–
–
–
–
–
–
–
Uso igualitário - sempre que possível todos os usuário deveriam
usar a mesma interface ou interfaces equivalentes
Flexível em termos de uso- adaptável
Simples e intuitivo- óbvio
Informações perceptíveis
Tolerância a erros- seguro
Baixo esforço físico e mental
Dimensões e espaço para abordagem e uso
Bons desenhos universais não devem sacrificar eficiência ou
flexibilidade para usuários "típicos". Devem ter facilidades que os
20
ternam melhor para qualquer um.
RESTRIÇÕES CULTURAIS
Símbolos Arbitrários. Formas que somente têm
significado por convenção, mas têm a característica de
padrão internacional.
Símbolos de Referência. Retratam um objeto que por
referência ou analogia pode representar o conceito que o
símbolo está querendo representar. Exemplo: a lupa
representa que se pode ver o conteúdo de um arquivo; e
um semáforo.
Símbolos de Semelhança. Retratam o objeto que21
representam. Exemplo: a figura de uma impressora ou de
uma tesoura.
PROBLEMAS…
No uso de checkBox, em alguns países, o marcador X deve ser
substituído por V (sinal de visto), pois no Japão o X significa
exclusão.
Cravos brancos ou objetos brancos no Japão: morte;
Homem de Chapéu verde na China: homem cuja mulher é adúltera;
Evitar formas triangulares em Hong Kong, Coréia e Tailândia. São
associadas à má sorte ;
O número 7 é considerado má sorte no Kenya, Boa sorte na República
Tcheca e com conotações mágicas em Benin (Äfrica);
Número 10 é má sorte na Coréia;
Número 4 significa morte no Japão;
Vermelho significa bruxaria em muitos países africanos;
Vermelho é uma cor positiva na Dinamarca;
22
USABILIDADE
A usabilidade web associa-se aos estudos da Interação
Humano-Computador (IHC) e seu foco principal é a interação
dos usuários com sites e ferramentas da internet, em como as
interfaces devem ser desenvolvidas, e quais as tecnologias
e padrões devem ser adotados para garantir a qualidade de
um site. Qualidade essa que deve ser acessível a todos os
grupos de usuários (usuários corporativos, analfabetos
funcionais, usuários internacionais, idosos, jovens e usuários
com dificuldades físicas). Este último grupo é de suma
importância, pois como vimos à cima, é um percentual
considerável e que é, na mesma proporção, esquecido na hora
do desenvolvimento de um site.
23
USABILIDADE NA WEB
Usabilidade se refere à simplicidade e facilidade com que uma
interface visual de um web site podem ser percebidas e utilizadas pelo
usuário.
– Facilidade de aprendizagem: o web site deve ser fácil de assimilar
pelo usuário, para que este possa começar a interagir
imediatamente;
– Eficiência: o web site deve ser eficiente para que o usuário depois
de saber usá-lo, possa atingir uma grande produtividade;
– Facilidade de memorização: o web site deve ser facilmente
memorizado, para que depois de algum tempo sem navegá-lo, o
usuário se recorde de usá-lo novamente;
– Segurança: o web site deve prever os erros e evitar que os
usuários os cometam e, quando assim é, deve recuperar
facilmente o que foi perdido.
– Satisfação: o web site deve ser usado de uma forma agradável,
24
para que os usuários fiquem satisfeitos com a sua utilização.
CONT…
–
Eficácia: mede a adequação da interface, se ela
permite a realização correta do que é suposto;
–
Utilidade: Refere-se à capacidade da interface
apresentar as funcionalidades certas para que o
usuário atinja o seu objetivo final.
Descobriu-se que o usuário almeja resultados, lucros,
portanto a eficácia é tão importante na decisão sobre o
uso e aquisição do produto, software.
25
EXEMPLO DE USABILIDADE
ERRADO!!!
26
CORRETO!
27
Melhor!!
28
URNA ELETRÔNICA
Concebida
para
suprimir
as
possibilidades de só permitia aos cegos
treinados em Braille (15% dos cegos) a
realização do voto sem erro;
Feedback somente em 2002;
Idosos (analfabetos, cegos) que
tiveram sucesso no voto, tiveram auxilio
de mesários para votar;
Votar deve ser um ato civil natural e a
tecnologia não deve se colocar como
obstáculo!
29
BANNER
30
ACESSO RÁPIDO À PÁGINA
INICIAL
31
AJUSTAR O RELÓGIO?
Poucos
mecanismos de controle e muita
funcionalidade…
32
CONCLUSÃO
O
que se quer…
Uma boa
interface esconde
sua tecnologia!!!!
33