Auditoría de Inclusión Cognitiva de "InnovApp360"
(Intro - Conexión Inicial)
Producto Digital Seleccionado: InnovApp360. Plataforma digital de monitoreo estudiantil
dirigida a los padres de familia de INNOVA SCHOOL, que permite acceder de forma clara
y sencilla al rendimiento académico, comportamiento y retroalimentación de sus hijos.
Para Usuarios con Desafíos de ATENCIÓN:
1. Movimiento y Distracciones:
Análisis: Aplicación de monitoreo estudiantil para padres podría incluir notificaciones de
nuevas calificaciones, tareas, o comunicados. Si estas notificaciones se presentaran con
animaciones excesivas, sonidos intrusivos o carruseles automáticos en la pantalla principal,
podrían ser innecesariamente distractoras para un padre con desafíos de atención.
Ejemplo y justificación para InnovApp360:
Para un usuario con inatención, las "alertas inmediatas si su hijo/a tiene un bajo
rendimiento o comportamiento inadecuado" podrían ser abrumadoras si son muy
intrusivas visual o sonoramente.
Los "elementos en movimiento" como carruseles de noticias o anuncios en la
pantalla de inicio, si son puramente decorativos, podrían dificultar la concentración
en la información esencial.
Implicaciones para el Diseño:
Los diseñadores, que a menudo pueden concentrarse intensamente, rara vez ven las
"trampas" que dificultan el uso de la web para usuarios con poca atención. Estas pueden
incluir:
● El Océano de Movimiento: Gregory relata cómo GIFs animados en un artículo
sobre SEO le impidieron leer. El movimiento constante, especialmente el no
iniciado por el usuario (videos en autoplay, animaciones CSS llamativas), es una
barrera enorme.
o Reflexión Adicional: Piensen en las redes sociales hoy en día, o en muchos
sitios de noticias. ¿Cuántos elementos compiten por nuestra atención visual
simultáneamente? Para alguien con dificultades para filtrar, puede ser
abrumador.
o Principio de Diseño Inclusivo: Si el movimiento es esencial para la
claridad (ej. una animación sutil que indica un cambio de estado), ¡adelante!
Pero si es meramente decorativo o "para verse lindo", pregúntate si vale la
pena excluir a una parte de tu audiencia. La opción de desactivar
animaciones es una consideración valiosa. No obligues al usuario a abrir
las DevTools de Chrome para poder usar tu sitio.
● Formularios: El Campo Minado de la Interacción: Los formularios son a
menudo el corazón de la interacción que buscamos (compras, registros, contacto).
Sin embargo, un mal diseño los convierte en una tortura para quienes luchan con la
falta de atención.
o "¿Por qué los usuarios no siguen las instrucciones?": Gregory lo dice
claro: este no es un problema del usuario, sino del diseño. Si tu formulario es
tan complicado que necesita un manual de instrucciones, el problema es el
formulario.
▪ Dato Impactante: La mayoría de la gente NO lee las instrucciones.
De los $13.8 mil millones en dispositivos devueltos en 2007, solo el
5% eran defectuosos; el resto, la gente no entendía cómo usarlos.
o Soluciones de Diseño:
▪ Claridad sobre Complejidad: En lugar de añadir más instrucciones,
corrige el diseño del formulario. Si un campo recibe datos
incorrectos, la etiqueta no es clara. Las etiquetas flotantes o que
desaparecen al escribir pueden ser problemáticas; a veces, una
etiqueta simple y siempre visible fuera del campo es más efectiva.
▪ Simplicidad: Si una explicación es necesaria, colócala junto al
campo relevante, no al principio del formulario donde será ignorada.
Mejor aún: simplifica tanto que no se necesiten explicaciones.
▪ Procesos Largos y Pérdida de Progreso: La concentración
sostenida es difícil. Para formularios o procesos de múltiples pasos,
permite guardar el progreso. Perder todo por un tiempo de espera
agotado es una sentencia de abandono para muchos.
(2. Ansiedad: El Miedo a Hacerlo Mal)
La ansiedad es increíblemente común. Un porcentaje altísimo de adultos experimenta algún
trastorno de ansiedad, y esto sin contar la ansiedad situacional. Se describe como esa
sensación de haber apagado la estufa, pero tener que volver a casa para comprobarlo. Los
usuarios con ansiedad temen cometer errores al interactuar con nuestro sitio o aplicación.
Implicaciones para el Diseño:
● DEJA QUE LOS USUARIOS PIENSEN COMO USUARIOS (No como tu
empresa): La gente llega a tu sitio con un problema que resolver. Necesitan
encontrar la solución. Una de las mayores fuentes de ansiedad es no entender la
jerga interna de tu empresa o su estructura organizativa.
o Reflexión Adicional: ¿Cuántas veces hemos visto webs donde la
navegación refleja el organigrama de la empresa en lugar de las necesidades
del usuario? Es como pedirle a un cliente que aprenda tu idioma secreto para
poder comprarte algo.
o Rutas Claras: Define caminos claros para resolver problemas comunes. Si
tienes múltiples tipos de usuarios (ej. padres y administradores escolares),
crea rutas de acceso distintas y bien señalizadas para cada uno. Y recuerda:
no todos llegan por la página de inicio. Las rutas deben ser claras desde
cualquier punto.
● Orientación Constante: Incluso en el camino correcto, los usuarios ansiosos
necesitan reconfirmación. Indica claramente en qué paso del proceso están y cuál es
el destino final. Evita que tengan que hacer clic en "Atrás" para reasegurarse.
● NO HAY ANSIEDAD COMO LA ANSIEDAD POR UN FORMULARIO: La
falta de claridad en los formularios es un enorme factor de estrés.
o Etiquetas Claras para Formas y Acciones: Cada formulario y cada botón
deben indicar sin ambigüedad qué hacen. Un botón que solo dice "Enviar" es
una fuente de incertidumbre. ¿Enviar qué? ¿A dónde? ¿Qué pasará después?
Mejor: "Enviar Mensaje", "Completar Compra", "Registrarse al Boletín".
o El Peligro de las Etiquetas "Inteligentes": Esas etiquetas que solo
aparecen con el foco o que se animan y se mueven de sitio pueden ser
confusas. Una etiqueta simple y persistente confirma al usuario que está en
el lugar correcto y que la información que ha introducido es la esperada.
o Privacidad y Recolección de Datos: Pedir información personal,
especialmente números de teléfono, puede disparar la ansiedad social. Sé
transparente: incluye un enlace visible a tu política de privacidad. Si pides
un dato sensible, explica brevemente por qué lo necesitas (ej. un tooltip que
diga "Necesitamos tu teléfono por si hay un problema con tu pedido"). Si no
tienes una buena razón o no puedes explicarla claramente, ¡deshazte de ese
campo!
o Mensajes de Confirmación Detallados: Un simple "Datos enviados" es
terrible. Para usuarios con ansiedad, esto puede iniciar un nuevo ciclo de
estrés: "¿Qué datos? ¿Enviados a dónde? ¿Y si me equivoqué?". Los
mensajes de confirmación deben indicar:
▪ Qué acción se realizó (ej. "¡Gracias por suscribirte a nuestro
boletín!").
▪ Qué datos se usaron (ej. "Hemos añadido tu correo,
[dirección_de_correo], a nuestra lista").
▪ Qué debería hacer el usuario si cometió un error o quiere cambiar
algo (ej. "Si quieres darte de baja, puedes hacerlo desde tu perfil de
usuario").
Un poco de tranquilidad extra ayuda enormemente a evitar el estrés.
(3. Depresión: Cuando Todo Cuesta Más)
La depresión no solo afecta el estado de ánimo, sino también la forma en que se percibe el
mundo y se interactúa con él. El libro "Design for Real Life" de Sara Wachter-Boettcher y
Eric Meyer nos recuerda que no podemos diseñar solo para usuarios felices. Algunos
estarán en crisis, otros tendrán un mal día. Para los usuarios con depresión, cualquier día
puede ser excepcionalmente difícil, y las pequeñas molestias en la experiencia de usuario
pueden volverse abrumadoras.
Implicaciones para el Diseño:
● MANTÉNGALO FÁCIL (Keep it Simple): La depresión tiene efectos físicos.
Afecta la percepción del contraste (el mundo literalmente se ve más gris), causa
fatiga y dolor. Si tu sitio es difícil de usar, un usuario deprimido simplemente no lo
usará.
o Registros Innecesarios: Registrarse es un proceso largo y, para alguien con
depresión, agotador. Si no es absolutamente necesario, estás castigando a
estos usuarios (y probablemente a todos). Permite el "guest checkout" en los
e-commerce. Forzar el registro solo para ver contenido (¡hola, Pinterest!) es
una forma segura de que los usuarios deprimidos nunca miren tu contenido.
o Formularios Interminables y Pérdida de Datos: Son barreras
insuperables.
● Contenido Fácil de Encontrar y Consumir: Si localizar información requiere un
esfuerzo significativo, los usuarios deprimidos lo ignorarán.
o Evita los Muros de Contenido: Grandes bloques de texto sin respiro o
mosaicos infinitos de "pared a pared" obligan a escanear y examinar, lo cual
es agotador.
o Videos Largos Sin Contexto: Si son la única forma de acceder a la
información y no se pueden buscar fácilmente (sin transcripciones o
capítulos), también pueden ser disuasorios.
o Reflexión Adicional (Conexión con Marketing de Contenidos): ¿Cómo
podemos hacer nuestro contenido más "digerible"? Subtítulos claros,
resúmenes ejecutivos, índices, la posibilidad de guardar para leer después,
diferentes formatos (audio, video, texto).
● EL CHAT PUEDE SER UN SALVAVIDAS: Para alguien con depresión severa,
mantener una conversación telefónica puede requerir un esfuerzo inmenso. Poder
contactar por chat, en cambio, puede ser una tabla de salvación.
o Ejemplo Inspirador: La Línea Nacional de Prevención del Suicidio en
EEUU abrió su chat en línea en 2013. Aunque a veces se satura, su
popularidad (especialmente entre mujeres jóvenes) demuestra una necesidad
real. Otras organizaciones, como la Red Nacional contra la Violación,
Abuso e Incesto (RAINN), descubrieron que los usuarios del chat suelen
profundizar más en sus problemas traumáticos que quienes llaman por
teléfono.
o Implicación para Empresas: Si tu negocio no trata exclusivamente con
usuarios en crisis, pero la depresión afecta a una parte importante de tu
población (y lo hace), cualquier día puede ser un día de crisis para ellos. Si
ofreces soporte telefónico, considera añadir un chat. Si ya lo tienes y está
congestionado, considera ampliar el servicio.
(Conclusión: La Discapacidad Adopta Muchas Formas, al Igual que las Soluciones
Inclusivas)
Brandon Gregory cierra con una reflexión poderosa: "Lejos de tratarse solo de problemas
de visión y sillas de ruedas, la discapacidad toma muchas formas, y la accesibilidad y el
diseño inclusivo tienen que ser igual de numerosos."
La conversación compasiva sobre discapacidades físicas ha sido un gran beneficio en
nuestra industria, pero las diferencias cognitivas también deben ser parte de ella.
Nuestras Acciones como Diseñadores:
● Eliminar distracciones innecesarias.
● Asegurar a los usuarios que están haciendo lo correcto.
● Mantener las cosas fáciles para los usuarios con dificultades.
● Hacerles sentir que realmente queremos que usen nuestros sitios y
aplicaciones.
Son estos esfuerzos, a veces tan simples como incluir texto alternativo en las imágenes, o
tan complejos como repensar un flujo de interacción, los que marcan la diferencia. Como
nos dice Gregory, como usuario que a veces lidia con estas diferencias, "realmente
apreciaríamos sus esfuerzos."
Actividad "Auditoría de Inclusión Cognitiva de un Producto Digital Existente"
Objetivo: Que los alumnos apliquen los conceptos del artículo para analizar críticamente
un producto digital real e identifiquen oportunidades de mejora para la inclusión cognitiva.
Instrucciones (en grupos):
1. Selección del Producto Digital (Por equipo):
o Elijan UNA aplicación móvil, sitio web o plataforma digital que usen
regularmente o que sea conocida por su público objetivo (puede ser una app
de delivery, una plataforma de e-commerce, una red social, una herramienta
educativa, etc.). Idealmente, que sea relevante para el tipo de proyecto que
están desarrollando para su trabajo final.
2. Análisis Basado en el Artículo:
o Para el producto digital seleccionado, analicen y respondan las siguientes
preguntas, basándose en los tres grandes bloques de diferencias cognitivas
tratados en el artículo (Inatención, Ansiedad, Depresión). Documenten sus
hallazgos con ejemplos concretos (capturas de pantalla si es posible) y
justificaciones.
o A. Para Usuarios con Desafíos de ATENCIÓN:
1. Movimiento y Distracciones: ¿Existen elementos en movimiento
(GIFs, videos en autoplay, carruseles automáticos, notificaciones
constantes) que podrían ser innecesariamente distractores? Si los
hay, ¿son esenciales para la funcionalidad o podrían ofrecerse
opciones para desactivarlos/reducirlos?
2. Diseño de Formularios: Si la plataforma tiene formularios (registro,
contacto, compra, etc.), ¿son claros y simples? ¿Las etiquetas son
persistentes y comprensibles? ¿Hay posibilidad de guardar el
progreso en formularios largos? ¿Cómo se maneja la prevención de
errores antes de enviar?
o B. Para Usuarios con ANSIEDAD:
1. Claridad de Rutas y Orientación: ¿Es fácil para un nuevo usuario
entender cómo navegar y encontrar soluciones a problemas
comunes? ¿La terminología utilizada es clara para el público general
o usa jerga interna? ¿Se proporciona una orientación clara sobre en
qué parte del proceso o del sitio se encuentra el usuario?
2. Formularios y Confirmaciones: ¿Los botones de acción (ej.
"Comprar", "Enviar") indican claramente lo que sucederá? ¿Los
mensajes de confirmación después de una acción importante son
detallados y tranquilizadores (qué se hizo, con qué datos, cómo
revertir si es un error)? ¿Se pide información personal sin una
justificación clara o un enlace a políticas de privacidad visible?
o C. Para Usuarios con DEPRESIÓN (o en un mal día/crisis):
1. Facilidad de Uso General (Carga Cognitiva): ¿El sitio/app es fácil
de usar incluso si el usuario tiene poca energía o concentración?
¿Hay procesos de registro o tareas que parecen innecesariamente
largos o complejos? ¿Se permite el acceso como "invitado" donde
sea posible?
2. Acceso a Información y Contenido: ¿Es fácil localizar la
información importante? ¿Se presentan grandes bloques de contenido
sin estructurar o ayudas para la navegación (índices, resúmenes,
filtros)? ¿Hay opciones de contacto accesibles y de baja presión
(como un chat) además del teléfono?
3. Propuestas de Mejora (Mínimo 3):
o Basándose en su análisis, propongan al menos TRES mejoras concretas
que podrían implementarse en el producto digital seleccionado para hacerlo
más inclusivo cognitivamente. Para cada mejora, expliquen:
▪ ¿Qué problema cognitivo específico aborda?
▪ ¿Cómo la mejora ayudaría al usuario?
Fuente:
Gregory, B. (2018, 16 de octubre). Designing for cognitive differences. A List Apart.
https://alistapart.com/article/designing-for-cognitive-differences/
