Definición de Flujos de Tareas

Para los que no quieren hacer los flujos de tarea en documentos word, aca les dejo algunas alternativas. Yo vivo en Canadá y trabajo como diseñador UX, y es muy mal visto presentar este tipo de flujos en este tipo de documentos, esto debido a que trabajar en equipo y hacer iteraciones de forma eficiente es muy difícil. Todas ofrecen un plan gratuito:

1. Ofrece desktop app Miro
2. Ofrece desktop app Whimsical
3. MockFlow

Diciendo esto, la clase es excelente, me encanta!

Disculpen lo largo.
![](

Los Flujos de Tareas son los pasos que un usuario ejecuta para completar una tarea particular. Por ejemplo: apartar un hotel.

Se suelen usar dos componentes, donde se especifica de manera ordenada:

• Lo que el usuario ve (en pantalla)
• Lo que el usuario hace (cómo interactúa)
  
  Ejemplo:
  
  
  \
  Hay que identificar todos los detalles involucrados en la interacción para que el usuario pueda completar su tarea.

Ok. Aquí parte del ejercicio de esta clase:

Un flujo de tareas es solo los pasos específicos que un usuario debe hacer para completar una acción que él mismo desea.
Para crear un Flujo de tareas, debemos tener la información y la investigación necesarias para identificar las acciones que el usuario desea realizar en nuestro proyecto. Cuando identificamos estas acciones, podemos crear este flujo de tareas en dos partes.
La primera parte es la vista de nuestro proyecto, lo que el usuario ve, mientras que la segunda parte son las acciones que el usuario puede hacer en esa vista.
Debemos especificar cada paso del flujo y en cada paso podemos definir las acciones opcionales que pueden ayudar al usuario a realizar las acciones más rápido o de una manera mas comoda.

muy importante saber los flujos de tareas para empezar a realizar los wireframes

[(https://www.figma.com/file/pmHwJR27mJmJJqhdlDiQx5/Untitled?node-id=0%3A1)]
Que opinan de mio?

Hola, Realice el ejercicio de las dos primeras.
Recibo feedback gracias.

Increíble clase, me resulta muy conveniente porque actualmente desarrollo un portal de viajes.

No sé si entendí bien, pero aquí lo intenté 🙈

Uno de los flujos.

El modelo recomendado para construir un flujo de tareas es lo que el usuario ve y hace

FigJam también es buena alternativa para realizar esto.

Creo que no me quedó tan claro la parte de las acciones u opciones del flujo en mi ejemplo. Si tienen alguna observación lo agradecería 😃

Mi aporte 😄

![](![](

)

Esto se complementa bastante con Arquitectura de la informaciónn así sabremos que la información no va ahí porque sí, si no que tiene una razón.

https://miro.com/app/board/uXjVO9hRsQA=/?share_link_id=462207141163

Practicando un poco

Es cierto, mejor empezar con lo que queremos que el usuario vea o haga antes de ponerse a diseñar el prototipo

Es una mala práctica comenzar a hacer wireframes y prototipos sin realizar una adecuada estructura de pasos que el usuario debe realizar para completar una tarea, lo que se conoce como Flujo de Tareas.

Realicé el flujo del punto 4 del brief.
Buscar hoteles y viviendas para rentas con las amenidades que me gustan como piscina, desayuno, Wi-Fi gratis, gimnasio, cuarto de juegos, etc

comparto mi ejercicio de la clase!

Aquí les dejo mi aporte directamente en Whimiscal https://whimsical.com/flujo-de-tareas-por-funcion-4gF1fLpFHS1jVtgiFMkRnJ

No aparece el ejemplo de Uber en los recursos.

Esto es lo que hice hasta ahora! Apreciaria una opinion

Les comparto mi ejercicio en whimsical es muy rapidoElegir restaurante

Mi aporte

Ya quiero aplicar lo de lo que el usuario ve y lo que el usuario hace.

Hola les comparto mi flujo de tareas

La herramienta que utiliza el profe se llama Lucidchart

figma ya tiene para hacer flujos, en figjam file , esta en beta yo la probe y es sencillo de usar y utiliza las mismo shortcut que su app nativa de inicial , con R ya comienzas hacer los cuadros y no debes tirar flechas solo poner + y se hace automaticamente, ahora en cuanto a colores solo tiene los comunes no puedes personalizar lo unico por ejemplo no puedes poner un azul fuerte y otro claro existe un azul solido. tambien el profesor uso la herramienta de dibujo de google , existe una extension directa de dicha herramienta para asi no estar entrando a drive…

Comparto uno de los flujos! Agradezco todas sus retroalimentaciones! (:

Hola… les comparto la numero 1 de la lista de este reto a ver si me ayudan con algo de feedback. Admito que me enreda un poco el orden o la dinámica entre lo que se ve y las acciones.

WACHA

Esto no es lo mismo que el User journey???

El reto lo hice con un proyecto propio

listo mi parte del ejercicio si tienen algun feedback bien recibido es!

uno de los flujos

Algunos Flujos de Tareas:

Omití la parte de login porque no estaba en la consigna y me parece algo implícito. Sin embargo puede modificarse.
.
Escríbanme si tienen una mejor idea para hacer el esquema.
.