Colegio Hispano Inglés
Senior Product Designer
Colegio Hispano Inglés es un colegio situado en Tenerife que tiene como valor añadido el que sus alumnos adquieren la doble titulación, española e británica, y estudian cuatro idiomas simultáneamente: español, inglés, alemán y chino mandarín.
Contexto
Este colegio privado, además de invertir en la educación de sus alumnos, lo ha hecho en innovación. Cuentan con un equipo tecnológico, dedicado al desarrollo de diversas aplicaciones orientadas a padres y al equipo docente.
Entré como freelance al equipo tecnológico, el cual, me iba solicitando los diseños de las aplicaciones.
Además, todas las ilustraciones son propias.
Visto en perspectiva
Estas aplicaciones tienen ya muchos años, y el modo de trabajo era de ir haciendo sobre la marcha sin tener un contexto general de lo que se quería hacer.
Qué se hizo mal y cómo lo haría ahora
Mal
Cómo lo haría
Incoherencia visual entre aplicaciones. No tenían nada que ver las unas con las otras, porque poco a poco, conforme se iban construyendo nuevas interfaces, se iban definiendo el estilo de los nuevos componentes.
Iría creando un sistema de diseño que fuera escalando y pactaría con el desarrollador, la mejor manera de construir este sistema e irlo aplicando a las distintas aplicaciones.
Se construían las aplicaciones con medidas muy concretas de dispositivo, para que se vieran bien en «ese» dispositivo.
Construir para cada uno de los dispositivos, siendo tan pequeños los cambios entre sí, suponía realizar diseños innecesarios, y por tanto, una pérdida de tiempo.
Es verdad que generalmente usaban la misma tablet, pero en ocasiones, se actualizaban los dispositivos, con distintas resoluciones, marcas…
Trabajaría en versiones responsive con los puntos de corte más restrictivos.
Incoherencia global. Se iban creando las aplicaciones conforme a las necesidades, sin pensar en un contexto general. Así que tienes 5 aplicaciones diferentes para realizar acciones relacionadas.
Hubiera tenido unas entrevistas con los profesores y el equipo técnico para ahondar en las necesidades y hacer una sola aplicación que cubriera todas estas necesidades.
En muchas ocaciones, estas aplicaciones ya estaban desarrolladas, por lo que el trabajo era más bien de retocar el look and feel.
Detectaba problemas de usabilidad que iba comentando y se iban solucionando, pero otros problemas se arrastraban en todo el proyecto.
Antes de desarrollar, hay que plantear la aplicación al completo. Realizaría unos wireframes y vería con el equipo de desarrollo la mejor manera de abordar el proyecto, para que puedan empezar a trabajar sin retrasos, pero en firme.
Guardería
Esta aplicación de tablet está diseñada para profesores de los niños de la etapa infantil. En ella, se generan informes con los datos relevantes del niño como: el tiempo de asistencia a la guardería, cómo se ha portado en las distintas comidas del día, si ha descansado en la siesta, y el estado de… sus deposiciones 😅. También tiene un accionable para dejar adjuntar un mensaje.
Estos informes se generan y guardan cada día, con el nombre del profesor, la clase y la fecha.
Estados
Estado de ánimo del niño
Si está más o menos contento. El niño en gris simboliza que no ha asistido a la guardería.
Tiempo en la guardería
El tiempo de mayor a menor, que pasa en la guardería.
Poo
La cantidad de veces que el niño ha ido al baño, si no ha ido o si ha tenido problemas.
Siesta
Para indicar si el niño ha echado bien la siesta o si ha tenido sueño intermitente
Mensajes
Para añadir un nuevo mensaje o cuando hay uno añadido.
El "Instagram" del cole
Uno de los primeros proyectos que abordé fué, una aplicación al estilo de instagram, pensada principalmente para que los padres pudieran ver las publicaciones del colegio, si se celebraba por ejemplo algún evento, y fotos exclusivas de sus hijos.
Además de ver contenido visual, esta aplicación cumplía otros objetivos:
- Acceder al perfil personal de cada hijo
- Conocer los profesores de sus hijos
- Disponer de un informe escolar
- Visualizar álbumes de fotos
- Conocer el menú del comedor
- Visualizar el calendario escolar
- Solicitar el uniforme
Estas pantallas son de un ejemplo de familia que tiene 3 hijos. En el detalle se ve el nombre, fecha de nacimiento, edad, el edificio que corresponde a su edad y la clase a la que van. En la siguiente pantalla tienen el menú con las opciones mencionadas antes, entre otras.
CHI Teachers
Una sección para conocer los profesores de cada hijo. En ella se muestra una fotografía del profesor, su nombre, el cargo que tienen en el colegio, el idioma nativo que usan y las publicaciones, en forma de fotografías, que han realizado en la aplicación.
Chat y notificaciones
Se diseñó una sección de chat para que pudieran comunicarse profesores y padres. Además los padres reciben una notificación cuando los profesores realizan una acción, como publicar una foto de sus hijos.
Perfil
Tanto padres como profesores, tienen una pantalla de ajustes de su perfil.
Álbum de fotos
Todos los profesores disponían de tablets para realizar fotos a los alumnos, que luego publicaban en su red social particular. Pero previamente a la publicación, todas las fotos eran revisadas, asignadas, etiquetadas… para que, una vez publicadas, se visualizaran por los padres correctos.
Publicaciones
Este es un apartado en el que el profesor selecciona una foto, y rellena los datos relevantes para la publicación en su «instagram», y más importante aún: el destinatario, que es lo que definirá quién visualiza las fotos.
Álbumes
Todas las fotos se almacenan en álbumes a la espera de que se usen para las publicaciones.
Gestor de publicaciones
Se creó una aplicación para gestionar las publicaciones del «instagram» que realizaba cada profesor de cada alumno.
Tutorías
Esta es una aplicación para las tutorías de cada profesor. En las imágenes podemos ver los detalles de la selección de la fecha y hora, un buscador de alumnos para seleccionarlo, un selector del edificio en el que se realizará tutoría, y los detalles finales para comprobar si los padres han aceptado o rechazado la reunión.
Por último, un listado de todas las tutorías del profesor.
Ficha del alumno
Aplicación para gestionar cada uno de los alumnos, y enlazarlos con el curso, los profesores, y las asignaturas que va a tener. Donde además se pueden ver datos de carácter académico, familiar y la facturación de la familia para los pagos del colegio y actividades extraordinarias.
