- La forma de seleccionar la hora en la app de Alarmas del iPhone no usa un diseño circular
- A simple vista parece una interfaz giratoria, pero en realidad está compuesta por una lista larga
- Hace que el desplazamiento del usuario se sienta como si no tuviera fin
- Ha llamado la atención de desarrolladores y diseñadores UX como un caso de ilusión visual en la UI
- Entender cómo está implementado en realidad puede servir como referencia para el desarrollo de apps
Estructura del selector de hora en la app de Alarmas del iPhone
- El selector para ajustar la hora en la app de Alarmas del iPhone parece, en la superficie, tener una forma circular o de rueda giratoria
- Sin embargo, en realidad está implementado como una lista muy larga con un inicio y un final definidos
- Al desplazarse, genera la ilusión de que se puede seguir girando hacia arriba o hacia abajo indefinidamente
- Este enfoque de implementación busca ofrecer una experiencia de usuario similar sin aplicar directamente una interfaz circular
- El desarrollador diseña la interfaz para que parezca circular aprovechando una lista de desplazamiento infinito
Perspectiva de desarrollo y diseño UX
- Con este método, es posible sustituir una interfaz circular compleja solo con una lista simple
- En la práctica, no se pasa al sentido contrario en los extremos de la lista, pero como hay muchos elementos, es difícil que el usuario llegue al límite
- Este diseño utiliza una ilusión visual en la UI para ofrecer la experiencia que el usuario espera
- Es un ejemplo de cómo, al desarrollar una app, una implementación basada en listas puede lograr la utilidad y usabilidad de una interfaz circular
Conclusión
- El selector de hora de la app de Alarmas del iPhone crea un efecto circular girando una lista larga
- Esto ofrece a desarrolladores y diseñadores UI/UX una dirección de diseño de interfaces intuitiva y eficiente
1 comentarios
Opiniones de Hacker News
(0..60).times(50).flatten()resuelve el 99% del problema con 1% del esfuerzo. Si el único problema aparece cuando QA hace scroll hasta el final de la lista, eso solo llegaría a Product como issue. ¿A quién le importa?