Diseño UI/UX para adolescentes (edades 12–17): investigación para el tema SECONDARY/TEEN de Math Challenge

Resultados

1. Los adolescentes son menos pacientes que los adultos, no más tolerantes

NN/g encontró que los adolescentes rinden peor que los adultos en pruebas de usabilidad en sitios de comercio electrónico, gobierno y educativos, debido a habilidades de lectura más débiles, estrategias de búsqueda menos sofisticadas y “niveles dramáticamente más bajos de paciencia” [1]. El comercio electrónico (convenciones fuertes, lectura mínima) obtuvo la puntuación más alta; los sitios de gobierno/educación, la más baja. Un participante en una página lenta comentó: «Normalmente no esperaría tanto… iría a otro sitio» — un factor decisivo casi universal, no un caso aislado [1].

2. Lo que los adolescentes rechazan explícitamente

Texto denso/desorden, tono condescendiente, contenido infantil, la propia palabra «Kids» («niños», repelente para adolescentes), compartir en redes forzado o perfiles públicos obligatorios, animaciones sin sentido, tipografías diminutas (los adolescentes tienen visión aguda pero hojean demasiado rápido para fijarse en letras pequeñas) y objetivos táctiles pequeños [1]. La solución: nivel de lectura de 6th-grade-or-lower, contenido en fragmentos pequeños con espacios en blanco y formato escaneable en lugar de párrafos extensos [1].

3. Primero móvil es la superficie principal, a veces la única

Pew constató un 95 % de acceso mediante teléfono inteligente frente a un 88 % mediante ordenador de sobremesa/portátil y un 83 % mediante consola; el acceso a tabletas subió del 65 %→70 % año tras año. Casi la mitad (46 %) está en línea «casi constantemente», frente al 24 % de hace una década. El uso varía según el grupo (un 58 % de adolescentes hispanos y un 53 % de adolescentes negros reportan uso constante frente a un 37 % de adolescentes blancos) y la edad (los de 15–17 años usan más que los más jóvenes); la preferencia de plataforma se divide por género (las chicas prefieren TikTok, los chicos YouTube y consolas) [2] — «adolescente» es una categoría con variación interna real, no un subgrupo homogéneo.

4. El modo oscuro es una expectativa por defecto

Los informes de la industria presentan el modo oscuro como “una expectativa de diseño de la Generación Z”, con ~82 % de usuarios de teléfonos inteligentes de EE. UU. que lo han usado al menos una vez, y una adopción del 77–85 % en Twitter/X, Reddit e Instagram entre los cohortes más jóvenes [3][4]. Para un producto dirigido a adolescentes, esto debería ser un modo de primera clase, bien afinado desde el primer día, no una idea invertida posterior.

5. La tolerancia a notificaciones ya está agotada

Los adolescentes reciben alrededor de 240 notificaciones al día, un cuarto de ellas durante el horario escolar — la investigación lo enmarca como fragmentación de la atención y aumento del estrés, y desactivar las notificaciones es una estrategia de afrontamiento frecuente [12]. Una aplicación de matemáticas que aumente ese volumen sin disciplina será silenciada o desinstalada, no utilizada.

6. La comparación social y el estatus son centrales y de doble filo

Los adolescentes se comparan con sus pares en notas, apariencia, deporte y popularidad, entrelazado con la propia formación de la identidad [6]. La comparación ascendente se correlaciona con menor autoestima y síntomas depresivos, sobre todo en plataformas centradas en imágenes [6]. La investigación sobre desarrollo de la identidad describe la adolescencia como una etapa de auto‑presentación activa y exploración de roles: los productos que permiten una expresión auténtica favorecen un trabajo de identidad saludable; los productos que reducen al adolescente a una tabla pública de puntuación arriesgan el lado dañino del mismo mecanismo [5]. Lección: no «evitar mecánicas de estatus», sino «evitar comparaciones ilimitadas, públicas y basadas en apariencia/rango», favoreciendo comparaciones limitadas, basadas en esfuerzo o privadas.

7. La colaboración mejora el rendimiento académico; la competición favorece la retención

Investigaciones ampliamente citadas (Johnson & Johnson; Slavin) hallan mejores resultados académicos en entornos colaborativos que en los puramente competitivos, y la competición se asocia a mayor estrés [7]. Sin embargo, Duolingo — el caso de gamificación de adolescentes/jóvenes adultos más documentado — se basa en mecánicas competitivas y de aversión a la pérdida: congelaciones de racha (17,19 vs. 11,62 días promedio en racha), desbloqueos de logros desde el primer día (33,42 % vs. 20,36 % de retención) y ligas de ~30 competidores con promoción/democión semanal en lugar de una tabla de clasificación global, de modo que un usuario medio pueda situarse razonablemente [8]. Conciliación: cohortes pequeñas, rotativas y normalizadas por habilidad para la competición; colaboración/ayuda sin límites para el aprendizaje propiamente dicho.

8. Las apps de resolución son el modelo de amenaza anti‑trampas directo

La reseña de Photomath de Common Sense Media (11+) es explícita: riesgo de convertirse en «un atajo para completar tareas», recomendando intentos independientes antes de comprobar el trabajo [9]. Gauth (ByteDance) superaría los 10 M de descargas Android y afirma 200 M de usuarios estudiantes; la cobertura de Forbes se centra en preocupaciones de privacidad de datos/seguridad nacional sobre la integridad académica, pero comentarios de docentes en otros lugares califican el patrón de respuesta instantánea como una «plaga» [9][10]. Implicación: cualquier función de «ayuda» con cámara/OCR es un vector de trampas a menos que muestre el proceso, no la respuesta, y una gran parte del público objetivo ya tiene una de estas aplicaciones instalada.

9. Quizlet: fortaleza social/competitiva, moderación real y riesgo de monetización

Quizlet se valora como «muy fácil de usar», con modos competitivos contra amigos y compartición a nivel de clase, y dificultad adaptativa — pero con 400 M de conjuntos generados por usuarios aparecen contenidos inapropiados, y el reciente endurecimiento del muro de pago (15 $/año Plus, 1,99 $–19,99 $ IAPs) frustra a los usuarios [11]. Lección: las funciones sociales generadas por usuarios necesitan moderación desde el primer día; restringir la práctica esencial (no solo la estética) se percibe como hostil.

10. La entrada de matemáticas en móvil converge en escritura a mano a LaTeX, sin solución definitiva

Las herramientas actuales (API digital‑ink de Mathpix, escritura a mano a LaTeX en el dispositivo, conversores OCR, investigación basada en transformadores de imagen a LaTeX) apuntan a la entrada con stylus convertida en tiempo real a matemáticas tipografiadas [13]. Ningún formato es todavía una solución cómoda por defecto para la introducción de ecuaciones con teclado táctil — los teclados virtuales de matemáticas (plantillas de fracciones/exponentes) siguen siendo la alternativa práctica; la entrada manuscrita/cámara es aspiracional y con una carga de implementación elevada.

11. Desmos y Khan Academy: accesibilidad y dominio como punto medio creíble

Desmos es conocido por su diseño centrado en la accesibilidad (soporte integrado para lectores de pantalla y braille, no añadido) a gran escala — direccional, no verificado independientemente en esta pasada. Khan Academy separa una moneda «esfuerzo» sin límite (Puntos de Energía) de los «Puntos de Dominio» por habilidad, explícitamente para evitar que el juego del sistema se confunda con el aprendizaje — reutilizable directamente para el diseño de la moneda de progreso de Math Challenge (ver investigación del tema‑14 para la fuente completa de Khan Academy).

12. Contenido de estudio de formato corto («StudyTok») — plausible, no verificado independientemente en esta pasada

La cobertura de búsqueda dedicada fue bloqueada por muros CAPTCHA anti‑bot durante esta pasada y debería revisarse en lugar de afirmarse desde la memoria. Lo verificable: TikTok/YouTube dominan el tiempo de plataforma de los adolescentes y casi un tercio de los adolescentes son usuarios casi constantes de al menos una plataforma [2]; una señal de contenido vertical, corto y de alto ritmo que Math Challenge no debe ignorar aunque no haya fuentes directas.

Design implications for Math Challenge

1. Eliminar el lenguaje visual de “aplicación para niños” en el tema TEEN. No avatar de mascota por defecto, no estilo de ilustración plana con colores primarios, ni copias cargadas de signos de exclamación — NN/g considera que el encuadre “Kids” resulta activamente repelente [1].
2. Tipografía dimensionada para escaneo, no para suavidad. Una tipografía sans geométrica‑humanista (grotesca, no redondeada/amigable) con una jerarquía de encabezados marcada y énfasis en negrita/destacado sobre textos extensos se percibe como «no infantil» sin perder legibilidad en tamaños pequeños [1].
3. Modo oscuro como predeterminado, con una paleta realmente ajustada (casi negro auténtico, no tema claro invertido) — el modo oscuro es una expectativa básica, no una solución de accesibilidad posterior, para esta cohorte [3][4].
4. Densidad intermedia entre el tema infantil y una aplicación de productividad adulta. Los adolescentes toleran más contenido que los niños pequeños, pero siguen fallando ante el desorden; utilice espacios en blanco entre bloques, sin llegar a una escasez general [1].
5. Movimiento rápido, con propósito y saltable. Subsegundo, no bloqueante, que solo comunique cambios de estado — los adolescentes rechazan explícitamente la animación decorativa [1].
6. Duración de la sesión: ráfagas de 3 a 7 minutos, no sesiones prolongadas, dado el uso fragmentado del móvil; cada bucle principal necesita un punto de parada satisfactorio inferior a 5 minutos [2][12].
7. Competición mediante cohortes pequeñas, normalizadas por habilidad y rotativas — nunca una tabla de clasificación global. Imitar la liga semanal de ~30 personas de Duolingo en lugar de clasificar contra todo un curso, de modo que los estudiantes débiles nunca sean humillados estructuralmente [8]. Evitar comparaciones basadas en apariencia o identidad — limitarse al esfuerzo y al dominio [6].
8. Avatar/identidad como personalización funcional, no como perfil social. Opciones cosméticas/insignias obtenidas por dominio, no por gasto o popularidad; sin perfiles públicos, número de seguidores ni feeds [1][11].
9. Entrada de matemáticas: teclado especializado (plantillas de fracción, exponente y raíz, vista previa en tiempo real) como predeterminado, con cámara/escritura a mano como modo secundario de «muestra tu trabajo», nunca como atajo de respuesta directa, dado el riesgo de trampas y la todavía no resuelta incomodidad de escribir ecuaciones en móvil [9][10][13].
10. Respuestas incorrectas: inmediatas, no punitivas, con explicación primero. Seguir el patrón de Brilliant (mostrar el razonamiento correcto, sin encuadre de penalización) en lugar de una deducción en la tabla de puntuación, manteniendo la división esfuerzo/dominio de Khan Academy para que los errores no bloqueen silenciosamente el progreso [6].
11. Notificaciones: opt‑in, limitadas a ~1/día, nunca durante el horario escolar. Dado que ya existen ~240 notificaciones diarias saturando a este grupo de edad, enviar push como opt‑in, no opt‑out [2][12].
12. Antitrampas mediante diseño, no detección. Como el uso de solucionadores de respuestas instantáneas está ya normalizado [9][10], las pistas/revelaciones de pasos deben costar crédito de progreso visible, haciendo que «simplemente obtener la respuesta» sea una estrategia peor que involucrarse — detectar o bloquear aplicaciones externas desde la UI no es viable.
13. Densidad por superficie. Móvil: una sola columna, un problema a la vez, teclado anclado al tercio inferior. Tablet: dos paneles (problema + boceto/gráfica). Escritorio: barra lateral persistente de árbol de habilidades que el móvil omite — la señal de «no es una aplicación para niños» en escritorio se inclina hacia la densidad de utilidad al estilo Desmos/Khan Academy en lugar de ilustraciones tipo juego.
14. Tono del texto: directo y competente, sin ánimo de ánimo. «Correcto.» en lugar de «¡Gran trabajo!!» — coincidiendo con la aversión a la condescendencia documentada por NN/g [1].

Anti-patterns to avoid

• Una tabla de clasificación global única que ordene a todos los usuarios por puntuación bruta — garantiza que la mayoría de los adolescentes queden permanentemente en posiciones bajas e invita al daño de estatus que la investigación psicológica advierte [6][8].
• Perfiles públicos obligatorios, número de seguidores o compartición social forzada — un desagrado documentado por NN/g, y el problema de contenido no moderado de Quizlet muestra el coste a escala [1][11].
• Entrada mediante cámara/foto que devuelva una respuesta final en lugar de comprobar el trabajo propio del estudiante — un clon integrado de Photomath/Gauth dentro del producto destinado a evitar ese comportamiento [9][10].
• Notificaciones push frecuentes, sobre todo durante el horario escolar — los adolescentes ya están saturados (~240/día); este es el camino más rápido hacia el silenciamiento o la desinstalación [12].
• Lenguaje visual liderado por mascota, colores primarios y signos de exclamación heredado de un tema de grados más bajos — el desencadenante más fiable de desenganche adolescente [1].
• Cobro de acceso a contenido esencial de práctica, no solo a cosméticos — una frustración específica y nombrada de usuarios de Quizlet [11].
• Tiempos de carga lentos o fricción antes de llegar al problema real — un factor decisivo que rompe la experiencia para este grupo de edad [1].
• Objetivos de toque pequeños o interacciones basadas en gestos intensivos en el móvil — los adolescentes son móviles‑first, no más diestros que los adultos [1].

Open questions for the project owner

1. ¿Modo oscuro como predeterminado rígido (claro como opt‑in manual), o predeterminar al tema del SO con soporte sólido para el modo oscuro?
2. Tamaño/rotación de la cohorte para la mecánica de liga — ¿copiar el ciclo semanal de ~30 personas de Duolingo, o algo más pequeño/más largo adaptado a un árbol de habilidades matemáticas?
3. ¿Debería lanzarse alguna función de cámara/OCR «muestra tu trabajo» en la versión inicial, considerando su coste y su proximidad al patrón Photomath/Gauth, o la entrada debería ser solo mediante teclado para TEEN en la primera entrega?
4. Presupuesto de notificaciones y estado predeterminado (opt‑in vs. opt‑out) para este segmento — ¿misma política que los temas más jóvenes, o más restrictiva?
5. ¿Debe el sistema de avatar/cosméticos TEEN basarse íntegramente en logros de dominio sin vía de compra, coherente con la postura anti‑manipulación monetaria implícita en la crítica a Prodigy Math en la investigación previa (tema 14)?