Saltar a contenido

Reto 3 — Diseñar los Wireframes de la aplicación

Situación inicial

Tras haber definido y planificado el proyecto en el Reto 2, vuestro equipo ya dispone de una idea clara y viable de la aplicación que desea desarrollar.
El siguiente paso consiste en dar forma visual a esa idea, representando cómo se verá y cómo funcionará la app desde el punto de vista del usuario.
En este reto deberéis diseñar los wireframes y flujos de navegación de vuestra aplicación móvil, asegurando que la experiencia de usuario sea clara, intuitiva y coherente con los objetivos del proyecto.

Enunciado del reto

En este tercer reto deberéis diseñar los wireframes de la aplicación, representando la estructura, jerarquía y navegación de las distintas pantallas. El objetivo es construir una base visual que permita validar la experiencia de usuario antes del diseño final de la interfaz. Se espera que elaboréis un dossier visual y funcional donde se recoja:

  • El mapa de navegación o arquitectura de pantallas de la app.
  • Los flujos de usuario principales (user flows).
  • Los wireframes de baja y media fidelidad con anotaciones funcionales.
  • La definición de los componentes principales de la interfaz.
  • Las decisiones de accesibilidad y usabilidad aplicadas.
  • Un prototipo navegable (clicable) que muestre los flujos principales.

Producto esperado

  • Documento de diseño visual (10–15 páginas orientativas) con:

    • Mapa de pantallas y navegación.
    • Flujos de usuario principales.
    • Criterios de accesibilidad y usabilidad aplicados.
    • Descripción de componentes y patrones reutilizables.
    • Prototipo navegable que muestre al menos tres flujos de usuario completos.

  • Breve presentación (3–5 min) al resto de equipos mostrando el prototipo y las decisiones de diseño.

Además es obligatorio entregar: