construindo sites adequados para pessoas com autismo - webbr 2016

Talita Pagani@talitapagani

Projetando sites adequados a pessoas com Autismo

It´s me, Mario!11 de XP em TI

Mestre em Computação pela UFSCar

UX Designer na Nexaas

Professora Universitária

Membro do grupo de especialistas em Acessibilidade Web do W3C

AUTISMO

Síndrome de neurodesenvolvimento que afeta as habilidades

Sociais

Comunicação

Interesse

AUTISMO

Imagem: Freepik.com

Estimativa da população com Autismo em 2015 no Brasil*

2 MilhõesEstimativa da população com Autismo

somente no estado de São Paulo em 2010**

255 Mil* Oliveira, 2015 ** Mello et al., 2013

Soluções computacionais

Aliados das pessoas com Autismo para desenvolver habilidades e

auxiliar em atividades de vida cotidiana

Carly Fleischmannhttp://bit.ly/2bvmClz

Tecnologia pode ajudar a

Desenvolver habilidades sociais e de comunicação

Ajudar a organizar rotina

Auxiliar na alfabetização

Auxiliar a se comunicar com família e amigos

Porém...

Interação e Experiência de Uso projetadas inadequadamente podem levar à estresse,

irritação, desconforto e ansiedade

Problemas

Pouco conhecimento sobre como desenvolver soluçõespara este público

Diretrizes existem, mas:Aquém do esperadoRestritas a artigos científicosPossivelmente de difícil compreensão e aplicação prática

Outros problemas...

Dados da survey do meu mestrado:

dos profissionais de TI não consideram ou consideram parcialmente pessoas com deficiências cognitivas ou neuronais em seus projetos84%

Dados da survey do meu mestrado:

dos que não consideram o fazem porque não têm conhecimento suficiente sobre essas deficiências para aplicar em seus projetos75%

Dados da survey do meu mestrado:

Disseram que empresa em que atuam não considera que estes usuários seriam parte do público-alvo dos projetos54%

Dados da survey do meu mestrado:

Dos participantes desconheciam totalmente o WCAG33%Desconheciam o trabalho e as recomendações do COGA (Cognitive andLearning Disabilities Task Force - WAI -W3C)

54%

“Mas se eu fizer um site acessível com base em nas diretrizes existentes, eu estarei atendendo a este público”

Não é bem verdade

Para condições que envolvem neurodesenvolvimento, pode ser necessário

simplificar ou adaptar o contéudo

Além disso

O não cumprimento de uma diretriz de acessibilidade ou usabilidade afeta a pessoa

com Autismo de outra forma

? ?

Como desenvolver aplicações

adequadas a este público?

Como as crianças podem ser mais

autônomas usando a tecnologia?

Conheço pouco sobre

Autismo

Será que a tecnologia está

ajudando ou criando

barreiras?

Gap Semântico

Programador Educador

Desafio também para conscientizar múltiplos profissionais

Como faz?

Consistência

Previsibilidade / rotina

Distrações

Sons e cores

Controle do usuário

Prevenção de erros

Aspectos críticos

10 DicasDe como tornar a experiência

melhor para este público

De boa na lagoa, fera!

Estou tranquilo, amigo!

#1Evite o uso de metáforas e figuras de linguagem

#2Use recursos (áudio)visuais junto a textos

Spotify

Booking

#3Projete páginas

com layouts simples e

consistentehttps://willianjusten.com.br/criando-efeito-parallax-no-header/

#4Seja previsível e consistente nas interações e na navegabilidade

Livra.com

#5Forneça

compatibilidade com o mundo

realMarble jar

#5Forneça

compatibilidade com o mundo

real

Discover Our World

#6Evite popups e

propagandas que interrompam o

conteúdohttp://kikolani.com/optin-popup-forms.html

#7Forneça

restrições úteis de interação

http://www.appcues.com/blog/the-5-best-user-

onboarding-experiences/

#8Ajude a pessoa a focar a atenção

na tarefa principalFacebook

#8Ajude a pessoa a focar a atenção

na tarefa principalhttp://www.appcues.com/blog/the-5-best-user-

onboarding-experiences/

#9Habilite

customização e modo leitura

quando possível

https://support.mozilla.org/en-US/kb/view-articles-reader-

view-firefox-android

#10Forneça

ergonomia, por exemplo, boas áreas de clique

Sebrae

O importante éSer simples, objetivo, previsível e

deixar o usuário no controle

Projeto em construçãoGAIA – Guia de Acessibilidade de

Interfaces Web com foco emAspectos do Autismo

http://talitapagani.com/gaia/http://github.com/talitapagani/gaia/

ReferênciasDAHL, D. Web accessibility for people with cognitive disabilities. 2015. http://www.slideshare.net/dadahl/web-accessibility-for-people-with-cognitive-disabilities

ELLISON, R. Designing for cognitive disabilities. 2011. http://www.slideshare.net/RuthEllison/designing-for-cognitive-disabilities/

IBGE, Censo Demográfico 2010. 2010. Disponível em: http://censo2010.ibge.gov.br/

MELLO, et al. Retratos do Autismo no Brasil. AMA: 2013. http://www.ama.org.br/site/images/home/Downloads/RetratoDoAutismo.pdf

OLIVEIRA, C. Um retrato do autismo no Brasil. 2015. http://www.usp.br/espacoaberto/?materia=um-retrato-do-autismo-no-brasil

POUNCEY, I. Web Accessibility for Cognitive Disabilities and Learning Difficulties. 2010. Disponível em: https://dev.opera.com/articles/cognitive-disability-learning-difficulty/

SEEMAN, L.; COOPER, M. (Org.). Cognitive Accessibility User Research. 2015. Disponível em: https://www.w3.org/TR/coga-user-research/

SMITH, J. Insights into Cognitive Web Accessibility. 2009. http://www.slideshare.net/jared_w_smith/insights-into-cognitive-web-accessibility

WEBAIM. Cognitive. 2013.http://webaim.org/articles/cognitive/

Talita Pagani@talitapagani

Obrigada!