Contorno reticular de sitio web

Los wireframes se enfocan en:[5]​ El wireframe del sitio web conecta la estructura conceptual, o arquitectura de la información, con la superficie, o diseño visual del sitio web.[6]​ Aparte de los sitios web, los wireframes son usados para hacer prototipos de sitios móviles, aplicaciones para ordenador u otros productos basados en pantalla que impliquen interacción hombre-máquina.Los interesados en un negocio los usan para asegurarse que los requerimientos y objetivos se conectan a través del diseño.[7]​ Trabajar con wireframes puede ser un esfuerzo colaborativo ya que este conecta la arquitectura de información con el diseño visual.[4]​ Otra dificultad con los wireframes es que, efectivamente, no muestran los detalles interactivos.[9]​ Para dibujos sencillos o de baja fidelidad, los prototipos en papel son una técnica común.[11]​ Para proyectos más complejos, representar wireframes con software de computador es popular.Para sitios web, los elementos informativos deben estar ordenados de manera que reflejen los objetivos y tareas del usuario.
Un wireframe de un perfil personal.
Wireframe para dispositivo móvil de una posible galería de imágenes.