Diseño UI/UX para niños de 7-11 años (banda PRIMARY / ELEMENTARY)

Findings

1. Desarrollo cognitivo: lo que los niños de 7-11 pueden hacer realmente

La etapa operativa concreta de Piaget abarca este rango: conservación, razonamiento inductivo y «decentración» — seguir más de una variable en pantalla en lugar de fijarse en una — pero aún presenta un razonamiento abstracto/hipotético débil, lo que argumenta en contra de interfaces que exijan mantener una regla en la mente sin un ancla concreta (línea numérica, agrupación, paso trabajado) [1]. Los propios grupos de NN/g dividen el rango «intermedio» 6-8 (todavía con andamiaje) del rango «más avanzado» 9-12 (navegación independiente, lectura más sólida) [2], de modo que PRIMARY no es internamente homogéneo: un niño de 7 años se sitúa más cerca de KINDER, mientras que un de 11 años está más próximo a TEEN.

2. «Cool» frente a «infantil»: el mecanismo de rechazo

La evidencia citable más clara sobre el límite superior proviene del corpus de adolescentes de NN/g: los adolescentes (13-17) rechazan explícitamente la palabra «Kids», no gustan de visuales recargados o chillones, y desean una interactividad limpia y con propósito, con secciones etiquetadas por separado como «Kids» y «Teens» cuando ambas existen [3]. El mecanismo es el rechazo de una autoimagen obsoleta, no una preferencia de detalle — un niño que atraviesa los 7-11 está renegociando el «ya no soy un niño pequeño» mucho antes de convertirse en adolescente, de modo que PRIMARY debe señalar mayor capacidad que una piel de mascota y burbujas sin adoptar el aspecto más plano y denso que prefieren los adolescentes [3].

3. Avatares y personalización como trabajo de identidad

Un estudio de 2026 con 48 niños de 8-13 años que construían avatares en juegos sociales encontró cuatro motivaciones: autorrepresentación, experimentar con identidades alternativas, necesidades sociales y rendimiento en el juego; el diseño de monetización moldea de forma medible lo que los niños crean [4]. Su hallazgo principal es el «efecto armario» — los niños crean varios avatares pero convergen en usar solo uno, de modo que el proceso de personalización es donde reside el valor aunque el producto final sea limitado [4]. La síntesis de Digital Wellness Lab añade que los avatares funcionan mejor al expresar un yo actual o aspiracional, y que la inclusión importa concretamente: el 42,1 % de las niñas y el 38,6 % de los niños en la investigación citada evitan juegos que representan personajes femeninos de forma hipersexualizada [5]. Un estudio relacionado de Frontiers (82 participantes, estratificado por etnia) encontró que la personalización frente a avatares preasignados apenas modificó el estado de ánimo inmediato, pero la satisfacción se correlacionó con cuán bien las opciones representaban la propia identidad del niño — la subrepresentación funciona como una «microagresión sutil» [6]. Las compras aleatorias tipo loot‑box se señalan como un riesgo de monetización distinto, con mayor participación de niños que de niñas [5].

4. Coleccionables, progresión y motivación

La teoría de la autodeterminación enmarca los palancas: autonomía (elección en cómo progresar), competencia (desafío calibrado con retroalimentación clara) y relación (una dimensión social); las recompensas extrínsecas mantienen la motivación solo cuando se perciben como retroalimentación sobre la competencia y no como un incentivo controlador [10]. Los coleccionables son más duraderos cuando su obtención está vinculada a algo que el niño ya valora (maestría, historia, un objetivo auto‑elegido) que cuando se persiguen únicamente por el premio externo [10].

5. Funciones sociales y sus implicaciones de seguridad

COPPA exige el consentimiento parental verificable antes de recopilar información personal de un niño menor de 13 años, define la información personal de forma amplia (identificadores persistentes, geolocalización, imágenes/audio) y prohíbe condicionar la participación a una recopilación excesiva de datos [9]. Por eso la mayoría de los chats de consumo y funciones de perfil público excluyen a menores de 13 años o se sitúan tras el consentimiento de los padres [9] — una restricción real para tablas de clasificación, listas de amigos o texto libre en un grupo mayoritariamente bajo los 13.

6. NN/g sobre los grupos inmediatamente por encima y por debajo de PRIMARY

NN/g advierte contra tratar a los «niños» como un único grupo indiferenciado de 3-12 años, dividiendo los grupos joven, medio y mayor con diferentes tamaños de fuente y necesidades de andamiaje [2]. El informe de adolescentes (100 usuarios, tres rondas de investigación, EE. UU./Reino Unido/Australia) es el punto de datos más nítido sobre el techo: los adolescentes son sobreconfidentes pero rinden peor que los adultos debido a una lectura débil, habilidades de consulta pobres y poca paciencia — «no se culpan a sí mismos, te culpan a ti» — abandonando un flujo confuso en lugar de solucionarlo [3]. La visión general de NN/g sobre usuarios jóvenes cuantifica la división: un informe de 156 recomendaciones para edades 3-12 frente a un informe separado de 124 consejos para 13-17 [7] — dos manuales, evidencia de que PRIMARY necesita su propio tema en lugar de una piel escalada de kinder o teen.

7. Tolerancia al error y frustración

No se encontró ninguna fuente que midiera directamente la tolerancia al error para los 7-11. La evidencia más cercana: la decentración de Piaget indica que a esta edad se pueden mantener «Me equivoqué» y «Puedo arreglarlo» como hechos separados, a diferencia de un niño de 4-6 años que los confunde [1]; y el corpus de adolescentes muestra impaciencia con interfaces confusas, culpando al producto, ya presente a los 13-17 [3]. La investigación sobre discalculia añade un punto concreto: la presión temporal empeora el rendimiento en manipulaciones numéricas de niños con sentido numérico débil, y un ritmo flexible reduce las caídas vinculadas al estrés [11] — un argumento contra temporizadores de cuenta atrás estrictos para este grupo en general.

8. Nivel de lectura, longitud del texto, iconografía y etiquetas

La segmentación de NN/g se aplica directamente: los niños de 6-8 años necesitan texto más grande y con andamiaje, los de 9-12 años manejan lecturas más avanzadas y navegación independiente, pero el contenido situado incluso un curso fuera se rechaza — a diferencia de los adultos, que toleran un nivel por defecto de 8.º a 10.º curso [2]. El corpus de adolescentes, un paso más arriba, recomienda un nivel de lectura de 6.º curso o inferior incluso para una audiencia nominalmente más fuerte, porque la velocidad y la atención —no la decodificación— son el cuello de botella [3]. Esa lógica se aplica con mayor fuerza aquí: etiquetas breves, una idea por pantalla, iconos literales en lugar de metafóricos.

9. Incorporación sin tutoriales extensos

Ningún estudio abordó la longitud de los tutoriales de incorporación para los 7-11 específicamente — una brecha de evidencia. Evidencia transferible: la baja paciencia del corpus de adolescentes ante cualquier cosa que retrase la tarea dirigida a un objetivo [3], y el hallazgo de la etapa operativa concreta de que la instrucción abstracta sin un primer ejemplo concreto se retiene pobremente [1] — lo que, en conjunto, defiende «aprender haciendo el primer problema real, con pistas andamiadas», y no un explicador de varias pantallas.

10. Contexto del dispositivo

No se encontró ninguna fuente que midiera el uso compartido de tabletas o Chromebooks escolares para este grupo exacto — una segunda brecha, señalada en lugar de encubierta. Sigue siendo una restricción casi segura — cambio rápido de perfil, límites claros de sesión, sin suponer un inicio de sesión personal persistente — que las implicaciones de diseño que siguen tratan como un requisito aun sin una cita de respaldo.

11. Accesibilidad: tipografía para dislexia y discalculia

La tipografía amigable con la dislexia converge en parámetros verificables: tipografías sans‑serif abiertas (Arial, Verdana, Open Sans o las diseñadas específicamente Atkinson Hyperlegible/OpenDyslexic), texto corporal mínimo de 16 px, interlineado de 1,5 ×, espaciado de letras de 0,12 em, espaciado de palabras de 0,16 em, longitud de línea de 45‑100 caracteres, contraste WCAG 4.5:1 (3:1 para texto grande/negrita), alineación a la izquierda, sin mayúsculas sostenidas ni cursivas intensas [8]. La discalculia (prevalencia del 5‑10 %) es una dificultad neurobiológica con sentido de cantidad, mapeo número‑cantidad, memorización de hechos y retención de números durante el cálculo, en todos los niveles de dificultad [11]. La respuesta de diseño: emparejar los numerales con una cantidad visual (puntos, bloques, una línea numérica) en lugar de dígitos aislados, minimizar el desorden, ofrecer más de una modalidad de entrada, evitar o hacer opcional cualquier presión temporal [11].

12. Entrada numérica en pantalla

No se encontró ningún estudio dedicado al teclado numérico para los 7-11 — una tercera brecha. Dos hallazgos adyacentes delimitan el diseño: la HIG de Apple establece 44 × 44 pt como el umbral general de objetivo pulsable [12], y la brecha de precisión motora en pantallas táctiles respecto a los adultos — grande en el rango 3-6 — se cierra aproximadamente al primer curso [informe complementario, tema 20]. La demanda de la literatura sobre discalculia de múltiples modalidades de entrada [11] defiende un teclado que no sea la única vía de respuesta — toques de opción múltiple, una línea numérica pulsable/arrastrable, o un teclado, elegido según el tipo de problema.

Design implications for Math Challenge

1. Objetivos táctiles: 48×48 px CSS como mínimo en teléfono/tableta, 44×44 px en escritorio con ratón — ligeramente por encima del umbral de 44×44 pt de Apple [12], y mucho menor que el mínimo de KINDER (~88‑96 px), ya que la brecha de precisión motora respecto a los adultos se ha cerrado en gran medida a los 7‑10 años [informe complementario, tema 20]. Esta es la diferencia mecánica más clara con KINDER: no hay zonas sobredimensionadas «toddler-safe».

2. Tipografía: tipografía sin serifas, redondeada pero no exagerada, con una base de 18‑20 px para el texto del problema y un mínimo de 16 px para la etiqueta secundaria — más pequeña y menos «estridente» que los numerales de 24‑32 px de KINDER. Ofrecer en la aplicación un conmutador amigable para la dislexia (Atkinson Hyperlegible/OpenDyslexic, 1,5× interlineado, 0,12 em de espaciado, alineado a la izquierda) según los parámetros documentados [8].

3. Paleta: saturada pero no pastel, ni neón. Una paleta segura, cercana al estilo gamer y de tonos joya (verde azulado, índigo, ámbar, coral) empleada con mesura — el color indica estado/categoría, no cada superficie. En contraste con la dirección más plana y monocromática de TEEN, sugerida por el desagrado de los adolescentes hacia los visuales «glitzy» [3], PRIMARY mantiene notablemente más color y calidez.

4. Densidad: una tarea por pantalla con contexto visible (banda de progreso, pequeño indicador de racha/avatar) — KINDER lo omite, TEEN lo presentaría como estadísticas densas. La descentralización permite que esta franja muestre «dónde estoy en esta sesión» junto al problema actual [1].

5. Movimiento: intencional y ágil, no reboteante. Reducir la mascota de animación constante en reposo de KINDER a un predeterminado más tranquilo (presente, estático salvo cambios de estado) manteniendo animaciones rápidas de confirmación — entre el hallazgo de KINDER de animación como preferencia y la tolerancia inferida más baja de TEEN a la decoración, derivada del desagrado de los adolescentes por los «pointless multimedia» [3].

6. Avatares: diseñar para el efecto armario, no contra él. Creación de avatares económica y de baja fricción, esperando que los niños elijan uno; invertir profundidad en rasgos que se ha demostrado que importan (pelo, ropa, accesorios, opciones inclusivas de tono de piel/cuerpo/género) en lugar de ofrecer una gran cantidad de opciones desechables [4][5]. Desbloquear elementos mediante el progreso, nunca cajas de recompensas con dinero real [5].

7. Progresión: vincular los desbloqueos a la competencia, no al tiempo invertido. Insignias, rachas y coleccionables se perciben como retroalimentación de dominio (un tema aprendido, una racha de respuestas correctas), con cierta elección del jugador sobre qué perseguir a continuación, satisfaciendo el impulso de autonomía [10].

8. Social: sin chat abierto, sin perfil público, sin tabla de clasificación visible fuera de un grupo gestionado por profesor/padre, solo nombre o apodo — la consecuencia directa de la COPPA para una audiencia mayoritariamente menor de 13 años [9].

9. Respuestas incorrectas: correctivas, no punitivas, más directas que KINDER. Mostrar la ruta correcta (paso desarrollado, ayuda visual de cantidad), no solo un sonido de ánimo — esta franja puede contener «me equivoqué» y «aquí está la solución» por separado [1]; una simple X roja sin camino a seguir violaría la cautela impulsada por la discalculia contra la presión sin apoyo [11].

10. No establecer temporizadores de cuenta atrás estrictos por defecto; hacer que el cronometrado sea opcional por conjunto. La presión temporal degrada el rendimiento de los niños con escaso sentido numérico, y una prevalencia del 5‑10 % es lo suficientemente alta como para perjudicar a una parte real de cualquier base de usuarios del tamaño de una clase [11].

11. Entrada numérica: adaptar la modalidad al tipo de problema, no a un teclado universal — toques de opción múltiple para comprobaciones de conceptos, toque/arrastre en una recta numérica para magnitud, teclado de 48 px para introducción de números abiertos — según la cautela de la literatura sobre discalculia frente a una única vía de entrada forzada [11].

12. Duración de la sesión: rondas breves con un punto de parada visible cada varios problemas (un conjunto temático de problemas, no una única pregunta) — no se encontró un referente exacto de minutos por edad en esta revisión; considerar cualquier cifra como una decisión de producto informada, no dictada, por el patrón de paciencia documentado en la franja anterior [3].

13. Configuraciones predeterminadas del dispositivo: cambio rápido de perfil sin escritura, sin suponer un inicio de sesión personal persistente, para tabletas familiares compartidas o Chromebooks escolares — un requisito inferido, no citado, dado el vacío señalado en el §10.

14. Incorporación: omitir la secuencia tutorial; enseñar a través del primer problema real con andamiaje integrado (primer paso desarrollado, botón de pista), acorde con la baja paciencia de esta franja ante la demora [3] y la débil retención de la instrucción abstracta sin un ancla concreta [1].

Anti-patterns to avoid

• Los objetivos sobredimensionados de KINDER y la animación constante de la mascota tal cual — resultan infantiles para un niño de 9‑11 años; no están respaldados por la evidencia motora de esta edad [informe complementario, tema 20].
• La palabra «Kids» en cualquier texto dirigido a PRIMARY — un repelente documentado para adolescentes, y la renegociación de «not a little kid» comienza antes [3].
• Chat, perfiles públicos o tablas de clasificación sin un grupo gestionado por padres/profesor — exposición directa a la COPPA para una audiencia mayoritariamente menor de 13 años [9].
• Compras cosméticas aleatorias al estilo de loot boxes — un riesgo de monetización adyacente al juego al que los niños se inclinan más [5].
• Un único teclado obligatorio para todos los problemas — contradice la recomendación de múltiples modalidades de entrada de la investigación sobre discalculia [11].
• Temporizadores de cuenta atrás activados por defecto — empeoran mediblemente el rendimiento de un grupo de alta prevalencia (5‑10 %) [11].
• Un extenso tutorial pantalla a pantalla antes del primer problema real — combate la impaciencia con demora y una débil retención de la instrucción abstracta [1][3].
• Retroalimentación punitiva a respuestas incorrectas (X roja, sin camino a seguir) — deja al niño atrapado justo donde se necesita apoyo, no presión [11].
• Asumir un inicio de sesión personal persistente como la única vía de acceso — ignora la realidad de dispositivos compartidos en tabletas familiares y Chromebooks escolares, aunque este informe no encontró una cita directa que cuantifique esa realidad para esta franja exacta.

Open questions for the project owner

1. ¿Debería PRIMARY admitir una tabla de clasificación gestionada por profesor/aula, además de una familiar, dado que el requisito de consentimiento de la COPPA se aplica de forma distinta cuando una escuela matricula al niño en lugar de hacerlo directamente un padre [9]?
2. ¿Cuál es la posición de Math Challenge respecto a cualquier superficie de compra con dinero real accesible desde la experiencia dirigida a niños de PRIMARY — ausente por completo, o presente tras una barrera de padres sin mecánica aleatoria?
3. ¿Deben los avatares ser compartidos/portátiles entre KINDER, PRIMARY y TEEN a medida que el niño crece, o cada franja debe disponer de un sistema separado que coincida con su propio lenguaje visual?
4. Teniendo en cuenta el efecto armario [4], ¿vale la pena almacenar varios avatares, o PRIMARY debería ofrecer una única ranura editable que se ajuste al uso real?
5. ¿Debe el conmutador tipográfico amigable para la dislexia estar expuesto directamente al niño, o solo configurado por un padre/profesor?
6. ¿Dispone Math Challenge ya de un referente interno o licenciado de duración de sesión por edad que deba prevalecer sobre la brecha de «no se encontró cifra» señalada aquí, en lugar de dejarlo como una decisión puramente de producto?