Clase 9 – Wireframe

imagen wireframe

Un wireframe, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web o aplicación.​ El wireframe esquematiza el diseño de página u ordenamiento del contenido, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto. Usualmente este esquema carece de estilo tipográfico, color o aplicaciones gráficas, ya que su principal objetivo reside en la funcionalidad, comportamiento y jerarquía de contenidos. En otras palabras, se enfoca en “qué hace la pantalla, no cómo se ve.”​ Los esquemas pueden ser dibujados con lápiz y papel o esquemas en una pizarra, o pueden ser producidos con medios de diseño de aplicaciones de software libre o comerciales.

Los wireframes se enfocan en:5

  • 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

Conclusión
Los wireframe nos ayudan a visualizar y conceptualizar un sitio web o aplicación en muy poco tiempo, esto nos permite tener ideas rápidas para luego desarrollarlas.

Enlaces relacionados
https://balsamiq.cloud/
https://es.wikipedia.org/wiki/Website_wireframe