accesibilidad y diseño ux

Accesibilidad y diseño UX

Te cuento lo básico que tenes que saber si recien estas empezando

Pipi Marquez
10 min readJun 17, 2020

--

¿Qué es UX?

Viene de las siglas user experience que solemos traducir como experiencia de usuario, hasta que después de un evento se nos ocurrio una forma mas empática de decirlo experiencia de la persona usuaria y para la que Adriana Calero escribío una nota acá en medium.

UX es la manera en la que esta persona siente percibe o interactúa con un sistema o un servicio, se trata de la sensación que se tiene cuando esta se encuentra en contacto o interactúa con una web una app o un producto.

Como diseñadoras y diseñadores UX nosotros nos encargamos de conocer a nuestros usuarias y usuarios, de aprender de ellas y ellos, entender sus motivaciones y necesidades para así mejorar su experiencia.

Muerto el diseño, viva el diseño (de experiencia de la persona usuaria)

Frente de la remera con el texto muerto el diseño. dorso de la imagen viva el diseño ux
Una remera que diga: “muerto el diseño, viva el diseño UX”

Diseñamos para las personas usuarias, no diseñamos para nosotras mismas, ni para las y los colegas y tampoco para una o un clienta o cliente(quien nos paga).

Esa visión o forma de encarar el diseño está muerta. La primera, diseñar para nosotras, es solo arte. La segunda, diseñar para otras y otros colegas (o diseñar para dribbble), no sirve de nada, el ego acá no sirve. Y la tercera, diseñar para lo que dice una persona que nos paga, tampoco funciona porque estaríamos retrocediendo en el tiempo. Ya no somos herramientas manejadoras de mouse y teclado, somos expertas y expertos que diagnosticamos problemas y creamos soluciones.

Mucho más importante: cuando digo que diseñamos para las personas, hablo de que diseñamos para todas las personas.

Sobre los sesgos

Existe un sesgo muy grande de nuestra parte, el de diseñar para el hombre, en edad madura, blanco y hetero.

No es algo que solo digo yo, no es algo de un solo equipo, y no es solo de principiantes. Es algo incluso que le pasó al equipo de Apple en la primera versión de la aplicacion de salud “Health” cuando la lanzó en 2014, donde no se consideró como una funcionalidad esencial el seguimiento de la menstruación de las mujeres (hasta la actualización de junio de 2015 después de muchas críticas). ¿Quizás el tema jamás salio?, o ¿Quizás el equipo no era lo suficientemente diverso como para que alguien planteara incluir esta funcionalidad que, para la mitad de la audiencia, es algo tan básico en materia de salud? Sobre todo porque la app iba a tener seguimiento de todas las “métricas importantes de nuestro cuerpo”.

Parte de la interfaz de Health la aplicación de iphone
Ahora con control de ciclo ;)

También hablando de sesgos, piensen en la mayoría de los formularios que aún incluyen el género de manera binaria: masculino-femenino. ¿Qué Acaso no habrás querido preguntar por el sexo? Y aún asi en ese caso deberias considerar 3 opciones: hombre, mujer e intersexual (podés leer más en el artículo de Emilia Alegre El sexismo en el ux ).

Formulario para elegir sexo, con las opciones femenino y masculino
Un formulario cualquiera en internet

Bueno, digamos que hoy avanzamos un poco en ver esos sesgos y ahora los UX no son solo masculinos, sino que empieza a haber más personas de género femenino y otros géneros .

Incorporar esa diversidad nos ayuda mucho más a visibilizar esos pequeños sesgos que tenemos, a discutirlos y a mejorar nuestros diseños para todos.

Aún así, existe otro grupo que no es representado en nuestros diseños, formado por todas las personas que son diferentes a nosotros, otras etnias o inmigrantes, personas de edad avanzadas, o personas con algunas discapacidad.

Accesibilidad

Hoy vamos a enfocarnos y hablar particularmente de accesibilidad y discapacidad relacionado al UX.

Pero para eso quiero que definamos ¿Qué es accesibilidad? Accesibilidad es, básicamente, que una persona con discapacidad pueda utilizar un sitio, una app o un producto.

Pero ¿Qué es discapacidad? La discapacidad surge en la interacción de las personas con otras personas o con las cosas. Este es el enfoque que propone el modelo social de la discapacidad, en donde se nos explica que la interacción con los entornos puede generar diversas barreras.

Persona en silla de ruedas frente a un mostrador alto que dificulta la comunicación con quien lo atiende
El problema no es de la persona, el problema es del entorno que genera una barrera

Vamos a llamar discapacidad a esa barrera en la interacción. Y por lo tanto una discapacidad depende de la interacción con el contexto.

¿Qué pasa en el mundo digital?

Me gusta pensar que todas y todos trabajamos con pasión por hacer un mundo mejor, porque me gusta pensar lo mejor de las personas. Como UX mucho de nuestro trabajo pasa casi enteramente en el mundo digital.

Somos las y los responsables de estos contextos porque somos quienes diseñamos las interfaces donde suceden esas interacciones. Somos nosotros quienes creamos interfaces con discapacidad, interfaces con barreras.

Entonces, si en este mundo digital somos quienes armamos las interacciones, somos responsables de quitar esas barreras.

¿Cómo dejamos de poner barreras y hacemos experiencias para todas las personas?

  1. Interesandonos en las personas con discapacidad.
  2. Incluyendo a esas persona en nuestro proceso de diseño.
  3. Estudiando sobre accesibilidad.

Nos interesemos en las personas con discapacidad

Acá podría usar el cliché de “las personas se interesan en el diseño que se interesa en ellas” como para traer la idea de que es necesario que nos interesemos en todas las personas, pero no me quiero quedar solo ahí. Lo que quiero en realidad es que salgas y conozcas personas diversas, que te metas a las comunidades de esas personas con su permiso, que las escuches, las leas y charles con auténtica empatía.

Si no empezamos a interesarnos, vamos a seguir haciendo preguntas como la que me hizo un chico en una charla de ux y accesibilidad:

¿Si estoy haciendo una pagina web para vender zapatillas para correr, tengo que hacer el sitio navegable o entendible para lectores de pantallas?

Lo que el chico planteaba era que un ciego no puede correr, entonces para qué iba a esforzarse en hacer su sitio web accesible, si total esa persona no era su target. Bueno los ciegos si corren, si no preguntemos a Alberto Cretton Salas que logró el record nacional en los 100 metros en 2019 en una marca oficial de 11.69 segundos.

En una pista de atletismo corren, una persona ciega y su guia
Alberto Cretton Salas y su guía.

Lo que dejaba al descubierto un sesgo que puede llegar a tener cualquier persona sobre individuos con discapacidad. Y con ese sesgo él definía quién era y quién no era su persona usuaria o su target. Él estaba diseñando un sitio solo para “atletas” como si no hubiera atletas ciegas o ciegos compitiendo en los paralímpicos o en la Copa América.

Los murcielagos el equipo argentino de futbol en la copa América en el momento de cantar el himno
Quizás los mas conocidos “los murcielagos” el equipo de futbol argentino.

Y lo que ví fue prejuicio, prejuicio contra cualquier persona que no encajara en el target. Quizás entonces, como yo no me veo como “el ideal de alguien deportista” tampoco voy a entrar en el target y eso significa que no voy a estar interesada en comprar unas zapatillas deportivas en el sitio de este chico.

Que quede claro, una cosa es segmentar una audiencia, y otra cosa muy distinta es discriminar a una persona. Y de lo que hablamos cuando no queremos hacer una web que pueda ser interpretada por un lector de pantalla se llama discriminación.

Esa misma discriminación que hay en un boliche no dejando entrar a alguien con silla de ruedas porque no tienen rampa o a alguien que no encaja en el “target”. Es la misma discriminación que haces en un sitio sitio web que no pueda ser interpretado por un lector de pantalla, pero ahí vos te volves el patovica de la página web que le dice a la persona ciega “no vos no entras”.

Para salvar la dificultad, aunque mi cara se haya desfigurado en la pantalla, lo primero que pensé fue en su edad, tenía unos 19 o 20 años y seguro era la primera vez que escuchaba de accesibilidad, que probablemente se crió en una casa sin personas con discapacidad y quizás todos sus amigos eran como él.

Lo segundo que hice fue responder con los que pensé en ese momento fue lo mejor que podía decir: Sí, claro que sí tenes que hacerlo accesible, porque esa persona puede querer comprar zapatillas deportivas para él o ella como cualquier otra persona (las personas con discapacidad visual tienen pies a menos que también tengan una discapacidad motriz y le falten esas extremidades) o quizás quieran comprar un regalo para alguien, como cualquier otra persona en un sitio web.

¿Qué acaso el dinero de una persona ciega no vale lo mismo que lo de una persona que no es ciega? Y podes pensar que esto es extremo, pero es un sesgo común, cuando diseñamos definimos lo que pueden y no pueden hacer las personas en base a lo que pensamos o conocemos de esas personas.

Siendo clara, todas las personas tiene derecho a interactuar con todos los entornos, y a decidir si quieren o no participar de esos entornos. Nosotros como UX no tenemos que poner una barrera por culpa de nuestros sesgos o suposiciones, porque poner esa barrera es discriminar.

Yo creo que no lo hacemos por maldad, porque de nuevo quiero creer lo mejor de las personas, pero a veces lo que conocemos es lo que diseñamos, y a veces si no conocemos personas diversas no podemos diseñar para la diversidad.

Todo empieza interesandonos en las personas, así que lo primero es conocer a esas personas aunque sea de forma digital.

Incluyamos en nuestros procesos de diseño.

Me gusta pensar un proceso que se veria algo así:

Representación del proceso de diseño en tres cirulos, el primero dice empatía, el segundo diseño y el tercero dice pruebas.
Empatía, diseño y pruebas.

Primero la empatía: conocer a las personas, entender sus motivaciones y necesidades. Es parte del proceso de investigación cuando somos diseñadores de experiencia de usuario, a veces algo que no tenemos tan interiorizado si venimos de carreras muy técnicas, y que de a poco vamos fortaleciendo cuando empezamos a interesarnos realmente en las personas. Además cuando buscamos y reclutamos personas habría que considerar una amplia variedad de personas con y sin discapacidad.

Segundo el diseño: quizás lo que tenes más fuerte, porque en general los UX venimos de diseño gráfico, web o industrial y caímos en la parte digital de un equipo de UX. Como es lo más fuerte, mis recomendaciones son dos: usá la co-creación con los usuarios y aprendé los lineamientos para hacer interfaces más usables y más accesibles.

Tercero las pruebas: probar nuestros diseños, no podemos decir que somos UX si nunca hicimos pruebas. Así que te animo a que salgas y pruebes con personas con discapacidad que representen a tu persona usuaria. No pongas la barrera de que una persona con discapacidad no es tu target. Para interiorizarte más en este tema te recomiendo que leas Just Ask de Shaw Henry (al final del post vas a encontrar una lista de libros que no deberías dejar de leer)

Estudiemos sobre accesibilidad

“La accesibilidad es mucho más que un solo un requisito, es la oportunidad de generar un producto de calidad que facilita la vida de todas las personas que lo usan”. Es una frase del libro de Olga Revilla y Olga Carreras “Accesibilidad web”.

En ese libro van a encontrar todo lo que necesitan saber sobre como hacer webs accesibles, con ejemplos fáciles de entender para todos los roles dentro del equipo, yo creo que el mejor aporte en español sobre accesibilidad web.

En el libro nos explica cosas básicas sobre qué es la WAI (web accesibility iniciative) y las WCAG 2.1 (Web Content Accessibility Guidelines). También nos ayuda a entender todo el proceso para hacer un sitio accesible. Los roles dentro del equipo y de qué se tiene que ocupar cada rol. Bueno, en fin, es como la biblia de accesibilidad en español. Vale totalmente esos 6 euros que hay que pagar por la versión online.

Para hablar en particular de esas guías para hacer productos accesibles desde rol de diseño, voy a hacer un post aparte.

Libros recomendados

En mi charla les recomendé algunos libros para empezar, y también te los recomiendo a vos:

  • Inclusive 101 del equipo de Microsoft (en inglés para descargar el pdf gratis)
  • Accesibilidad web de Olga Revilla y Olga Carreras (en español para comprar en formato ebook)
  • Simplemente pregunta Shaw Henry (en español para leer en la web)
  • Color accesibility workflow de Geri Coady (en inglés para comprar en a book apart, envian a todo el mundo y llega en menos de 10 días, se imprime a pedido, también está el ebook)
  • Accesibility for everyone de Laura Kalbag (en ingles para comprar en a book apart, envian a todo el mundo llega en menos de 10 días, y si no queres esperar está el ebook)

Conclusión

Como creo lo mejor de las personas, creo lo mejor de vos que estás leyendo esto y sé que queres un mundo más inclusivo.

  1. Empezá conociendo a las personas con discapacidad, utilizá la empatía.
  2. Diseñá con esas personas, y si no se puede, entonces tenelas en cuenta cuando lo haces, usá las guías de WAI.
  3. Probá tus diseños con personas reales, que al final lo más importante es la persona humana a la que le resolvemos los problemas.

Yo soy diseñadora para hacer un mundo mejor para todas las personas ¿y vos?

Gracias Paula Dall’Orzo en el día del editor ahora esta publicada tu primera revisión como editora .

--

--

Pipi Marquez

UX UI especializada en accesibilidad. Co-founder en DALAT. Instagram @pipimarquez.ux En Linkedin https://www.linkedin.com/in/marquezsilvia/