Diseño Inclusivo

La interacción inclusiva del producto está impulsada por una comprensión profunda de las experiencias y capacidades del usuario. Las interfaces digitales que priorizan el diseño inclusivo pueden impactar positivamente en la experiencia del usuario al promover un sentido de pertenencia.

El diseño inclusivo describe metodologías para crear productos que son entendidos y habilitados por personas de todos los orígenes y habilidades. El diseño inclusivo puede tener en cuenta la accesibilidad, la edad, la cultura, la situación económica, la educación, el género, la ubicación geográfica, el idioma y la raza.. La atención se centra en satisfacer las necesidades de tantos usuarios como sea posible, no solo de tantos usuarios como sea posible.

En esencia, el diseño inclusivo tiene que ver con la empatía con los usuarios y la adaptación de las interfaces para satisfacer las diferentes necesidades de esos usuarios. El diseño inclusivo crea patrones para el diseño inclusivo. Veamos un ejemplo del patrón de diseño inclusivo.

En Internet, desde sitios web gubernamentales hasta solicitudes de empleo y procesos intrusivos de creación de cuentas, se pide a los usuarios que elijan su raza entre un conjunto predeterminado de opciones. Cuando era más joven y trataba de tomar una decisión sobre esta inversión, luché porque las opciones eran mutuamente excluyentes. Como mujer mestiza, la forma en que me pidieron que eligiera una raza fue como una pequeña crisis de identidad: ninguna de las opciones reflejaba mi identidad. Afortunadamente, este formulario y sus opciones correspondientes han evolucionado para incluir Dos o mas carreras opción (o casillas de verificación en lugar de los antiguos botones de radio). Este es un ejemplo de un patrón de diseño inclusivo.

Accesibilidad y Diseño Universal vs. Diseño Inclusivo

Dos conceptos asociados con el diseño de inclusión que a menudo se confunden son la accesibilidad y universal diseño. Los tres conceptos tienen como objetivo eliminar las barreras entre las personas y la tecnología y crear una experiencia inclusiva.

La accesibilidad se centra en garantizar que las personas con discapacidad puedan utilizar las interfaces y las tecnologías. (incluyendo impedimentos auditivos, cognitivos, físicos y visuales). La accesibilidad tiene un alcance más limitado que el diseño inclusivo porque está orientado a adaptaciones específicas. Además, los estándares de accesibilidad, como las Pautas de accesibilidad al contenido web (WCAG), hacen que la evaluación de la accesibilidad sea algo más fácil que los diseños inclusivos y universales. Sin embargo, la accesibilidad es solo un mínimo necesario para una experiencia significativa para las personas con discapacidad.

El diseño universal tiene como objetivo crear una una experiencia a la que todas las personas puedan acceder y utilizar en la mayor medida posible. A diferencia del diseño inclusivo, el diseño universal proporciona una solución de diseño único sin necesidad de personalización o diseño especializado. El diseño inclusivo acepta y adopta múltiples opciones de diseño siempre que logren el resultado deseado. En general, el diseño universal se usa más ampliamente en contextos materiales y ambientales (después de todo, es costoso crear múltiples variaciones funcionales de un objeto o espacio físico). En comparación, el diseño inclusivo se aplica más a menudo al diseño de productos digitales porque es relativamente barato y se adapta fácilmente a dichas interfaces.

Patrones de diseño de inclusión: ejemplos

Para reiterar, el diseño inclusivo puede cubrir muchos temas, incluidos la accesibilidad, la edad, la cultura, la situación económica, la educación, el género, la ubicación geográfica, el idioma o la raza. A continuación, daremos algunos ejemplos de patrones de diseño inclusivos.

Legibilidad de texto y modo oscuro para usuarios mayores

Durante nuestro estudio con adultos mayores, un participante comentó: “Una cosa que no me gusta de

computadoras, hacen que la fuente sea demasiado pequeña en la pantalla”. Para garantizar la legibilidad, los diseñadores deben usar un tamaño de fuente razonablemente grande, tener un alto contraste entre los caracteres de primer plano y de fondo y usar una fuente limpia. Estas características son importantes para todos los usuarios; sin embargo, es especialmente difícil para los usuarios mayores trabajar con una interfaz poco legible, ya que la presbicia, una forma de hipermetropía, es común después de la mediana edad.

Página web con texto pequeño y diseño desordenado
El participante de 81 años hojeó los artículos más recientes en el sitio web de Globe and Mail, pero tuvo dificultades para leer el texto en la pantalla. Mientras leía los titulares, se tambaleó varias veces (debido a la densa organización del texto) y se inclinó más cerca de la pantalla de la computadora portátil para ver mejor el texto.

A lo largo de las tres rondas del estudio, la queja más común entre las personas mayores fue que los sitios web y las aplicaciones están diseñados pensando en los jóvenes y, a menudo, son inconvenientes para los usuarios mayores. En palabras de un participante del estudio: “Internet no es amigable para las personas con problemas de visión”. Para que sus interfaces de usuario sean más inclusivas, elija fuentes legibles y ofrezca a los usuarios un botón para aumentar el tamaño de la fuente.

Controles de tamaño de fuente en la página web del artículo
En el sitio web del Washington Post se proporcionaron controles para aumentar el tamaño de la fuente en los artículos. Esta función se ha habilitado para usuarios mayores con agudeza visual reducida.

Otro problema común en los ancianos son las cataratas o problemas causados ​​por la opacidad de los medios oculares. Las personas con estos problemas tienen problemas para renderizar interfaces en modo claro; para ayudarlos, considere (pero no fuerce) una opción de modo oscuro para sus interfaces de usuario y aproveche las API de modo oscuro que varios sistemas operativos pueden ofrecer para que los usuarios que elijan cambiar al modo oscuro aún puedan usar su interfaz. .

Ingresar apellidos para una audiencia global

Las interfaces globales exitosas dependen de la inclusión digital. Hay muchas variaciones de apellidos en todo el mundo; de todos modos, Apellido los campos de formulario no siempre se ajustan a ellos. Las restricciones como la cantidad de caracteres, la ausencia de guiones o las restricciones en los nombres que se escriben igual que las palabras en inglés inapropiadas pueden hacer que algunas personas se sientan excluidas.

En sus páginas de soporte, TaxSlayer, un software de declaración de impuestos, informó Apellido Restricciones de campo: se permiten guiones, pero no caracteres especiales como apóstrofes o caracteres con diacríticos. Estas restricciones están relacionadas con los requisitos de formato del Servicio de Impuestos Internos (IRS). Como resultado, un apellido español como Martínez del Río no se consideraría una entrada válida.

Página de soporte con información sobre las limitaciones del campo del formulario de apellido
Página de soporte de TaxSlayer reportada Apellido restricciones de campo relacionadas con los requisitos de formato del IRS.

El problema de la negación de la autenticidad Nombre las entradas fueron tan prominentes que Facebook creó una página de soporte dedicada a ellas. Está escrito en la página: “Si no puede registrarse para obtener una cuenta de Facebook con su nombre real, complete el formulario a continuación para que podamos configurarlo”. El formulario pedía a los usuarios que adjuntaran un documento que confirmara su nombre.

Un formulario para que los usuarios lo envíen en caso de que se rechace el nombre de usuario de su cuenta de Facebook.
Formulario de soporte de Facebook para usuarios cuyo nombre no fue aceptado como entrada válida.

Variedad de identificadores demográficos

En contextos donde se soliciten identificadores demográficos (por ejemplo, raza, género, orientación sexual), proporcione opciones inclusivas. Por ejemplo, la aplicación de citas Tinder permitía a los usuarios ingresar una palabra que describiera su identidad de género y ofrecía más de 30 opciones. Este nivel de especificidad fue inclusivo para los usuarios que coincidieron con la selección.

Campos de ingreso de datos en una aplicación móvil que permitía a los usuarios ingresar texto para seleccionar una identidad de género.
Tinder, una aplicación de citas móvil, permitía a los usuarios elegir entre una variedad de identidades de género. La interfaz también permitía a los usuarios especificar su género en su perfil, aunque esta opción estaba deshabilitada por defecto.

Aspectos inclusivos

Cuando comprende las necesidades de sus usuarios, puede encontrar algunas formas sorprendentes de satisfacer esas necesidades. Por ejemplo, Pinterest, una aplicación para compartir imágenes, ha lanzado una nueva función que permite a los usuarios filtrar en función de algunos parámetros no tradicionales, como el peinado (por ejemplo, protector, rizado, derecho). Si bien esta plantilla puede parecer una adición menor, se adapta a la diversa base de usuarios de Pinterest y crea una experiencia de navegación inclusiva.

Aplicación móvil con diseño de mapa, imágenes y filtros para buscar por patrón de cabello
Pinterest ha agregado filtros inclusivos para que los usuarios puedan ordenar los peinados según su patrón de cabello.

De manera similar, Sephora permitía a los usuarios buscar productos para el cuidado de la piel por Rango de edad (Por ejemplo, Adolescentes, 20 años, 30s). Esta plantilla de diseño es inclusiva, ya que permite a los usuarios encontrar productos diseñados para abordar problemas relacionados con la edad, como el acné o las arrugas.

Página web de comercio electrónico con productos para el cuidado de la piel y filtros de búsqueda de rango de edad
Sephora proporcionó un filtro que permitió a los usuarios encontrar productos que coincidieran con su grupo de edad.

Varias ilustraciones

Durante años, los diseñadores favorecieron las ilustraciones mínimas, que a menudo consistían en los contornos de personajes con cabello brillante. Estos personajes estaban destinados a ser genéricos, y la falta de tono de piel estaba destinada a hacer que los gráficos lo abarcaran todo. De hecho, estos diseños hicieron lo contrario. Sin tonos de piel u otras características para comunicar diversidad, todas estas ilustraciones parecían personas blancas, excluyendo a todos los demás. A lo largo de los años, varias empresas han cambiado sus ilustraciones e imágenes para que sean más diversas y se ajusten a su población de usuarios.

2 estilos de ilustración que AirBnb ha utilizado a lo largo de los años
Antes (izquierda) y después (derecha) la evolución de las ilustraciones de Airbnb para centrarse en la inclusión y la diversidad. (Según Airbnb https://airbnb.design/tu-cara-aqui/)
2 estilos de ilustración que se han utilizado en Atlassian a lo largo de los años
Antes (arriba) y después (abajo) de la evolución de las ilustraciones de Atlassian para centrarse en la diversidad y la inclusión. (Adaptado de Atlassian https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian.

Conclusión

El diseño inclusivo puede parecer diferente para diferentes personas. Lo que puede no parecer excepcional o insensible para ti puede ser increíblemente ofensivo para otra persona. Recuerda que no eres tu usuario. Use los ejemplos de este artículo como inspiración y considere los siguientes consejos para expandir su práctica de diseño inclusivo:

  • Dar prioridad a las prácticas de investigación inclusivas. Al probar y evaluar sus interfaces, proporcione una experiencia de usuario diversa. Aprende de esta diversidad y utilízala para resolver problemas reales.
  • Explicar a las partes interesadas cómo las diferentes personas usan la tecnología. Involúcrelos en su investigación, comparta ejemplos y resalte las citas de los usuarios.
  • Reconocer una excepción. No se perjudique que su producto está hecho para todos. La monotonía en aspectos como las ilustraciones puede señalar una excepción. Esfuércese por reflejar lo que realmente son las personas, no una versión simplificada.

Referencias

Diseño universal: definición y descripción general. Centro de Excelencia en Diseño Universal. (th). Obtenido de https://universaldesign.ie/what-is-universal-design/definition-and-overview/ enero de 2022

Introducción a la accesibilidad web. Iniciativa de Accesibilidad Web (WAI). (th). Recuperado en enero de 2022 de https://www.w3.org/WAI/fundamentals/accessibility-intro/.

.

Previous post De la estrategia a la ejecución: al vender, un plan no es suficiente | Luca Lamera | enero 2022
Next post El máximo rendimiento publicitario de Google está reemplazando las compras inteligentes y los servicios locales

Deja una respuesta