Diseño de Flujos de Usuario para Apps de Entrega de Comida

Resumen

Vamos a definir qué parte de todo el flujo que tenemos en papel vamos a prototipar. Plantearemos el flujo previo a comenzar a hacer interactivo nuestros mockups.

Carlos Andres Orozco Palacio

student•

Una aplicacion que nos sirve para hacer este proceso y aparte de manera colaborativa es https://coggle.it/

Nicolás Neira Navarrete

student•

qué buen dato, muchas gracias!

Hanz Rodriguez Emiliani

student•

Gracias :D

Ernesto Vizcaíno Alvarado

student•

Wow muy interesante esta clase

Carlos García García

student•

Podemos usar FigJam de Figma

Carolina Gómez

student•

Resumen – Flujo de usuario para una app de comida (Flash Food)

En esta clase aprendimos a crear el flujo de usuario para una app de servicio de comida llamada Flash Food. Toda interacción dentro de la app es importante, por eso primero se trabaja el flujo general.

Flujo de usuario (User Flow):
- Se recomienda empezar con una maqueta hecha a mano.
- El diseño debe ir de mayor a menor: primero lo general y luego lo específico.
- Esto ayuda a que el flujo sea más ordenado y que las ideas abstractas se organicen mejor.
Mapeo del flujo:
- Se debe mapear todo el recorrido del usuario de izquierda a derecha, paso a paso.
- Se identifican todos los puntos o instancias del proceso (llamados paquetes ADOs).
- Luego se decide cuáles de esos pasos harán parte del proyecto final.
Pasos principales del flujo para esta app:
- Launch Screen (pantalla de inicio)
- Login
- Descubrir (explorar opciones)
- Productos
- Visualización del producto y opciones de compra

Tiffany Gonzalez

student•

Todo esto se puede lograr con Figma, claramente usar Sketch no es regla de oro para prototipar o crear interfaces de usuario.

Andrés Trujillo Mateus

student•

https://platzi.com/cursos/figma-avanzado/

Pedro Isaac Aguilar

student•

Qué buena clase! ... Me quedó más claro el proceso de cómo diseñar un workflow para diseño de una app / interfaz.

Guillermo Jean Pierre Guevara Otero

student•

Como complemento, es bueno agregar:

Mockups en cada paso del proceso.
Notas de acuerdo a diseño (detalle), desarrollo (limitaciones) o negocio (requerimientos).

Daniel Carmona

student•

Me gusto el flujo de la aplicación.

Maylith Ángulo Angulo

student•

grandioso..

Cristian Alejandro Velasco Cernas

student•

Este curso está cumpliendo mis expectativas.

Carlos Alberto Correa Naranjo

student•

Que plataforma, app o programa permite generar flujogramas y también permita para UX/UI

Dani Landa

student•

Miro y https://coggle.it/

Nicolás Sepúlveda

student•

También es bueno colocar en el flujo de navegación las ventanas desplegables, si las hay, como una ventana de ofertas, un tutorial o si se realiza un flujo más complejo se puede agregar las ventanas de las opciones desplegables que hay en cada una de las pantallas. Si lo hacen en notitas o algo por el estilo eso luego lo pueden aprovechar para la arquitectura de la información.