acessibilidade e usabilidade

ACESSIBILIDADE E USABILIDADE

Responsabilidade social indispensável em sites web.

1

PROPÓSITOS DE SISTEMAS WEB

Informativo– Prestar informações

Funcional– Oferecer serviços

Entretenimento– Divertir pessoas

Alguns sites têm múltiplos propósitos2

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/

headmouse2e.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 ternam melhor para qualquer um. 20

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 que representam. Exemplo: a figura de uma impressora ou de uma tesoura. 21

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, para que os usuários fiquem satisfeitos com a sua utilização.

24

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

26

ERRADO!!!

CORRETO!

27

28

Melhor!!

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…

33

Uma boa interface

esconde sua tecnologia!!!!