1 / 33

ACESSIBILIDADE E USABILIDADE

ACESSIBILIDADE E USABILIDADE. Responsabilidade social indispensável em sites web. 1. PROPÓSITOS DE SISTEMAS WEB. 2. Informativo Prestar informações Funcional Oferecer serviços Entretenimento Divertir pessoas Alguns sites têm múltiplos propósitos. PROPÓSITOS DE SISTEMAS WEB. 3.

yule
Download Presentation

ACESSIBILIDADE E USABILIDADE

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ACESSIBILIDADE E USABILIDADE Responsabilidade social indispensável em sites web. 1

  2. PROPÓSITOS DE SISTEMAS WEB 2 • Informativo • Prestar informações • Funcional • Oferecer serviços • Entretenimento • Divertir pessoas • Alguns sites têm múltiplos propósitos

  3. PROPÓSITOS DE SISTEMAS WEB 3

  4. ACESSIBILIDADE 4 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.

  5. DIVERSIDADES DE HABILIDADES 5 • 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

  6. COMPROMETIMENTOS A QUE TODOS ESTAMOS SUJEITOS 6 • 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

  7. FERRAMENTAS 7 • 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/

  8. SITE DASILVA.ORG.BR 8

  9. ACCESSIBILITY COLOR WHEEL 9

  10. FERRAMENTAS 10 • 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/

  11. EXEMPLOS DE ACESSIBILIDADE 11

  12. VARIAR TAMANHO DA FONTE 12

  13. 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

  14. 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

  15. ATALHOS 15

  16. HEAD MOUSE 16

  17. USABILIDADE: ALIADA DA ACESSIBILIDADE 17

  18. USABILIDADE 18

  19. DESENHO UNIVERSAL 19 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”.

  20. CARACTERÍSTICAS ALMEJADAS EM UM DESENHO UNIVERSAL: 20 • 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.

  21. RESTRIÇÕES CULTURAIS 21 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.

  22. PROBLEMAS… 22 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;

  23. USABILIDADE 23 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.

  24. USABILIDADE NA WEB 24 • 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.

  25. CONT… 25 • 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.

  26. EXEMPLO DE USABILIDADE ERRADO!!! 26

  27. CORRETO! 27

  28. Melhor!! 28

  29. URNA ELETRÔNICA 29 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!

  30. BANNER 30

  31. ACESSO RÁPIDO À PÁGINA INICIAL 31

  32. AJUSTAR O RELÓGIO? 32 Poucos mecanismos de controle e muita funcionalidade…

  33. CONCLUSÃO Uma boa interface esconde sua tecnologia!!!! 33 O que se quer…

More Related