El punto de partida
Mirasounds no es nuestra primera app, pero sí la más ambiciosa en términos de contenido. La idea original venía de una app construida en MIT App Inventor — una herramienta visual que permite crear apps sin escribir código. Funcionaba, pero tenía limitaciones serias: el diseño era básico, no era fácil de mantener, y agregar contenido nuevo era un proceso engorroso.
Cuando decidimos rehacer el portafolio completo usando Flutter, Mirasounds fue una de las primeras en la lista. Flutter nos permite construir apps nativas para Android con un solo código, con diseño profesional, y con la posibilidad de crecer sin límites.
Qué tiene la app
Mirasounds está organizada en cinco secciones, cada una con su propio set de contenido visual y sonoro:
El funcionamiento es intencionalmente simple: el niño entra a una sección, ve una grilla de imágenes, toca la que quiere, y la app muestra la imagen grande junto con el nombre del elemento y reproduce su sonido. Sin tutoriales, sin instrucciones — cualquier niño de 2 años lo entiende en 10 segundos.
La decisión que más nos costó: el idioma
Desde el principio quisimos que la app fuera bilingüe — español e inglés. Pero la pregunta era cómo implementarlo sin complicar la experiencia del niño ni la del padre o madre.
Evaluamos tres opciones: hacer dos apps separadas, dejar que el niño eligiera idioma al abrir la app, o poner un botón de bandera en la pantalla principal que cambiara todo al instante. Elegimos la tercera. Es la más simple para el padre — un solo toque y toda la app cambia de idioma, sin reiniciar, sin menús.
El botón de idioma muestra la bandera del idioma activo. En español muestra 🇪🇸, en inglés muestra 🇺🇸. Al tocarlo, todos los nombres de animales, instrumentos y demás cambian instantáneamente. Los sonidos también cambian — porque la letra "J" en español suena diferente a la "J" en inglés.
El modo trivia
Una funcionalidad que agregamos y que nos entusiasmó mucho es el modo trivia. La idea es reforzar el aprendizaje de forma lúdica, sin que se sienta como un examen. Funciona de dos maneras que se mezclan aleatoriamente:
- Modo escucha: la app reproduce un sonido y el niño debe tocar la imagen correcta entre tres opciones.
- Modo visual: la app muestra una imagen y el niño debe elegir el nombre correcto entre tres opciones de texto.
Al mezclarlos aleatoriamente, cada sesión de trivia es diferente y mantiene la atención del niño.
Cómo organizamos el contenido
Una de las decisiones técnicas más importantes fue cómo estructurar los datos. Queríamos que agregar un animal nuevo en el futuro fuera algo simple — sin tocar lógica ni pantallas. La solución fue crear un archivo de datos por sección donde cada elemento es una línea:
- El nombre en español
- El nombre en inglés
- La ruta de la imagen
- La ruta del sonido
Con eso, agregar un nuevo animal en el futuro es cuestión de poner la imagen en la carpeta correcta, poner el sonido, y agregar una línea al archivo. La app detecta automáticamente cuántos elementos hay y los muestra todos.
El proceso de desarrollo paso a paso
Lo que aprendimos hasta ahora
Construir una app para niños es diferente a construir una app para adultos. Las interfaces tienen que ser grandes, coloridas y predecibles. No hay tooltips, no hay menús ocultos, no hay gestos complejos. Si un niño de 3 años no puede usarla sin ayuda, la pantalla está mal diseñada.
También aprendimos que el contenido — las imágenes y los sonidos — importa tanto como el código. Una imagen pixelada o un sonido de mala calidad arruina la experiencia aunque la app funcione perfectamente.
Mirasounds estará disponible en Google Play Store próximamente. Si tienes sugerencias de animales, instrumentos o cualquier otra categoría que te gustaría ver, escríbenos a través de la sección de contacto.