¡Hola compañeros y profesorado!

Os comparto mi resultado para este primer reto, en el que he trabajado en la réplica del flujo de exploración, filtrado y detalle de eventos de la aplicación móvil que se nos encomienda Eventbrite.

Para abordar este proyecto, decidí no empezar dibujando las pantallas finales directamente, sino enfocarme en crear una base sólida mediante un diseño sistémico, por tanto, primero, construí un UI Kit completo definiendo la jerarquía tipográfica (Roboto), las paletas de colores semánticos y los componentes modulares base (botones, iconos, tarjetas de eventos).

Por lo que respecta a nivel técnico, ha sido un reto bastante exigente. He dedicado mucho esfuerzo a estructurar correctamente los menús desplegables de los filtros utilizando Auto Layout y variantes, peleando bastante con los anchos fijos y los Constraints para lograr que la interfaz respondiera bien al interactuar, sin que el contenido se desbordara de la pantalla.

Materiales de la entrega:

• Enlace al prototipo en Figma: Ver prototipo
• Video demostración del prototipo:

¿Creéis que la cantidad de estilos de texto que he usado es correcta?

Eventbrite tiene mucha jerarquía de información (fechas, precios, subtítulos…), así que es normal necesitar varios estilos para no perder fidelidad visual.

¿creéis que es mejor usar texto genérico («Título 1» / «Lorem ipsum» / etc) o escribir un texto real y ya ir cambiándolo por el contenido final?

El Lorem ipsum es puede ayudar pero me parece que puede engañar a simple vista. Con textos reales hago un stress test al componente y veo al momento si el Auto Layout aguanta bien los tamaños o si los puntos suspensivos saltan correctamente cuando corresponde.