Wireframe en diseño web

Un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas.

Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios.

Las ventajas de usar Wireframes son por un lado que el equipo y el cliente se centra en el diseño de contenidos y no en el diseño visual, y por otro lado, definiendo la organización y estructura en etapas previas al diseño y programación se evitan cambios posteriores más costosos, reduciendo así costos y tiempos.

La información que deben contener los wireframes es:

  • Inventario de contenido.
  • Elementos cómo: cabeceras, enlaces, listas, imágenes, formularios, etc.
  • Vínculos, títulos, etc.
  • Layout.
  • Notas que nos indiquen el comportamiento de algunos elementos.

En general esta herramienta es parte del proceso de arquitectura de infomación y permite definir el detalle del contenido de las páginas más relevantes, por ello es aconsejable realizar el wireframe antes de empezar con el diseño y la programación del proyecto web.

Dejar un comentario

Your email address will not be published. Required fields are marked *

//webmaster.com.do/wp-content/uploads/2019/03/BannerWMLite.png