¡Hoy es el día de escoger fechas! Después de crear tantos de ellos para diferentes proyectos, todavía estoy buscando el perfecto. Intentemos descubrir qué hace que utilizar un selector de fechas sea bueno o doloroso.
El diseño del selector de fechas parece sencillo. De hecho, elegir la fecha suele ser una experiencia dolorosa. Se pueden encontrar malos ejemplos en toda la web.
Realmente creo que para diseñar una buena experiencia es importante no tomar decisiones precipitadas desde el principio. Tómate un tiempo para hacer preguntas, encontrar respuestas, crear historias de usuarios y explorar la web.
1.Entrada de texto. La forma más sencilla de hacerlo es dejar que el usuario escriba la fecha. Esto siempre funciona si se proporciona la validación adecuada. Se puede utilizar junto con el selector de fecha del calendario.
Ejemplo de entrada de fecha
2. Menú desplegable para elegir cada valor: fecha, mes, año. Todavía se utiliza con frecuencia en la web. Puede resultar realmente frustrante, especialmente si el usuario también necesita ingresar tiempo.
Selector de fecha de nacimiento de Charlotte Swift
3. Calendario. La forma más utilizada de elegir un rango de fechas. Se pueden encontrar varios ejemplos en línea. Compatible con dispositivos móviles.
Calendario de Andrew Lucas
4. Línea de tiempo. Bueno para elegir un rango de fechas en un período limitado. Puede volverse inexacto durante períodos más prolongados y no es compatible con dispositivos móviles.
Ejemplo de línea de tiempo de Bilal
5. Desplazamiento selector de fecha en dispositivos móviles. Funciona bien cuando el usuario no tiene que desplazarse demasiado hacia el pasado/futuro.
Selector de fechas móvil
Usar estos patrones combinados o solos puede crear una buena experiencia de usuario al elegir una fecha. Cómo combinarlos es una cuestión de cada proyecto concreto.
Ejemplo de entrada de texto y patrones de calendario combinados
Revisaremos el caso de uso real, porque el contexto impulsa la mayoría de las decisiones de diseño (¡y es mejor tenerlo en cuenta!). Intentaremos elegir el mejor patrón para la situación.
Caso: Análisis del rendimiento del dispositivo.
Usuario: gerente técnico.
Objetivo principal del usuario: analizar el rendimiento del dispositivo y detectar la degradación del rendimiento con el tiempo.
Entonces ya conocemos a nuestro usuario y sus objetivos. El selector de fechas es una de las herramientas para alcanzar este objetivo. Pero todavía quedan preguntas por responder antes de tomar ese marcador.
¿Para qué debería utilizarse un selector de fechas?
“Profundizando en los datos de rendimiento más antiguos. Quiero ver fácilmente los informes de un período determinado”.