A apresentação busca despertar empatia e consciência sobre acessibilidade para deficientes visuais, caracteriza diferentes abordagens de soluções e descreve estratégias de design para desenvolver um produto acessível.
6. “... deficiência não era uma limitação sua, e
sim um desencontro entre as suas
habilidades e do mundo ao seu redor.
Deficiência era um problema de design.”
Entrevista com August de los Reyes, ex-designer XBox, paraplégico aos 42 anos.
8. Icons by Christopher Anderson (US), Sam Garner (AU), Egon Låstad (NO), Marie Van den Broeck (BE) via TheNounProject
exclusão segregação
integração inclusão
10. Por que deficientes visuais?
● Independente de acessórios
● Independente de conteúdo
● Ponto de partida!
11. Por que smartphones?
● Financeiramente acessíveis
● Benefícios sociais
● Portabilidade
● Brasil smartphones
Photo by MKBHD https://www.youtube.com/user/marquesbrownlee
12. Talkback!
● Leitor de tela pré-instalado
● Navegação por toque
● Navegação por foco
● Gestual
Photo by phonearena
Tela inicial
1 de 4!
Contatos!
Aba de
notificações!
13. Projetando para Talkback
● Arquitetura de informação
○ Hierarquia e organização das informações
○ Quantidade de conteúdo
Image by http://carpinteiros.pt/
14. Projetando para Talkback
● Navegação (toque e foco)
○ Mapa mental: “Onde estou?”
○ Camada estrutural invisível mas audível.
○ Como qualquer aspecto de design, essa
estrutura deve ser planejada de forma
simples, elegante e consistente.
Image by http://camelfobia.deviantart.com/
15. Projetando para Talkback
● Descrição nos elementos de navegação
○ Uso consciente: botões, ícones, indicadores.
○ Se um item não precisa de descrição, ele é necessário
no seu app?
18. Recursos visuais
● Esta linha tem tamanho 8 pt.
● Esta linha tem tamanho 9 pt.
● Esta linha tem tamanho 10 pt.
● Esta linha tem tamanho 11 pt.
● Esta linha tem tamanho 12 pt.
● Esta linha tem tamanho 14 pt.
● Esta linha tem tamanho 18 pt.
● Esta linha tem tamanho 24 pt.
● Esta linha tem tamanho 30 pt.
● Esta linha tem tamanho 36 pt.
20. Recursos táteis
● "Se toda notificação vibra igual,
como eu vou saber qual aplicativo
está me avisando de alguma coisa?"
● Pouco explorado!
Photo by Android Central
24. Image by Future Flux http://futureflux.co/thoughts-on-design-thinking/
25. Despertar a sensibilidade, aprender, observar
Acessibilidade não demanda grandes esforços
ou tarefas separadas, e sim uma forma de
pensar e trabalhar.
28. Acessibilidade Android
https://www.youtube.com/user/acessibilidadeandroi
(sem o “d” no final mesmo!)
Android Developers
http://developer.android.com/design/patterns/accessibility.html
Blog Arquitetura de Informação
http://arquiteturadeinformacao.com/acessibilidade/
Nerdcast: Cegos, nerds e loucos
http://jovemnerd.com.br/nerdcast/nerdcast-256-cegos-nerds-e-loucos/
http://jovemnerd.com.br/nerdcast/nerdcast-506-cegos-nerds-e-loucos-2/
Interesse desde a faculdade. Amigos e conhecidos.
>> O que é
Não tem a palavra “deficiência”.
>> Tipos de deficiencia
Congênita: 1o pensamento. Adquirida: acidente, doença, genética.
>> Habilidades diferentes
Não tem a palavra “deficiência”.
>> Tipos de deficiencia
Baixinho, gordinho, desastrado, velho, criança, míope. Visão debilitada aos 50 (Diabetes!!), expectativa de vida 75.
Lucas Radaelli: O que é só meio complicado pra uma pessoa pode ser totalmente bloqueante pra outra. Se projetar para deficiente, todo mundo pode se beneficiar.
>> Formas diferentes de atender a questão
Existem 4 Soluções diferentes
1. Pessoas não usam / 2. Solução separada
3. Solução com opções / 4. Qualquer um usa
>> PQ acessibilidade smartphone?
>> PQ def visual
Deficientes: Independente de aparelhos externos / Independente (relativamente) de conteúdo / Ponto de partida!
>> PQ Smartphones
Financeiramente acessível / Benefícios sociais (Acesso a informação, Comunicação, Independência e Autonomia) / Portátil (>computador) / Todo mundo quer fazer parte
76 milhões de brasileiros usam smartphones
>> Como deficientes usam?
Pré-instalado. Leitor de tela, navegação por toque, navegação por foco, gestual.
Existem outros leitores, mas precisam ser instalados (ex: Shine Plus). iOS = Voice Over. Windows Phone = nada.
>> Como projetar para talkback
Quantidade de conteúdo por tela (search?)
Navegação intuitiva e simples
Onde estou (mapa mental)?
>> Navegação por foco
2. Camada de navegação invisível, mas projetada simples e consistente.
>> Recursos visuais
3. Label consciente. Se não precisa de label, precisar estar no app?
>> Recursos visuais
Nokia tijolão! Talkback também usa como feedback de navegação. É especialmente útil pra deficientes auditivos.
>> Outros recursos
Cheiro, sabor, internet das coisas
>> Solução canivete?
Não adianta encher de sons e vibrações e gestos, resolver tudo sozinho.
>> Contexto
Solução X contexto (seu aplicativo está dentro de um contexto de hardware, de sistema, de configurações, de customizações, de outros aplicativos). Detalhes precisam ser bem planejados, ponderados.
>> Como vou saber que o aplicativo está acessível e agradável de usar?
Teste com seu usuário! Amigos, parentes, conhecidos! Internet!
>> Experiência, treino, observação
>> Quem é responsável?
Design + dev + teste
PO + PM
Cultura da empresa
>> Visão de design. Desafio.
Essa é uma visão geral de acessibilidade do ponto de vista de design. Seria muito legal se tivesse o ponto de vista de dev, teste, gerência e afins pra complementar.
>> Referências.