Un website wireframe es un “esquema de página” o “plano de pantalla”, es una guía visual que representa la estructura visual de un sitio web. El wireframe esquematiza el ordenamiento del contenido del sitio web (con elementos de la interfaz y sistemas de navegación).

Uhbcuebveb ihbcebuiebl

Se enfocan en “qué hace la pantalla, no cómo se ve.” (con lápiz y papel o esquemas en una pizarra). Los wireframes se enfocan en:

Los tipos de información que será mostrada
La cantidad de las funciones disponibles
Las prioridades relativas de la información y las funciones
Las reglas para mostrar ciertos tipos de información
El efecto de los distintos escenarios en la pantalla

El wireframe del sitio web conecta la estructura conceptual o arquitectura de la información, o el diseño visual del sitio web:

Funcionalidad
Relaciones
Esquematización: “diagramas de flujo de estructuras de trabajo de alto nivel o mapas de sitio y diseños de pantallas.”

Los wireframes pueden ser utilizados por diferentes disciplinas. Los wireframes pueden tener múltiples niveles de detalle y pueden dividirse en dos categorías en términos de fidelidad:

Baja fidelidad: menos detalles y más rápidos de producir
Alta fidelidad: usados para documentar, incorporan un nivel de detalle que se acerca al diseño final de la página web

El esqueleto de un sitio web puede ser dividido en tres componentes: diseño de información (ubicación que facilita el entendimiento), diseño de navegación (movimiento en el mismo sitio) y diseño de interfaz (seleccionar y ordenar elementos con el objetivo de facilitar la usabilidad).