Interfaces Accesibles: Diseño más allá de lo evidente

Slide 1

Slide 1 text

Interfaces Accesibles: Diseño más allá de lo evidente por Joel Rodelo MAY 2023

Slide 2

Slide 2 text

JOEL RODELO MADRID – 2023 Apasionado por el diseño, la música y nuevas tecnologías. Actualmente trabajo como Gerente de DesignOps dirigiendo a un increíble equipo en la creación de productos digitales usables y vistosos en la industria del retail y fintech. > hola@joelrodelo.com > joelrodelo.com > LinkedIn > ADPList Joel Rodelo Madrid

Slide 3

Slide 3 text

JOEL RODELO MADRID – 2023 Antes de 2016 solo conocía sobre etiquetas ALT y buenas prácticas de diseño

Slide 4

Slide 4 text

JOEL RODELO MADRID – 2023 ● 2016 inicio el área de accesibilidad ● 2018 premio primer ecommerce accesible en México ● 2023 extrapolar conocimiento a Grupo Coppel

Slide 5

Slide 5 text

JOEL RODELO MADRID – 2023 Todos tenemos o conocemos a alguien que experimenta alguna discapacidad en los distintos grados

Slide 6

Slide 6 text

JOEL RODELO MADRID – 2023 La realidad

Slide 7

Slide 7 text

JOEL RODELO MADRID – 2023 1.3 billones de personas experimentan algún tipo de discapacidad signiﬁcativa 16% de la población mundial

Slide 8

Slide 8 text

JOEL RODELO MADRID – 2023 Según INEGI, en 2020 el porcentaje total en México de personas con alguna discapacidad era de un 4.9% de la población, lo que equivale a aproximadamente 6.17 millones de personas.

Slide 9

Slide 9 text

JOEL RODELO MADRID – 2023 Diseñar productos accesibles no se trata solo de lo visual 👀 Referencia

Slide 10

Slide 10 text

JOEL RODELO MADRID – 2023 Accessibility answers the question of whether a product or service can be used by any user, anywhere, and anytime.

Slide 11

Slide 11 text

JOEL RODELO MADRID – 2023 6.17 millones de personas en méxico con diferentes discapacidades

Slide 12

Slide 12 text

JOEL RODELO MADRID – 2023 Al diseñar productos y servicios debemos contemplar diversos tipos de discapacidades como:

Slide 13

Slide 13 text

JOEL RODELO MADRID – 2023 Auditiva (ej. problemas para oír)

Slide 14

Slide 14 text

JOEL RODELO MADRID – 2023 Visual (ej. daltonismo)

Slide 15

Slide 15 text

JOEL RODELO MADRID – 2023 Motriz (ej. artritis)

Slide 16

Slide 16 text

JOEL RODELO MADRID – 2023 Epilepsia (ej. convulsiones)

Slide 17

Slide 17 text

JOEL RODELO MADRID – 2023 Cognitivo (ej. dislexia) Fuente

Slide 18

Slide 18 text

JOEL RODELO MADRID – 2023 Las barreras de habilidad también pueden surgir por diversos factores: Incidental (ej. privación del sueño) Ambiental (ej. usar un dispositivo móvil bajo tierra)

Slide 19

Slide 19 text

JOEL RODELO MADRID – 2023 Referencia

Slide 20

Slide 20 text

JOEL RODELO MADRID – 2023 “When UX doesn’t consider ALL users, shouldn’t it be known as “SOME User Experience” or… SUX?” — Billy Gregory, Senior Accessibility Engineer Fuente

Slide 21

Slide 21 text

JOEL RODELO MADRID – 2023 Menos del 4% del top de sitios web del mundo (1 millón) la página de inicio es accesible. Fuente WebAIM via Knowbility

Slide 22

Slide 22 text

JOEL RODELO MADRID – 2023 Tim Berners-Lee Inventor de la WWW "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” Fuente

Slide 23

Slide 23 text

¿Por dónde empezar a diseñar interfaces accesibles?

Slide 24

Slide 24 text

JOEL RODELO MADRID – 2023 El valor de la accesibilidad dentro del diseño de experiencia de usuario Una experiencia de usuario accesible brinda los beneﬁcios de una buena experiencia de usuario a las personas con discapacidades. Esto, a su vez, aumenta el grupo de clientes leales. Fuente

Slide 25

Slide 25 text

JOEL RODELO MADRID – 2023 Fuente

Slide 26

Slide 26 text

JOEL RODELO MADRID – 2023 Un buen diseño es accesible

Slide 27

Slide 27 text

JOEL RODELO MADRID – 2023 Principios de accesibilidad Fuente

Slide 28

Slide 28 text

JOEL RODELO MADRID – 2023 Niveles de accesibilidad

Slide 29

Slide 29 text

JOEL RODELO MADRID – 2023 Diseñando con accesibilidad en mente

Slide 30

Slide 30 text

JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con espectro autista

Slide 31

Slide 31 text

JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios que usan lector de pantalla

Slide 32

Slide 32 text

JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con baja visión

Slide 33

Slide 33 text

JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con dislexia

Slide 34

Slide 34 text

JOEL RODELO MADRID – 2023 Fuente Diseñando para usuarios con discapacidad física o motriz

Slide 35

Slide 35 text

JOEL RODELO MADRID – 2023 Diseñando para usuarios sordos o con problemas auditivos Fuente

Slide 36

Slide 36 text

JOEL RODELO MADRID – 2023 Diseñando para usuarios con ansiedad Fuente

Slide 37

Slide 37 text

JOEL RODELO MADRID – 2023 ● Demuestra responsabilidad social ● Mejora la eﬁciencia y tiempo de respuesta ● Aumentar la cuota de mercado y la audiencia ● Evidencia el cumplimiento de la ley Ventajas de ser accesibles:

Slide 38

Slide 38 text

JOEL RODELO MADRID – 2023 La accesibilidad no es un feature Fuente

Slide 39

Slide 39 text

JOEL RODELO MADRID – 2023 La accesibilidad es responsabilidad de todos

Slide 40

Slide 40 text

JOEL RODELO MADRID – 2023 ● Plugins Figma ● Herramientas iOS & Android ● Accessibility for UX and UI Designers ● Cómo escribir contenidos UX que incluyentes ● Checklist Recursos

Slide 41

Slide 41 text

JOEL RODELO MADRID – 2023 Gracias