Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web...
Transcript of Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web...
![Page 1: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/1.jpg)
2019 – São Paulo
Como você estápreparando as suas interfaces,para serem ouvidaspelos usuários?
Marcelo SalesTrilha UX Design
![Page 2: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/2.jpg)
http://marcelosales.workhttp://acessibilida.de
No Itaú estou na squad Engenharia e Excelência UX, desenvolvendoferramentas de apoio, manuais e realizando consultorias sobre acessibilidadepara a Superintendência de UX e demais áreas.
![Page 3: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/3.jpg)
Tente NÃOouvir isso
Crédito da imagem: David the Agency para The Coca-Cola Company
![Page 4: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/4.jpg)
ou isso
Crédito da imagem: David the Agency para The Coca-Cola Company
![Page 5: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/5.jpg)
Sinestesia é legal,mas em um mundoem que nem tudo éclaro para todos,previsibilidade e clarezasão fundamentais!
![Page 6: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/6.jpg)
Você já parou pra ouvir as interfacesque está criando de forma visual?
![Page 7: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/7.jpg)
Como faz?
![Page 8: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/8.jpg)
Use e abusedas documentações,
princípios e heurísticas
![Page 9: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/9.jpg)
![Page 10: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/10.jpg)
![Page 11: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/11.jpg)
guiawcag.comé um PWA. ;)
![Page 12: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/12.jpg)
WCAG
![Page 13: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/13.jpg)
WCAGWeb Content Accessibility Guidelines
Content
![Page 14: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/14.jpg)
4 princípios da WCAG
PerceptívelOperável
CompreensívelRobusto
![Page 15: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/15.jpg)
https://youtu.be/gem1qmA3qlE
Vídeo:Maria Clara: o seu produto está preparado pas as novas gerações?
![Page 16: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/16.jpg)
O poder da web estána sua universalidade.
O acesso por todas as pessoas,independentemente de
suas necessidades,é um aspecto essencial.
Tim Berners-Lee,diretor do W3C
e criador da internet (como a conhecemos hoje)
“”
![Page 17: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/17.jpg)
ACESSIBILIDADEx
USABILIDADEx
DESIGN UNIVERSAL
![Page 18: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/18.jpg)
https://youtu.be/aqoXFCCTfm4
Vídeo:Voice Control – Apple Mac OS Catalina
![Page 19: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/19.jpg)
EXEMPLOS
![Page 20: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/20.jpg)
AMERICAN AIRLINES
aa.com.br
![Page 21: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/21.jpg)
exemplo
demonstrado
em vídeo
durante a
apresentação
![Page 22: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/22.jpg)
BOOKING.COM
![Page 23: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/23.jpg)
exemplo
demonstrado
em vídeo
durante a
apresentação
![Page 24: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/24.jpg)
DESIGN INCLUSIVO
designinclusivo.com
![Page 25: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/25.jpg)
exemplo
demonstrado
em vídeo
durante a
apresentação
![Page 26: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/26.jpg)
FAST SHOPx
APPLE
Comparativo de produtos
![Page 27: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/27.jpg)
exemplo
demonstrado
em vídeo
durante a
apresentação
![Page 28: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/28.jpg)
exemplo
demonstrado
em vídeo
durante a
apresentação
![Page 29: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/29.jpg)
reflexão...
Será que estamosproduzindo conteúdo
compreensível por todos?
![Page 30: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/30.jpg)
https://youtu.be/whioDJ8doYA
Vídeo:Design for Patrick L. and Everyone
![Page 31: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/31.jpg)
Habilidade(capacidade funcional)
+Barreira
(criada pelo produto/serviço)
=Deficiência
(conflito entre habilidade e barreira)
![Page 32: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/32.jpg)
Habilidade(capacidade funcional)
+Barreira
(criada pelo produto/serviço)
=Deficiência
(conflito entre habilidade e barreira)
![Page 33: Como você está preparando as suas interfaces, para serem … · 2019-08-19 · O poder da web está na sua universalidade. O acesso por todas as pessoas, independentemente de suas](https://reader034.fdocumentos.com/reader034/viewer/2022050410/5f87774baac2b15979596005/html5/thumbnails/33.jpg)
OBRIGADO :)Instagram e Twitter @msales
LinkedIn linkedin.com/in/msales78
http://designinclusivo.com
Trilha UX Design
http://guiawcag.com