Diseño web

Skylor Tutor

Skylor Tutor es una plataforma de aprendizaje en línea de última generación que conecta a estudiantes, tutores y administradores a través de una experiencia digital personalizada. Ofrece aprendizaje en tiempo real, emparejamiento inteligente de tutores y herramientas basadas en inteligencia artificial como Tutor Twin, la plataforma mejora el aprendizaje al tiempo que proporciona a los educadores las herramientas necesarias para gestionar las sesiones y realizar un seguimiento del progreso de los alumnos. Diseñada teniendo en cuenta la accesibilidad y la experiencia del usuario, Skylor Tutor crea un entorno intuitivo y atractivo que se adapta a las necesidades específicas de cada usuario.

Detalles del proyecto

Ubicación: Atlanta / A distancia

Cronología: 2025 / 1 mes

Función: Diseñador de interacción

Tipo de proyecto: Aplicación educativa

Sector: B2C

Prototipo: Prototipo de Skylor Tutor

Proceso creativo

El objetivo era rediseñar y unificar la interfaz y la experiencia de usuario para todos los perfiles: alumnos, tutores y administradores, creando una plataforma elegante, moderna, accesible y escalable que se ajustara a la identidad de marca educativa de Skylor Tutor.

Preguntas del tipo «¿Cómo podríamos…?»

 

 1. Experiencia y compromiso de los tutores
¿De qué manera HMW hace que los tutores se sientan más valorados y motivados en la plataforma?
¿Cómo puede HMW agilizar la incorporación de los tutores para reducir el tiempo de configuración?
¿Cómo ayuda HMW a los tutores a adaptar su estilo de enseñanza a cada alumno?
¿Cómo garantiza HMW que los tutores puedan hacer un seguimiento sencillo del progreso de los alumnos a lo largo del tiempo?

 2. Interacción entre alumnos y tutores
¿Cómo consigue HMW que las clases sean más interactivas y atractivas para los alumnos?
¿Cómo se pueden reducir las ausencias sin previo aviso o las cancelaciones de última hora?
¿Cómo ayudan las HMW a los tutores a identificar rápidamente las lagunas de aprendizaje de un alumno?
¿Cómo facilita HMW una comunicación fluida entre los tutores y los alumnos?

3. Integración y facilidad de uso  
¿Cómo consigue HMW que la aplicación resulte intuitiva tanto para los tutores noveles como para los alumnos?  
¿Cómo se puede reducir la curva de aprendizaje de las nuevas funciones?  
¿Cómo garantiza HMW la accesibilidad para los usuarios con discapacidad?  
¿Cómo se puede hacer que la configuración del perfil en HMW sea rápida pero completa?  


Comprender a los usuarios

Personajes

Investigación secundaria

 

Aprendizaje personalizado y diseño adaptativo
Las investigaciones demuestran que la personalización es una característica clave que buscan los usuarios en las aplicaciones de aprendizaje. Elementos como el contenido adaptativo, la asignación de tutores basada en inteligencia artificial y la flexibilidad en los horarios aumentan considerablemente la participación y la eficacia del aprendizaje, lo que los convierte en aspectos fundamentales de la funcionalidad de la pantalla que estamos diseñando.

La experiencia de incorporación es importante
La fase de incorporación es un factor clave para la retención de usuarios. Una primera experiencia fluida, informativa y acogedora aumenta considerablemente la probabilidad de que los usuarios sigan utilizando la plataforma.

Confianza, credibilidad y perfiles de los tutores
La confianza es fundamental en las aplicaciones educativas. Los usuarios se sienten más inclinados a interactuar con tutores que cuenten con credenciales verificadas, biografías detalladas y opiniones transparentes.

Usabilidad de los vídeos y los mensajes
Las herramientas de comunicación fluidas, sobre todo las videollamadas y la mensajería integrada en la aplicación, son fundamentales para la satisfacción de los usuarios. Cuando estas funciones no funcionan correctamente, los usuarios son más propensos a abandonar la plataforma.

Gamificación y participación
Las funciones gamificadas, como las rachas, el seguimiento de objetivos y las insignias, pueden aumentar la motivación, incluso entre los estudiantes universitarios, al hacer que el progreso resulte más atractivo y gratificante.

Optimización para dispositivos móviles y accesibilidad
La usabilidad centrada en los dispositivos móviles y el diseño inclusivo desempeñan un papel fundamental en la aceptación de las aplicaciones, especialmente en entornos educativos.

Flujos de usuario

 

Tras llevar a cabo una investigación secundaria, analizar las necesidades de los usuarios y revisar la información facilitada por la empresa, comenzamos a desarrollar flujos de usuario para definir las interacciones y los recorridos clave.

Esquemas de diseño

 

Una vez definidos los flujos de usuario, pasamos a la fase de creación de esquemas funcionales para definir el diseño de la aplicación, la jerarquía de la información y la experiencia del usuario. A continuación se muestran algunos ejemplos de los esquemas funcionales.

Guía de estilo

 

Como parte del proyecto, se nos encomendó la tarea de rediseñar el logotipo. Partiendo de ahí, elaboramos una guía de estilo completa que incluía los elementos esenciales para crear maquetas de alta fidelidad, como la paleta de colores, la tipografía, los iconos y los componentes de la interfaz de usuario. En consonancia con la identidad de marca y los principios de diseño de Skylor Tutor, a continuación se ofrece un breve avance de la guía de estilo definitiva.

Pantallas de alta fidelidad/Prototipo

 

Una vez finalizados los esquemas funcionales y establecida la guía de estilo, pasamos a la fase de diseño de alta fidelidad. A continuación se muestran algunos ejemplos de las pantallas definitivas.

Pruebas de usabilidad

 

Objetivo: Evaluar la usabilidad y la intuitividad de los flujos de usuario clave dentro de la aplicación Skylor Tutor. El objetivo era probar las interacciones esenciales de dos tipos de usuarios: un estudiante universitario y un joven adulto que está aprendiendo, con el fin de identificar aspectos que se pueden mejorar antes de la fase final de desarrollo.

Participantes

  • Participante 1: Emma, 19 años – Estudiante universitaria de Psicología
  • Participante 2: Jordan, 26 años – Joven adulto que acaba de reincorporarse a los estudios para formarse en marketing digital.

Tareas asignadas

  1. Inicia sesión con Face ID o con el código de acceso del dispositivo
  2. Crear una nueva cuenta
  3. Buscar una sesión de clases particulares
  4. Buscar una clase magistral
  5. Realizar el pago de una sesión o clase seleccionadas

Conclusiones y observaciones principales

Tarea 1: Iniciar sesión (Face ID o código de acceso)

  • Estudiante: Interacción fluida y rápida; sin problemas.
  • Jóvenes adultos: La opción del código de acceso funcionó bien; me gustó contar con alternativas a Face ID


Tarea 2: Creación de una cuenta

  • Estudiante: El proceso de registro me ha parecido claro y rápido.
  • Jóvenes adultos: Una experiencia fluida; me gustó poder elegir el tipo de usuario (alumno/profesor).


Tarea 3: Buscar una sesión de tutoría

  • Estudiante: Entendió el objetivo de la búsqueda, pero señaló que los filtros temáticos aún no funcionaban. Las vistas previas de las fichas de los tutores resultaron útiles a la hora de tomar decisiones.
  • Jóvenes adultos: Me llevó unos segundos entender la estructura, pero los resultados me resultaron útiles.


Tarea 4: Busca una clase magistral

  • Estudiante: La navegación funcionó bien tras cambiar de pestaña.
  • Jóvenes adultos: Encontré fácilmente el curso de guionismo y me gustaron los vídeos de presentación.


Tarea 5: Realizar un pago

  • Ambos: La transacción se ha completado sin errores; agradezco que se admita Apple Pay.
  • Jóvenes adultos: Se ha solicitado una pantalla de confirmación más detallada.

Conclusión


Ambos participantes completaron con éxito todas las tareas clave, lo que validó la funcionalidad básica de la aplicación. Algunas mejoras menores en la usabilidad, como una guía de iniciación más clara, una mejor experiencia de búsqueda y una retroalimentación visual más eficaz, pueden optimizar aún más la experiencia y favorecer la fidelización de los usuarios. La aplicación se percibió como moderna, intuitiva y muy adecuada para su uso educativo.

 

Pantallas finales

 

Tras las pruebas de usabilidad, hemos perfeccionado varias pantallas clave basándonos en los comentarios de los participantes para mejorar la claridad, la usabilidad y el flujo general del usuario. A continuación se muestran algunos ejemplos de las pantallas definitivas.

Reflexión

Colaborar en la aplicación Skylor Tutor como parte de un equipo de diseño fue una experiencia muy valiosa que me permitió reforzar tanto mis habilidades de diseño como mis dotes de colaboración. Trabajar con un cliente real nos supuso un reto a la hora de encontrar el equilibrio entre las necesidades de los usuarios, los objetivos empresariales y la identidad de marca a lo largo de todo el proyecto. A través de la investigación, las sesiones de revisión del diseño, las pruebas de usabilidad y el proceso de iteración, aprendí a valorar aún más el trabajo en equipo, la comunicación clara y el impacto que tiene el diseño centrado en el usuario a la hora de crear experiencias digitales significativas.

Otras obras recientes

¿Te gustaría ver más? Aquí tienes algunos proyectos adicionales que muestran mi proceso de diseño, mi enfoque para resolver problemas y mi experiencia en la creación de productos digitales centrados en el usuario en distintos sectores.