Empezar con wireframes: guía práctica

Un wireframe representa la estructura de una página antes de resolver todos sus detalles visuales. Sirve para discutir contenido, orden y navegación.

Empezar por las tareas

Escribe qué necesita encontrar o completar una persona. Reúne el contenido que permite responder a esas necesidades.

Una lista breve de prioridades ayuda a decidir qué aparece primero y qué puede quedar en una página secundaria.

Dibujar con poco detalle

Utiliza bloques y textos realistas. La intención es reconocer relaciones, no elegir todavía cada color o cada estilo de icono.

Incluye encabezados suficientemente largos y ejemplos de contenido real. Los textos muy cortos pueden ocultar problemas de espacio.

Recorrer y revisar

Une las pantallas necesarias para completar una tarea. Comprueba si los nombres de los enlaces anticipan su destino.

Anota las dudas en el propio esquema. Resolverlas antes del diseño visual evita tratar una dificultad de estructura como si fuera un problema de decoración.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Vexumi y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.