Diseño
Wireframe
Representación esquemática de baja fidelidad de la estructura de una página, sin elementos visuales finales.
Definición técnica
Wireframe muestra arquitectura y jerarquía de información de una página sin distraerse con colores, tipografía o imágenes. Permite validar flujo y estructura antes de invertir en diseño visual. Suelen hacerse en Figma, Sketch, papel. Distinguir de mockup (diseño visual hi-fi) y prototype (interactivo).
Por qué importa
Saltar la etapa de wireframes lleva a diseños bonitos con problemas estructurales. Wireframes validados ahorran tiempo total del proyecto significativamente.