challenge two: WIREFRAMING

Mia Escorihuela
3 min readMar 2, 2021

--

Para el segundo challenge he elegido una aplicación de móvil muy sencilla e intuitiva, tiene un flow fácil de seguir sea cual sea tu nivel de manejo de herramientas digitales. Esto es algo que me gusta y que el usuario agradece.

En los últimos tiempos bastante gente se ha lanzado a realizar actividades deportivas en casa, muchos se han acostumbrado a entrenar solos pero echan de menos asistir a clases en gimnasios y centros de yoga o meditación.

Downdog

DOWNDOG es un App que acerca ese mundo a la comodidad de tu casa con un enfoque profesional y extremadamente personalizado: aquí el que elige eres tú, y lo puedes elegir TODO: el tipo de rutina, la música y hasta la voz del instructor!!

  • Las clases de yoga, workouts y meditación se imparten en videos customizados con la duración e intensidad que tu prefieras, por eso antes debes señalar a través de pantallas con preguntas y respuestas tipo test las características de tu entrenamiento.
  • El flow que he elegido muestra como seleccionar los detalles del workout.
  • En la progresión de pantallas puedes saltar algún paso, si no deseas elegir algo en concreto.
  • Su estética esta muy cuidada, utilizan imágenes a todo color de fondo que transmiten sensaciones relacionadas con la satisfacción del trabajo bien hecho, la recompensa por el esfuerzo, concentración, potencia, flexibilidad o relajación.
  • La información en texto es muy concreta por eso he incluido los textos originales en los modelos low-fi que podemos ver a continuación.
Información para elaborar tu entrenamiento óptimo
Más detalles para que el entrenamiento se ajuste a tus preferencias y resumen de todo, con opción a ser modificado antes de empezar

Los elementos Ui que aparecen son:

  • buttons
  • scroll up/down
  • list boxes
  • radio buttons (especialmente para seleccionar UNA opción)
  • text fields
  • date & time pickers
  • sliders/trackbars
  • icons

Wireframes Flow

Una App de líneas simples con mucho poder visual en la imágenes de fondo da lugar a unos wireframes muy serenos, sin ruidos ni excesos. El flow permite ir y volver de una pantalla a otra y cambiar las opciones sin generar conflicto.

Downdog wireframes and app screenshots
  1. log in /registrarse si el usuario es nuevo en la App
  2. aparecen múltiples pantallas similares con opciones para seleccionar
  3. personaliza aún más tu entrenamiento
  4. sumario con todo lo seleccionado y opción de modificar
  5. comienza el entrenamiento! (puedes deslizar y desplegar el menú inferior y aparecerá el sumario de nuevo para modificar lo que desees)
  6. controla tus rutinas con el historial y el calendario

Desglosar una App es muy interesante y nos obliga a prestar atención a todos los detalles, a explorar el recorrido que el usuario va a hacer y ver los fallos enseguida. A través de los wireframes tenemos un punto de vista especial, más simplificado, y sin distracciones que nos ayuda a mejorar la base de nuestro proyecto.

--

--