Wireflow para rediseño: tarea del usuario

Aprende a construir un wireflow claro y útil para un rediseño centrado en el usuario. El objetivo: elegir una tarea concreta, mapear el flujo de wireframes que la resuelve usando la navegación del sitio, y luego optimizar la estructura de la información para reducir pasos. Comparte tu propuesta y ofrece feedback a la comunidad.

¿Qué debes hacer para crear un wireflow efectivo?

Comienza el ejercicio seleccionando el sitio que decidiste rediseñar y define una tarea específica que una persona realizaría allí. El foco está en entender cómo el usuario avanzaría por la navegación del sitio para completar esa tarea.

¿Cómo iniciar el rediseño del sitio con una tarea del usuario?

• Elige el sitio que vas a rediseñar.
• Define una única tarea del usuario, concreta y medible.
• Usa un ejemplo claro: encontrar “Cien años de soledad” de Gabriel García Márquez.
• Evita el buscador y recorre la navegación disponible.

¿Por qué evitar el buscador y usar la navegación del sitio?

• Permite observar el camino real que la interfaz sugiere.
• Ayuda a detectar dónde la estructura de la información facilita o entorpece la tarea.
• Muestra pasos innecesarios que luego podrás eliminar.

¿Cómo dibujar el flujo de wireframes y mejorarlo?

Tu objetivo es traducir el recorrido en un wireflow (flujo de wireframes): una secuencia que ilustra cada pantalla o estado por el que pasaste para cumplir la tarea. Después, itera para que el usuario llegue más rápido al objetivo.

¿Qué incluir en tu wireflow paso a paso?

• Dibuja el flujo que seguiste para completar la tarea elegida.
• Guíate con el ejemplo anexo en la pestaña de archivos.
• Realiza ajustes para que la tarea sea más rápida.
• Quita pasos innecesarios que no aportan.
• Ajusta la acomodación de la estructura de la información para que encontrar el libro sea más sencillo.
• Mantén el foco: reducir fricción y clarificar la ruta.

¿Qué ejemplo usar para practicar la navegación?

• Contexto: sitio web de una librería.
• Tarea: encontrar “Cien años de soledad” de Gabriel García Márquez.
• Condición: no usar el buscador, solo la navegación del sitio.

¿Cómo compartir y dar feedback a la comunidad?

La colaboración mejora la calidad del diseño. Publica tu trabajo y comenta propuestas de otros para ampliar perspectivas.

¿Dónde compartir y cómo participar?

• Comparte tu wireflow en la pestaña de discusiones.
• Deja feedback constructivo a tus compañeros.
• Enfoca tus comentarios en claridad del flujo y reducción de pasos.
• Señala oportunidades de mejora en la estructura de la información.

¿Ya trazaste tu wireflow y lo optimizaste? Compártelo y comenta cómo reduciste pasos sin sacrificar claridad.