Preescolar

¿Por qué es genial?

La página de bienvenida de Preescolar ha sido diseñada para brindar una experiencia visual llamativa y amigable para los usuarios más pequeños.

Al iniciar sesión como usuario de preescolar te redirigirá a una Bienvenida personalizada, dónde el usuario podrá identificar su nombre, su avatar y la opción <Enter> para ingresar a los contenidos disponibles.

¿En qué consiste?

El menú general, localizado en la parte lateral, permite acceder de forma rápida y sencilla a las principales secciones disponibles.

El diseño es intuitivo y visualmente atractivo para facilitar la navegación por la plataforma, permitiendo que la localización de contenidos, actividades y recursos sea fácil y llamativa. 

Cada opción del menú ha sido adaptada a las necesidades de los usuarios más pequeños.

Con el objetivo de brindar una sencilla navegación, el menú general cuenta solo con las opciones: 

• My Backpack: Donde el usuario encontrará los recursos disponibles.
• My tasks: Donde el usuario encontrará las asignaciones creadas por los maestros.
• iRead: Donde el usuario encontrará los libros virtuales disponibles para su consumo.
• Notifications: Donde el usuario visualizará los mensajes enviados por los maestros.
• My profile: Donde el usuario encontrará su información personal y los avatares disponibles para personalizar.

¿Por qué es novedoso?

La sección My Backpack, es el análogo de My Class Materials en niveles más avanzados (primaria / secundaria / jóvenes adultos), aquí se localizan de manera organizada los contenidos disponibles .

Este espacio ha sido diseñado para facilitar el acceso rápido a los materiales de aprendizaje, mediante una experiencia dinámica y de acuerdo con la edad a la que va dirigida, a través de íconos grandes y llamativos.

En Studio para preescolar se incorporan mejoras de visualización y navegación para adaptarse correctamente a diferentes tamaños de pantalla en dispositivos tablet.

Gracias a esta actualización, los contenidos, menús y recursos interactivos ahora se ajustan de forma más eficiente a las dimensiones de cada dispositivo, ofreciendo una experiencia más cómoda, clara y fluida para los usuarios que acceden desde tabletas.

¿Qué mejora?

• Optimiza la visualización de contenidos en pantallas tablet.
• Ajusta automáticamente elementos de la interfaz según el tamaño de pantalla.
• Mejora la distribución de menús, botones y recursos interactivos.
• Favorece una navegación más cómoda y accesible.

¿Por qué es importante?

• Mejora la experiencia de uso en dispositivos móviles y tabletas.
• Reduce problemas de visualización y desalineación de elementos.
• Facilita el acceso a contenidos educativos desde diferentes dispositivos.
• Garantiza una experiencia más estable y adaptable para los usuarios.

La visualización y organización de contenidos dentro de las Series, mejoran la navegación facilitando el acceso a los recursos disponibles según su tipo.

¿Cómo funciona?

Al abrir una Serie se mostrará una nueva página con dos botones principales en la parte superior: Actividades y Recursos. De forma predeterminada, la sección Actividades se abrirá automáticamente y mostrará todos los cursos de la Serie, excepto aquellos marcados como <Recursos adicionales>.

Cuando un curso haya sido configurado como <Recurso adicional> desde Author, se habilitará automáticamente el botón <Recursos>, donde se visualizarán exclusivamente esos contenidos complementarios.

¿Qué incluye esta mejora?

• Nueva pantalla de acceso al abrir una Serie.
• Incorporación de los botones Actividades y Recursos.
• Visualización automática de actividades principales en la sección Actividades.
• Separación de contenidos complementarios mediante la sección Recursos.

¿Por qué es importante?

• Mejora la organización y clasificación de contenidos.
• Facilita el acceso a recursos complementarios.
• Ofrece una navegación más clara e intuitiva para los usuarios.
• Permite diferenciar actividades principales de materiales adicionales.
• Optimiza la experiencia de aprendizaje dentro de la plataforma.

La estructura y navegación de la página <Actividades>, optimiza la organización de contenidos y facilita el acceso a las unidades y recursos de cada curso.

¿Cómo funciona?

Al ingresar a un curso desde la sección de actividades, la plataforma cargará automáticamente la primera unidad disponible (generalmente identificada como Unidad 1), mostrando de forma inmediata todos los contenidos incluidos dentro de esa unidad.

Además, se incorpora un nuevo selector de unidades en la parte superior de la pantalla, permitiendo navegar fácilmente entre las diferentes unidades del curso. Al seleccionar cualquier contenido, este se abrirá junto con un menú lateral tipo árbol ubicado en el lado izquierdo, facilitando la visualización de la estructura completa del curso y el acceso rápido a otros contenidos relacionados.

¿Qué incluye?

• Carga automática de la primera unidad al ingresar al curso.
• Visualización inmediata de todos los contenidos de la unidad seleccionada.
• Nuevo selector de unidades para facilitar la navegación.
• Incorporación de un menú lateral tipo árbol para explorar contenidos.
• Acceso más rápido y organizado a actividades y recursos.

Se busca garantizar que la aplicación, se utilice únicamente en tamaños de pantalla compatibles, asegurando una experiencia visual adecuada y óptima de todas las funcionalidades.

Cuando el dispositivo utilizado no cumpla con las dimensiones mínimas o condiciones de visualización soportadas, la plataforma informará al usuario y evitará el uso de la aplicación hasta acceder desde una resolución compatible.

¿Qué incluye?

• Validación automática de tamaños de pantalla compatibles.
• Restricción de acceso en dispositivos o resoluciones no soportadas.
• Mensajes informativos para orientar al usuario.
• Protección de la experiencia visual y funcional de la plataforma.

La página de Actividades soporta estructuras de contenido con múltiples niveles de anidación, permitiendo una navegación más flexible y organizada dentro de cursos y actividades.

A partir de esta actualización, la interfaz será capaz de representar de forma recursiva estructuras complejas de contenidos, soportando cualquier cantidad de niveles jerárquicos dentro de un curso, por ejemplo:

Curso → carpeta → carpeta → contenido, además de estructuras más simples como Curso → carpeta → contenido.

¿Qué incluye?

• Soporte para múltiples niveles de carpetas y sub-carpetas.
• Mejor organización visual dentro de la página de Actividades.
• Compatibilidad con cursos que contienen estructuras profundas de contenidos.
• Visualización más clara y ordenada de recursos educativos.

La plataforma incorpora nuevos componentes visuales para manejar de forma más clara y amigable los diferentes estados de consulta dentro de las páginas de Series y Activities en la experiencia preescolar.

A partir de esta mejora, las páginas /my-backpack y /my-backpack/[serieID]/activities mostrarán mensajes e interfaces específicas según el estado de la información consultada, permitiendo una navegación más comprensible y consistente para los usuarios.

Ahora, cuando la información se encuentre cargando, se visualizará un indicador de progreso; si ocurre algún problema durante la consulta, se mostrará un mensaje de error; y cuando no existan contenidos disponibles, aparecerá un estado vacío informativo.

Además, estos componentes fueron diseñados para ser reutilizables en otras áreas de la interfaz preescolar donde sea necesario mostrar estados de carga, error o ausencia de contenido.

¿Qué incluye esta mejora?

• Indicadores visuales de carga mientras se obtienen datos.
• Mensajes de error claros cuando ocurre un fallo en la consulta.
• Estados vacíos informativos cuando no existen contenidos disponibles.
• Componentes reutilizables para distintas secciones de la plataforma.
• Mejora de la experiencia visual y de navegación en la interfaz preescolar.

Este apartado está diseñado para centralizar y facilitar el acceso a las tareas asignadas a los usuarios.

Esta nueva vista permite visualizar de manera más clara y organizada las tareas pendientes, actividades asignadas, mejorando la experiencia de seguimiento y gestión académica dentro de la plataforma.

¿Qué incluye?

• Nueva pantalla principal dedicada a tareas.
• Visualización centralizada de contenidos asignados.
• Acceso rápido a actividades pendientes.
• Mejor organización y seguimiento de tareas académicas.
• Navegación más clara e intuitiva. La vista incluye paginación para navegar entre las tareas.

Se incluye un filtrado de tareas por estado, permitiendo a los usuarios organizar y visualizar sus actividades según su progreso: iniciadas, no iniciadas o completadas. Esta mejora facilita el seguimiento académico, optimiza la gestión de tareas pendientes y ofrece una experiencia de navegación más clara y personalizada dentro de la plataforma.

Página de tareas y barra lateral de navegación

Studio incorpora la visualización y navegación de tareas mediante una nueva Task Screen y una barra lateral de navegación optimizada, facilitando el acceso y seguimiento de actividades dentro de la plataforma.

Esta actualización permite a los usuarios visualizar las tareas de manera más organizada, acceder rápidamente a los contenidos relacionados y navegar entre actividades desde una estructura más clara e intuitiva.

¿Qué incluye esta mejora?

• Nueva pantalla dedicada a la visualización de tareas.
• Barra lateral optimizada para navegación rápida.
• Mejor organización de actividades y contenidos relacionados.
• Acceso más intuitivo a recursos y tareas.
• Navegación más clara dentro de la plataforma.

Se incluyen los objetivos de aprendizaje de las tareas (Task Learning Objectives), permitiendo que los usuarios identifiquen de manera más clara las metas y competencias asociadas a cada actividad. Esta actualización facilita la comprensión del propósito educativo de las tareas, mejora el seguimiento del aprendizaje y brinda una experiencia más estructurada y orientada a los objetivos académicos.

Se incorpora una nueva funcionalidad en la página de Actividades mediante pestañas diferenciadas para Actividades y Recursos adicionales, facilitando una mejor organización y acceso a contenidos dentro de las Series.

Esta actualización permite a los usuarios alternar fácilmente entre actividades principales y recursos adicionales, mostrando cada tipo de contenido en una sección independiente para ofrecer una navegación más clara e intuitiva.

¿Qué incluye?

• Nueva pestaña para visualizar Recursos adicionales.
• Separación entre Actividades y recursos complementarios.
• Navegación consistente entre actividades y recursos.
• Mejor organización visual de contenidos educativos.

Esta opción permite a los estudiantes enviar sus tareas de forma clara, rápida y segura dentro de la plataforma.

Esta opción estará disponible en cada actividad asignada y permitirá a los estudiantes confirmar la entrega de sus trabajos antes de la fecha límite establecida. Una vez enviada la tarea, esta quedará registrada en el sistema.

¿Cómo funciona?

• El estudiante accede a la actividad asignada, realiza la actividad correspondiente.
• Selecciona el botón <Submit Task>.
• La puntuación y el estado del contenido se actuan inmediatamente después de enviar el LO.

Estado de las actividades

En el menú lateral, se detalla la información de avance de cada actividad realizada o no terminada.

Beneficios:

• Simplifica el proceso de entrega de tareas.
• Brinda claridad al estudiante sobre el estado de su envío.
• Permite a los profesores llevar un control organizado de entregas.
• Reduce errores o dudas sobre si una tarea fue enviada correctamente.

Este componente estará diseñado específicamente para alinearse con el look & feel de Preschool, respetando su estilo visual, colores, tipografía y comportamiento, garantizando una experiencia más amigable y consistente para los usuarios de este entorno.

La implementación buscará, en la medida de lo posible, reutilizar la lógica existente de los componentes de alertas actuales, adaptando únicamente la capa visual y ciertos comportamientos específicos necesarios para Preschool.

Este apartado está diseñado con una interfaz amigable, visual y accesible, alineada con un estilo diseñado para niños de preescolar, facilitando la navegación.

¿Qué incluye?

1. Visualización de clases

• Muestra las clases disponibles para el estudiante.

2. Acceso rápido a contenido

Al hacer clic en <Enter> el estudiante ingresa a los contenidos y recursos disponibles.

3. Navegación simplificada

• Diseño enfocado en usabilidad para estudiantes de preescolar.
• Uso de íconos, colores y elementos visuales claros.

Este apartado está diseñado para fomentar la lectura de forma lúdica, progresiva y personalizada, alineándose con el enfoque educativo de preescolar.

Promueve el desarrollo de la comprensión lectora, el vocabulario y la competencia lingüística mediante contenidos digitales adaptados al nivel del estudiante.

¿Qué integra?

• Contenido visual, atractivo y fácil de explorar.
• Libros digitales con ilustraciones.
• Actividades de lectura guiada.
• Contenido multimedia (según disponibilidad).
• Interfaz simple y amigable.
• Navegación intuitiva para usuarios de preescolar.
• Uso de colores, íconos y elementos visuales claros.

¿Por qué es importante?

• Fomenta el hábito de lectura desde edades tempranas.
• Ofrece contenido adaptado al nivel del estudiante.
• Facilita el seguimiento del desarrollo lingüístico.
• Mejora la experiencia educativa con recursos digitales interactivos.

Al hacer clic en la portada de cada libro, se visualiza la información de éste y desde esta vista se puede abrir el libro para iniciar la lectura.

Cada libro cuenta con información detallada de avance.

 La página de Notificaciones en Studio Preschool está diseñada para mantener informados a los estudiantes de manera clara, visual y no intrusiva, siguiendo un estilo amigable y adaptado a usuarios de preescolar.

Este apartado centraliza todos los avisos relevantes dentro de la plataforma, permitiendo a los estudiantes identificar fácilmente eventos importantes, avances o acciones pendientes.

Proporcionar información oportuna sobre actividades, avances y mensajes dentro de la plataforma, facilitando el seguimiento del aprendizaje.

¿Qué incluye?

• Lista de notificaciones organizadas de manera cronológica.
• Puede incluir alertas como:
  • Mensajes nuevos
  • Nuevas asignaciones
• El estudiante puede hacer clic en una notificación para ir directamente al contenido.
• Las notificaciones se marcan como leídas automáticamente al interactuar.
• Uso de colores, iconos y elementos visuales amigables.

¿Por qué es genial?

• Mantiene al estudiante informado.
• Facilita el seguimiento de actividades.
• Refuerza la comunicación dentro de la plataforma.

Se tiene la posibilidad de Eliminar cada una de las notificaciones o bien de manera masiva, mediante el ícono de bote de basura.

A través de la opción <Filtros> se pueden localizar notificaciones específicas:

• Por fecha
• Por asunto

La sección <Mi Perfil> es el espacio personal del estudiante donde puede visualizar su información básica y elementos de identidad dentro de la plataforma, en un entorno visual, sencillo y amigable.

Está diseñado especialmente para usuarios de preescolar, con una interfaz clara, colorida y fácil de entender. Permite al estudiante identificarse dentro de la plataforma y visualizar su información de manera simple y organizada, tiene la opción de elegir un avatar y personalizarlo.

¿Qué incluye?

• Username
• Nombre del estudiante
• Avatar de perfil
• Institución

Elementos visuales personalizados

• Avatar representativo.
• Colores e identidad visual acorde al entorno Preschool.

¿Para qué sirve?

• Refuerza la identidad del estudiante dentro de Studio.
• Proporciona una experiencia visual atractiva y adecuada para la edad preescolar.
• Mantiene una navegación simple y sin complejidad

Es un espacio lúdico dentro de Studio Preschool donde los estudiantes pueden visualizar y coleccionar recompensas obtenidas a lo largo de su progreso en la plataforma.

Está diseñado para motivar a los estudiantes mediante elementos visuales atractivos, reforzando el aprendizaje a través de reconocimiento positivo y gamificación.

Objetivo

Fomentar la participación, el esfuerzo y la constancia del estudiante a través de un sistema de recompensas visuales.

¿Qué incluye?

• Visualización de todos los stickers obtenidos.
• Elementos gráficos coloridos y atractivos.
• Organización clara y fácil de entender.
• Indicadores de stickers desbloqueados.
• Visualización de avances y colecciones incompletas.

Los stickers se otorgan por:

• Completar actividades.

¿Por qué es importante?

• Refuerza la motivación del estudiante.
• Promueve la participación activa.
• Genera una experiencia divertida y significativa.
• Incentiva la continuidad en el aprendizaje.

El Navegador de cursos es un componente que permite a los estudiantes explorar los cursos de la serie actual y visualizar su avance de manera clara.

Este elemento funciona como un carrusel donde cada curso se presenta como una tarjeta, y facilita la navegación entre cursos actuales y reforzar la motivación del estudiante mostrando su progreso de stickers.

¿Por qué es genial?

Muestra todos los cursos correspondientes a la serie actual.

Progreso de stickers

• Cada tarjeta incluye una barra de progreso.
• Refleja la cantidad de stickers obtenidos versus los disponibles.
• Permite al estudiante identificar fácilmente su avance en cada curso.

Navegación intuitiva

• Interacción tipo carrusel / scroll horizontal
• Diseño táctil para usuarios de preescolar.

¿Qué aporta?

• Mejora la comprensión del progreso del estudiante.
• Fomenta la motivación mediante retroalimentación visual inmediata.
• Refuerza la conexión entre aprendizaje y recompensas (stickers).
• Enriquece la experiencia lúdica.

Navegación de stickers por unidad

Con el objetivo de mejorar la exploración y visualización del progreso dentro de <Mis Stickers>, se propone implementar un conjunto de componentes que permitan al estudiante navegar de forma clara e intuitiva entre las pegatinas de cada unidad.

Estos componentes seguirán un enfoque modular, facilitando su reutilización y alineándose con el diseño visual de Preschool.

¿Qué incluye?

1. Navegación de unidades (Unit Navigation)

Permite al usuario desplazarse entre las distintas unidades del curso.

Características:

• Navegación horizontal (tipo carrusel).
• Indicador visual de la unidad activa
•  Progreso general por unidad.
• Interacción simple.

Beneficio:  Facilita el cambio entre unidades de forma rápida.

2. Tarjeta de pegatina (Sticker Card)

Representa una pegatina individual dentro de una unidad.

Características:

• Imagen de la pegatina
• Estado visual:
  • Desbloqueada (visible a color)
  • Bloqueada (gris)

Beneficio: Muestra el estado y diseño de cada sticker de forma atractiva.

3. Lista de tarjetas de pegatinas (Sticker Card List)

Organiza y muestra las pegatinas de la unidad seleccionada.

Características:

• Indicadores de progreso.

Beneficio: Agrupa las pegatinas y facilitar su visualización completa dentro de cada unidad.

¿Qué aporta?

• Mejora la navegación y comprensión del progreso del estudiante.
• Refuerza la motivación.
• Permite una experiencia más organizada.
• Se adapta a dispositivos táctiles y a usuarios de preescolar

Reconoce el esfuerzo de los estudiantes al completar actividades dentro de cada unidad. Este elemento funciona como un mecanismo de recompensa visual, donde las pegatinas se entregan según la cantidad de actividades realizadas, reforzando la motivación y el sentido de logro.

¿Por qué es genial?

• Recompensa:  Cada estudiante recibe pegatinas de acuerdo con el número de actividades de su unidad, sin importar si son menos de 6, exactamente 6 o más de 6.

• Escenarios claros:

  • Menos de 6 actividades → 1 pegatina por actividad.
  • Exactamente 6 actividades → 1 pegatina por actividad.
  • Más de 6 actividades → se divide el total entre 6 y se distribuyen las pegatinas proporcionalmente.

• Motivación visual:  El estudiante puede ver cómo avanza y cuántas pegatinas ha conseguido, lo que convierte cada logro en un estímulo positivo.

¿Qué aporta?

• Claridad en el progreso: El estudiante entiende fácilmente cómo se otorgan las pegatinas.
• Refuerzo emocional: Cada pegatina simboliza un paso alcanzado, fortaleciendo autoestima y motivación.
• Experiencia lúdica: Aprender se convierte en un proceso más divertido y gratificante.
• Conexión aprendizaje-recompensa: Se vincula el esfuerzo académico con un reconocimiento tangible.

¿Qué cambia?

• Eliminación de la barra de progreso:  Cada curso ya no mostrará la barra de progreso tradicional.
• Nueva pestaña “Stickers”:  Se incorpora una pestaña exclusiva para que los estudiantes consulten sus pegatinas obtenidas.
• Acceso directo a “Mis Stickers”:  Desde esta pestaña se podrá navegar fácilmente hacia la página <Mis Stickers>, donde se refleja el avance completo.

¿Por qué es genial?

• Visualización clara: Los estudiantes ven de manera sencilla cuántos stickers han conseguido.
• Motivación reforzada: El progreso se convierte en un incentivo tangible y divertido.
• Navegación intuitiva: La pestaña facilita el acceso directo sin pasos adicionales.

¿Qué aporta?

• Mejora la comprensión del avance en actividades.
• Refuerza la motivación mediante retroalimentación visual inmediata.
• Conecta el aprendizaje con recompensas lúdicas y significativas.