Detalles de UX/UI de MetroVLC
Written by
MetroVLC es una app no oficial para la consulta de horarios de Metrovalencia que desarrollé hace ya un par de años.
Aprovechando que estos días estoy trabajando en una versión completamente nueva de MetroVLC, había pensado en recopilar aquellos pequeños detalles que me encantan de la app actual.
La forma en la que se intercambian origen y destino
El cambio manual entre el modo claro y oscuro es como encender o apagar una bombilla, o como subir y bajar una persiana.
Los iconos no son imágenes, sino que están animados…
Incluso el icono de la hora, refleja la hora seleccionada
Cuando pulsas en Mostrar trenes, se muestra una animación de un tren de Metrovalencia cruzando la pantalla. Esta animación es un bucle que dura el tiempo que sea necesario para recuperar los horarios online. Durante la animación, el taptic engine del iPhone simula la vibración del vagón circulando por las vías
Si estás en modo nocturno, el tren de la animación está a oscuras y tiene las luces interiores encendidas
Como buen albaceteño nacido en los 80, mi valenciano es nivel Bola de drac y no paso de núvol supersonic, por lo que si el usaurio selecciona el Valencià como idioma pido perdón por los errores que pueda haber cometido en la traducción
La de horas injustificadas que dediqué a la animación de abrir la tarjeta…
… por no hablar de la animación de borrar una tarjeta (quién borra una tarjeta??)
La animación de la tarjeta es interactiva, puedes tirar de ella hacia abajo y acabar cerrándola
Cuando buscas una estación, la lista crece para ocupar toda la pantalla y si pulsas aceptar cuando sólo queda un resultado, se selecciona automáticamente
Cuando una estación deja de ser tu favorita, se le parte el corazón
Dediqué bastante tiempo a la accesibilidad de la app, pero nunca conseguí los resultados esperandos. Para evitar dejar a nadie fuera, acabé creando un “modo sencillo”, más accesible y con targets grandes, especial para personas con problemas motrices o de visión.
Cuando abres la app y VoiceOver está activo, se te sugiere pasar a este modo, aunque también puedes activarlo a mano desde los Ajustes
La pandemia se llevó por delante el servicio de trenes nocturnos de Metrovalencia. Los trenes nocturnos se diferencian del resto con el emoji de la Luna en la fase correcta para dicho día.
