meta-interface como elemento mediador da acessibilidade no ... ?· deficientes visuais. 3....

Download Meta-interface como elemento mediador da acessibilidade no ... ?· Deficientes visuais. 3. Deficientes…

Post on 02-Jan-2019

212 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

Universidade Federal de Pernambuco Centro de Artes e Comunicao

Departamento dDesign Programa de Ps-Graduao em Design

Mestrado em Design

Meta-interface como elemento mediador da acessibilidade no design de interface

Dennis Cavalcanti Calazans Mestrando

Prof. Dr. Fbio Ferreira da Costa Campos Orientador

Recife, 2009

Calazans, Dennis Cavalcanti

Meta-Interface como elemento mediador da acessibilidade no design de interface / Dennis Cavalcanti Calazans. Recife: O Autor, 2010.

121 folhas: il., fig.

Dissertao (mestrado) Universidade Federal de Pernambuco. CAC. Design, 2010.

Inclui bibliografia e anexos.

1. Desenho (Projetos). 2. Deficientes visuais. 3. Deficientes - Servios para. 4. Meta-Interface. I. Ttulo.

741 CDU (2.ed.) UFPE 745.2 CDD (22.ed.) CAC2010-74

Universidade Federal de Pernambuco Centro de Artes e Comunicao

Departamento dDesign Programa de Ps-Graduao em Design

Mestrado em Design

Meta-interface como elemento mediador da acessibilidade no design de interface

Dennis Cavalcanti Calazans Mestrando

Dissertao de mestrado apresentada ao Programa de Ps-Graduao em Design da Universidade Federal de Pernambuco, como parte dos requisitos para obteno do ttulo de Mestre em Design.

Recife, 2010

Dedico este trabalho minha famlia.

AGRADECIMENTOS

Ao meu orientador Fbio Campos, pelo incentivo e orientao.

Ao amigo Edvar Vilar, pelo trabalho desenvolvido em conjunto e interesse pela rea.

Ao amigo Dino Lincoln e a amiga Susiane Santos, pela presena constante e apoio em tudo que me foi necessrio.

A minha irm Bianca Calazans, pela parceria eterna.

Ao amigo Solon Baltar, pela cooperao e preocupao com o meu trabalho.

Ao amigo Andr Fontenelle, por ter proporcionado minha primeira oportunidade de compartilhar conhecimento profissionalmente.

A Cinthia Kulpa, pelo seu trabalho magnfico sobre cores para usurios de Baixa Viso e pela ateno dada ao desenvolvimento dessa pesquisa.

A Fernando Raposo e Rodrigo Perazzo por acreditarem que a ps-graduao vale a pena.

RESUMO

O objetivo do presente trabalho tornar interfaces computacionais mais acessveis aos usurios deficientes atravs da concepo de uma meta-interface que corrija falhas de usabilidade encontradas, neste trabalho especificamente, na web. Para isto, faz-se uma explanao do atual contexto dos avanos tecnolgicos e da situao dos usurios portadores de deficincias no que tange o acesso a interfaces digitais e a recursos de acessibilidade. Existem diversas falhas de usabilidade e arquitetura de informao que dificultam o uso desses recursos por esses usurios, resultando muitas vezes na no utilizao de ferramentas de acessibilidade. Com o intuito de facilitar o acesso dos usurios portadores de deficincia a ambientes digitais, ser apresentada, atravs de um embasamento terico dos principais conceitos abordados, uma proposta de meta-interface capaz de corrigir falhas de websites, tornando o uso mais agradvel e eficaz pelo usurio em questo, atravs da aplicao de uma ferramenta que modifique automaticamente os websites acessados pelos usurios de internet.

Palavras-chave: meta-interface, acessibilidade, Baixa Viso.

Consideramos estas verdades como evidentes por si mesmas, que todos os homens foram criados iguais, que foram dotados pelo Criador de certos direitos inalienveis, que entre estes esto a vida, a liberdade e a busca da felicidade.

Thomas Jefferson

LISTA DE FIGURAS

Figura 01. Gerao de computadores e de interfaces de usurios | 09 Figura 02. ENIAC | 10 Figura 03. Interao Humano-Computador | 14

Figura 04. Fatores em IHC | 16 Figura 05. Software ampliador de tela | 26 Figura 06. Display Braille em uso | 27 Figura 07. Impressora Braille | 27 Figura 08. Teclado virtual do Windows XP | 28

Figura 09. Tela sensvel ao toque pode substituir outros tipos de entrada | 29 Figura 10. Teclado ampliado diminui dificuldades de destreza | 29 Figura 11. Glaucoma | 35 Figura 12. Catarata | 36

Figura 13. Retinopatia Pigmentar | 36 Figura 14. Exemplo de ocorrncia de Deuteranopia | 38 Figura 15. Cenrio usurio/interface | 40 Figura 16. Representao visual do controle Tipo 1 | 41

Figura 17. Representao visual do controle Tipo 2 | 41 Figura 18. Representao visual do Tipo 3 | 42 Figura 19. Navegador nativo reorganiza o contedo do site | 43 Figura 20. Iluso de contrastes | 44

Figura 21. Tabela de Karl Borggrafe | 45 Figura 22. Contrastes mais eficientes | 46 Figura 23. Contrastes para identificao | 46 Figura 24. Contrastes com aceitao esttica | 47

Figura 25. Contrastes para sinalizaes | 47 Figura 26. Contrastes neutros | 48 Figura 27. Contrastes para sensibilidade luz | 48 Figura 28. Contrastes discretos | 49

Figura 29. Contrastes para textos logos | 49 Figura 30. Contrastes para sensibilidade luz | 50 Figura 31. Origens e definies dos estilos | 53 Figura 32. Padro cromtico 1 | 58

Figura 33. Padro cromtico 2 | 59

Figura 34. Padro cromtico 3 | 60 Figura 35. Padro cromtico 4 | 61 Figura 36. Padro cromtico 5 | 62 Figura 37. Alternativa 1 | 63

Figura 38. Alternativa 2 | 64 Figura 39. Alternativa 3 | 65 Figura 40. Alternativa 4 | 65 Figura 41. Alternativa 5 | 66

Figura 42. Barra recolhida | 67 Figura 43. Barra da meta-interface | 68 Figura 44. Barra recolhida realada | 68 Figura 45. Folhas de estilo agindo sobre o site | 69

Figura 46. Greasemonkey ativado | 69 Figura 47. Javascript da meta-interface ativado | 70 Figura 48. Texto da meta-interface | 75 Figura 49. Boto de confirmao | 76

Figura 50. Barra da ferramenta realada | 77 Figura 51. cone da meta-interface | 77 Figura 52. Padro de cor nmero 1 | 78 Figura 53. Simulao glaucoma | 79 Figura 54. Simulao retinopatia | 80

Figura 55. Simulao catarata | 80 Figura 56. Simulao daltonismo protanopia | 81 Figura 57. Sites com a meta-interface | 81 Figura 58. Sites com a meta-interface (continuao) | 82

Figura 59. Sites com a meta-interface (continuao) | 83 Figura 60. Sites com a meta-interface (continuao) | 84 Figura 61. Pgina inicial do PubliciZero | 85 Figura 62. Incio da pgina de teste da meta-interface M2 | 86

Figura 63. Primeira etapa do teste com usurios da meta-interface M2 | 87 Figura 64. Segunda etapa do teste com usurios da meta-interface M2 | 87 Figura 65. Terceira etapa do teste com usurios da meta-interface M2 | 88 Figura 66. Quarta etapa do teste com usurios da meta-interface M2 | 88

Figura 67. Participao dos integrantes do GA na primeira e segunda fase do

experimento da meta-interface M2 | 89 Figura 68. Participao dos integrantes do GB na primeira e segunda fase do experimento da meta-interface M2 | 90 Figura 69. Participao dos integrantes do GA na primeira afirmao da terceira

fase do experimento da meta-interface M2 | 90 Figura 70. Participao dos integrantes do GB na primeira afirmao da terceira fase do experimento da meta-interface M2 | 91 Figura 71. Participao dos integrantes do GA na segunda afirmao da terceira

fase do experimento da meta-interface M2 | 91 Figura 72. Participao dos integrantes do GB na segunda afirmao da terceira fase do experimento da meta-interface M2 | 92 Figura 73. Pgina inicial do Verso Mobile | 93

Figura 74. Incio da pgina de teste da meta-interface M2 | 93 Figura 75. Primeira etapa do teste com usurios da meta-interface M3 | 94 Figura 76. Segunda etapa do teste com usurios da meta-interface M3 | 95 Figura 77. Terceira etapa do teste com usurios da meta-interface M3 | 96

Figura 78. Quarta etapa do teste com usurios da meta-interface M3 | 96 Figura 79. Participao dos integrantes do GA na primeira e segunda fase do experimento da meta-interface M3 | 97 Figura 80. Participao dos integrantes do GB na primeira e segunda fase do experimento da meta-interface M3 | 97

Figura 81. Participao dos integrantes do GA na primeira afirmao da terceira fase do experimento da meta-interface M3 | 98 Figura 82. Participao dos integrantes do GB na primeira afirmao da terceira fase do experimento da meta-interface M3 | 99

Figura 83. Participao dos integrantes do GA na segunda afirmao da terceira fase do experimento da meta-interface M3 | 99 Figura 84. Participao dos integrantes do GB na segunda afirmao da terceira fase do experimento da meta-interface M3 | 100

Figura 85. Participao dos integrantes do GA na terceira afirmao da terceira fase do experimento da meta-interface M3 | 100 Figura 86. Participao dos integrantes do GB na terceira afirmao da terceira fase do experimento da meta-interface M3 | 101

110

SUMRIO

1 Introduo............................................................................................................1

1.2 Delimitao da pesquisa ............................................................................................4

1.3 Objetivo geral............................................................................................................5

1.4 Objetivos especficos .................................................................................................5

1.5 Justificativa ...............................................................................................................5

1.6 Metodologia cientfica ...............................................................................................7

2 FUNDAMENTAO TERICA.................................................................................8

2.1 Interface computacionais ................................................................................