Volver al Glosario digital

Wireframe

Imagina que le dedicas mucho tiempo y esfuerzo al diseño de la página web de un cliente, y cuando le presentas la versión definitiva, no le convence y te pide innumerables cambios, con lo que te ves obligado a reconstruir la web entera. Para que esto no pase y los diseñadores web puedan optimizar su tiempo al máximo, existen los wireframes.

¿Qué es un wireframe?

Un wireframe es un boceto de una página web o de las pantallas de una aplicación. Su principal utilidad es mostrar la funcionalidad y jerarquia de los contenidos de la web a modo esquemático. Muestra de qué manera va a estar estructurado el contenido, y la composición de la página. Se puede implementar en cualquier formato y para cualquier dispositivo, ya sea una pagina web o una aplicación.

Hay dos maneras de crear un wireframe.

Con papel y lápiz (a la vieja usanza).
En formato digital

Muchas veces se suele hacer de las dos maneras. Pues la versión en papel es el primer paso, y de cara a la presentación a cliente resulta más estético y profesional en formato digital.

Un wireframe se divide en 3 elementos

Diseño de la información: cómo se va a estructurar la información para que el usuario pueda entenderla de la mejor manera posible.

Diseño de navegación: cómo van a estar conectados los diferentes wireframes dependiendo del contenido y de dónde vamos a hacer click.

Diseño de la interfaz: cómo vamos a distribuir los elementos.

¿Por qué debes utilizar wireframes?

Puede parecerte una perdida de tiempo, pero no lo es. Los wireframes permiten que el cliente se haga una idea de nuestra propuesta de distribución del contenido en la página web para, antes de implementarla, hacer los cambios pertinentes. Además sirve para que, mientras se está planteando el diseño, se detecten posibles mejoras y cambios aplicables y se pueda iterar e ir haciendo modificaciones de forma rápida.

Descubre el nivel de madurez digital de tu empresa

Tras analizar cientos de empresas, hemos desarrollado un test único que evalúa tu madurez digital basándonos en datos de exclusivos y propios.

Realizar test

Otros Conceptos Digitales

Venture Capital

Business Angel

Geo-targeting

WooCommerce

Business Model Canvas

Marketplace

Marketing de Afiliados

Influencer

Qué es Google Tag Manager

Mobile First

Customer centric

Curator

Curación de contenidos

Plugin

Internet of Things (IOT)

Transmedia

Micromomentos

EdgeRank

HTTP y HTTPS