ux nights vol. 08.01: una manera diferente de mirar el diseño web
TRANSCRIPT
![Page 1: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/1.jpg)
Norma Elizalde
“Veo algo que tú no ves: Otra manera de mirar el Diseñ o Web”
![Page 2: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/2.jpg)
“Veo algo que tú no ves: Otra manera de mirar el Diseñ o
Web”
![Page 3: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/3.jpg)
Norma F. Elizalde Gutié rrez
Estudié la licenciatura en
comunicació n visual y
actualmente estudio una maestría
en Multimedia Interactiva.
Comencé trabajando como
diseñ adora gráfica en una
asociació n civil llamada Ojos
Que Sienten, A.C. ; ahí fue
donde me di cuenta que el
diseñ o debía de llegar más allá de
las personas normo-visuales.
![Page 4: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/4.jpg)
![Page 5: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/5.jpg)
La accesibilidad
es responsabilidad
exclusiva de los
Desarrolladores web
MITO
![Page 6: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/6.jpg)
¿Qué es accesibilidad?1
“Accesibilidad es el conjunto de características de que debe
disponer un entorno, producto o servicio para ser utilizable
en condiciones de confort, seguridad e igualdad por
todas las personas y, en particular, por aquellas que
tienen alguna discapacidad.” 2
1. ISO (ISO 16071:2003)2. ACCEPLAN, 2003-2010, Libro blanco (IUEE-ACCEPLAN [Institut Universitari d’Estudis Europeus], 2003)
Accesibilidad Usabilidad
![Page 7: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/7.jpg)
Diseñ o Universal 3
Creació n de
Diseñ os Universales 4
Equitativo
ONE SIZE FITS ALL
Flexibilidad
Simple
Perceptible Tolerancia
Uso
Aproximació n
Esfuerzo
3. SEALE, J. K. (2006). E-Learning and disability in higher education: accessibility research and practice. Oxford: Routledge.4. CUD (The Center for Universal Design), 1997.
![Page 8: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/8.jpg)
Principios de Accesibilidad para Contenido Web5
5. Web Content Accessibility Guidelines: http://www.sidar.org/traducciones/wcag20/es/#perceivable
Perceptible Operable Comprensible Robusta
O C RP
![Page 9: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/9.jpg)
Diseñ o Universal
Diseñ o centrado
en el Usuario
Tipología específica de usuario para
conseguir un diseñ o usable
![Page 10: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/10.jpg)
La accesibilidad
es cara y difícil
MITO
![Page 11: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/11.jpg)
www.prociegos.com
![Page 12: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/12.jpg)
www.institutoparaciegos.org
![Page 13: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/13.jpg)
www.institutoparaciegos.org
![Page 14: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/14.jpg)
www.institutoparaciegos.org
![Page 15: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/15.jpg)
Barreras en la accesibilidad
- Mucha imagen, poco texto.
- Colores sin contrastes.
- No compatibles con los lectores de pantalla.
- Limitantes a la informació n.
PRIORIZAR
![Page 16: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/16.jpg)
Herramientas Accesibles
Contraste
Firefox ColorZilla
extension
Graybit.com
ColorPic eyedrop tool
Lectores
JAWS
Window-Eyes
VoiceOver (Mac)
Webanywhere
Generales
Firefox Accessibility
Toolbar
WebAIM’s WAVE
tester
MacOS Accessibility
![Page 17: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/17.jpg)
La accesibilidad
es únicamente
para personas
ciegas
MITO
![Page 18: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/18.jpg)
¿Usabilidad o Accesibilidad? 6
6. Para mayor información véase: “The Relationship Between Accessibility and Usability” (www.uiaccess.com/accessucd/).
Efectividad
Eficiencia
Satisfacció n
ACCESIBILIDAD USABLE
![Page 19: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/19.jpg)
La accesibilidad es…
ColaborativaUsuario
Diseñ ador
Desarrollador
![Page 20: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/20.jpg)
Reflexió n
“La gente ignora el diseno ̃que ignora a la gente.”
-Frank Chimero
![Page 21: UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web](https://reader034.vdocumento.com/reader034/viewer/2022042516/55aef9d81a28ab4a0a8b48bd/html5/thumbnails/21.jpg)