Publicado por

Prototipado – R1 · Diseño de un prototipo básico

Publicado por

Prototipado – R1 · Diseño de un prototipo básico

¡Hola a todos! Aquí tenéis mi entrega del primer reto de la asignatura, ánimos a todos y espero que lo hayáis disfrutado tanto como yo :) Con el fin de poder realizar el prototipo, he seguido los siguientes pasos: Exploración inicial Exploración de la app, del flujo pedido y de todas las posibles interacciones. Según el momento del día, la app propone distintas opciones, y algunos componentes y materiales disponibles varían. Listado y creación de componentes y variables Una vez…
¡Hola a todos! Aquí tenéis mi entrega del primer reto de la asignatura, ánimos a todos y espero que…

¡Hola a todos!

Aquí tenéis mi entrega del primer reto de la asignatura, ánimos a todos y espero que lo hayáis disfrutado tanto como yo :)

Con el fin de poder realizar el prototipo, he seguido los siguientes pasos:

  • Exploración inicial

Exploración de la app, del flujo pedido y de todas las posibles interacciones. Según el momento del día, la app propone distintas opciones, y algunos componentes y materiales disponibles varían.

  • Listado y creación de componentes y variables

Una vez explorada la app, o lo que permite la versión gratuita, y después de haber entendido su comportamiento y estructura, realicé un listado de componentes necesarios además de sus diferentes estados y variaciones.

  • Definición de estilos (colores, textos, etc…)

Esta etapa, de las más importante para poder ser los más eficiente posible y trabajr de manera sistémica, ha sido más bien un va-y-ven con la creación de componentes y el diseño de las pantallas estáticas, como todo proceso iterativo y más en diseño UI.

  • Diseño de las pantallas estáticas y creación del prototipo con interacciones

Capturas de pantalla del flujo, y diseño colocando los componentes, usando la jerarquía tipográfica y estilos de color. Todo este proceso, iterativo con las etapas precedentes, ha finalizado añadiendo las interacciones necesarias para crear el flujo principal, además del «fine-tunning» de la nomenclatura de componentes y verificación que los diferentes estados creados con variables funcionen.

 

Aquí tenéis el link directo al prototipo, y el vídeo de éste con el flujo principal.

 

Y aquí tenéis el vídeo del prototipo:

Reto 1 – Gemma Mier Cervantes

Cargando...

Un saludo,

Debate0en Prototipado – R1 · Diseño de un prototipo básico

No hay comentarios.