Transferir como PDF, PPTX
Carregado porHorácio Soares
Acessibilidade e Design Mobile: Frontinrio junho/03
O documento aborda a importância da acessibilidade na web e design mobile, destacando mitos e realidades sobre a acessibilidade e quem realmente se beneficia dela. Apresenta estatísticas sobre deficiências no Brasil e os desafios que pessoas com limitações enfrentam ao usar tecnologia móvel. O autor enfatiza a necessidade de priorizar a acessibilidade no design de aplicativos e websites, propondo uma abordagem 'mobile first' para melhorar a experiência do usuário.
Acessibilidade e Design Mobile: Frontinrio junho/03
- 1. TablelessConf – São Paulo (maio 2013) Acessibilidade Web e Design Mobile: tudo junto e misturado Horácio Soares horacio.soares@acessodigital.net @horaciosoares (21) 9925-‐5404
- 2.
- 3.
- 4.
- 5. Qual é orelacionamento entre a acessibilidade e usabilidade?
- 7.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 24.
- 25. Mas ALGUMAS pessoas precisamde acessibilidade em TODOS os momentos.
- 26. ALGUMAS pessoas precisam de acessibilidade em TODOS os momentos. João que é tetraplégico (foto de Maíra Soares ) Por exemplo, pessoas com restrição de movimento nos membros superiores.
- 27. Mark, tetraplégico, interagecom os olhos
- 28. Tião tem grandesdificuldades motoras e interage com teclado utilizando seu dedo mindinho…
- 29. Para os usuárioscegos. Fotos de três cegos trabalhando no computador utizando um programa leitor de telas
- 30. Marcos, com baixavisão, utiliza um dispositivo que amplia os textos de um livro.
- 31. OUTRAS pessoas precisam de acessibilidadeem MUITOS os momentos.
- 32. Isaias à esquerda,conduzindo o Januário para um chopinho após curso de acessibilidade Web. Por exemplo, o Isaias, que é designer e daltônico.
- 33. Outros exemplos: • Pessoas surdas; • Com deficiência audiVva; • Com déficit de atenção; • Com dislexia; • Com déficit cogniVvo.
- 34. TODAS as pessoas precisamde acessibilidade em ALGUM momento.
- 35. • Tendo as mãos, olhos ou ouvidos ocupados em outra tarefa.
- 36.
- 37. • Com pouca fluência na linguagem do documento que se deseja pesquisar; • Usando sistemas de busca (que só indexam texto); • Com pouca experiência (todos fomos algum dia);
- 38. • Com tendinite ou fratura no braço dominante; • Tendo as mãos, olhos ou ouvidos ocupados em outra tarefa.
- 39.
- 41. Acessibilidade para quantos no BRASIL?
- 42. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%)
- 43. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%)
- 44. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%) • Idosos: 19 milhões (10%)
- 45. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%) • Idosos: 19 milhões (10%) • Analfabetos funcionais: 38 milhões (20,4%) Fontes: hgp://censo2010.ibge.gov.br/ ip://ip.ibge.gov.br/Trabalho_e_Rendimento/ Pesquisa_Nacional_por_Amostra_de_Domicilios_anual/2011/Sintese_Indicadores/ sintese_pnad2011.pdf
- 46.
- 47.
- 48.
- 54.
- 55.
- 56.
- 57.
- 58.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. Áudio, vídeo eimagem
- 68.
- 69.
- 70. Em qualquer horae local.
- 71. Boa compatibilidade entre navegadoresMobile e HTML5
- 72.
- 74.
- 75.
- 76. ‘Desktop is like“diving”…
- 77. …while mobile islike “snorkling.”’ by Hinman at Nokia hgp://www.slideshare.net/Rache
- 78.
- 79.
- 80.
- 81. @lukew tela grande energia rede consistente
- 82. @lukew tela grande energia rede consistente teclado
- 83. @lukew tela grande energia rede consistente teclado mouse
- 84. @lukew tela grande energia rede consistente teclado mouse cadeira
- 85. @lukew tela grande energia rede consistente teclado mouse cadeira mesa
- 86. tela grande energia rede consistente teclado mouse cadeira mesa caneca de café @lukew
- 87.
- 88.
- 89. tela pequena bateria @lukew
- 90. tela pequena bateria rede inconsistente @lukew
- 91. tela pequena bateria rede inconsistente dedo gordo @lukew
- 92. tela pequena bateria rede inconsistente dedo gordo sensores @lukew
- 93. Slide 107 http://www.slideshare.net/cxpartners/web-and-mobile-forms-design-
- 94. Como o Lulidisse no Digitalks no Rio: “Nesse mundo Mobile, somos todos daltónicos e sofremos do Mal de Parkinson”
- 97. Outras limitações: • Capacidadede armazenamento e processamento reduzido. • Uma aplicação em HTML5 para mobile pode ser até 100 vezes mais lenta que em desktop. http://spaceport.io/spaceport_perfmarks_2_report_2012_5.pdf
- 98. perda de 80%do espaço
- 99.
- 100. e isso podeser ótimo para o negócio...
- 101. te força apriorizar... te força a manter o foco…
- 102. Alguém conhece algumsite que gostaria que 80% do seu conteúdo/itens/elementos fosse retirado da interface?
- 103. Flickr desktop 60 opçõesde menu...
- 104.
- 105. Flickr mobile 7 opçõesde menu...
- 106.
- 107.
- 108. Conhecimento profundo da audiência,o que fazem, por que vieram e por que se importam com o Flickr...
- 109. Qual desses Desktopsoferecia a melhor experiência?
- 110. E qual dessescontroles?
- 111. Restrições são boaspara o design, pois te forçam a priorizar, a manter o foco
- 112.
- 113.
- 117. Os detalhes do compradornão podem ser visualizados na versão mobile.
- 122.
- 124.
- 128. Como anda a qualidadedos nossos sites nas versões desktop?
- 129.
- 130.
- 132.
- 147. Como anda assoluções acessibilidade digital no Brasil? E os sites/sistemas Mobile?
- 154.
- 155.
- 156. Mobile First Luke Wroblewski Livro: hgp://www.abookapart.com/products/mobile-‐first
- 157.
- 159. Um probema comum emprojetos Web
- 160. Na busca desoluções para os problemas, o que maioria faz?
- 161. Copia e colaquase tudo...
- 163. “Todo negócio éúnico e fundamentalmente diverso de qualquer outro, por maiores que sejam suas similaridades.“ O tiro e o alvo – aforismo 54
- 164. Cuidado, o queserve para uma empresa pode não servir para outra...
- 165.
- 167.
- 168. Artigo CAPTCHA: herói ouvilão? http://acessodigital.net/art_captcha-heroi-ou-vilao.html
- 169.
- 170.
- 171. Captcha (solução inacessível einsegura) (http://www.webvisum.com/en/main/download)
- 172.
- 174.
- 175.
- 176. Clique aqui ,Saiba mais , veja Mais … 41.700.000 respostas para clique aqui no Google.
- 177. Site daItautec http://www.itautec.com.br (acesso em setembro 2009)
- 178. Site daItautec http://www.itautec.com.br (acesso em setembro 2009) X
- 179.
- 181.
- 182. Ou ainda asmais recentes modinhas como paralax, modal, one single page , etc…
- 183.
- 185.
- 186. Porque está namoda, todo mundo usa, porque não temos tempo e somos reativos... REWORK: Business book from 37signals
- 187. Mas por que? Porquenão temos tempo, porque somos reativos e dá muito trabalho…