wireframe

Wireframe

Un wireframe es un término usado principalmente en diseño web y desarrollo de interfaces, que se refiere a un esquema o boceto básico de una página o aplicación.

Significado:

Un wireframe es un modelo esquemático que muestra la estructura y el contenido básico de una interfaz, sin detalles visuales ni gráficos avanzados, como colores, imágenes o tipografías definitivas. Sirve para planificar la disposición de los elementos, indicar la jerarquía visual y definir la funcionalidad antes de realizar el diseño final.

Partes:

• Estructura: Representa cómo estarán organizados los bloques o áreas en la pantalla.
• Elementos básicos: Indicaciones vagas de botones, menús, campos de texto, iconos, etc.
• Texto placeholder: Espacios reservados para títulos, contenidos o descripciones.
• No incluyen estilos: no hay colores ni imágenes reales, sólo formas simples como rectángulos y líneas.

Sinónimos:

• Boceto de interfaz
• Esquema
• Bosquejo funcional
• Mockup básico (aunque un mockup suele ser más detallado)

Antónimos:

• Diseño final
• Prototipo avanzado (que incluye interactividad y estilos visuales)
• Maqueta visual

Contextos adicionales:

En el desarrollo de producto, un wireframe ayuda a la comunicación entre diseñadores, desarrolladores y clientes para hacer correcciones a nivel estructural antes de invertir tiempo en diseño visual. También puede usarse para validar la experiencia de usuario (UX).

---

En resumen, un wireframe es la arquitectura visual preliminar de una interfaz digital, que permite planificar y ajustar sin distracciones visuales.