Wireframes para principiantes

Este artículo le ayudará a responder algunas de las preguntas que se hace sobre los wireframes.

¿Qué es un wireframe?

Un wireframe es como un esquema de cómo será tu sitio web o página de aterrizaje. Será una vista esquemática de lo que su diseñador utilizará cuando diseñe su página. Los wireframes proporcionan el diseño general y deseado que usted desea y tiene el mejor contenido que le parece adecuado.

Al igual que un borrador, un wireframe saca tus ideas y te permite ver las posibilidades que tienes, detalla la agencia de publicidad Andar Digital. No pasa nada si cambias de opinión y también es fácil cambiar tu wireframe.

Cuando estaba aprendiendo sobre wireframes, todo tenía sentido una vez que empezaba a crear uno. Así que te animo a que crees uno quizás mientras lees esto.

Empezando un wireframe

Sigue estos pasos iniciales.

• Utiliza un programa de documentos, como Word o Google Docs
• Inserta una tabla de 6×6 para empezar (podrás fusionar y crear celdas más grandes)
• Ten siempre tu logo en la esquina superior para que tu marca esté siempre presente

Componentes del wireframe

Es importante incluir algunos de estos componentes en tu sitio web o página de aterrizaje. Verás que algunos de estos componentes son también los de mi blog, Buenas prácticas de páginas de aterrizaje para una campaña publicitaria exitosa

Sólo debe haber tres formas de salir de la página.

El botón de vuelta

La sección de pie de página que incluye enlaces a las redes sociales, sobre nosotros, etc. que estará en la parte inferior

Siguiendo la CTA

Quieres que sólo se centren en la CTA, así que haz que destaque. Su CTA tendrá que ser visible en todo momento para que cuando estén listos para actuar, lo tengan justo delante de ellos.

La mejor práctica es colocar su CTA en cada fila de su wireframe y tanto como sea visualmente aceptable después de cada componente.

No olvides ponerlo en el mismo lado. La razón de esto es para que ellos puedan anticipar y familiarizarse con la ubicación del CTA cuando estén listos.

Testimonios/Evidencias:

Estos te dan credibilidad y alguna prueba que puede ayudarles a confiar en ti.

Hay diferentes maneras de incluir testimonios y pruebas de cómo tu producto o servicio ha ayudado a otros en tu wireframe, y todo depende de ti.

La mejor práctica es incluir al menos tres elementos, como testimonios, un portafolio o compartir con quién te asocias.

Una imagen o vídeo que muestre lo que van a conseguir o lo que pueden esperar.

La imagen principal es lo primero que verán y debe colocarse antes de la primera página. Asegúrese de que les llame la atención y sea interesante, especialmente si se trata de un vídeo.

La mejor práctica es incluir la imagen principal junto a los beneficios en la primera página.

Beneficios:

Lo que tu producto o servicio hará por ellos.

La gente invertirá en algo que les ayudará. Poner las razones por las que deberían invertir le ahorra tiempo a usted y a ellos.

La mejor práctica es destacar las que les darán mayores resultados como beneficio.

Diferenciación:

Una inclusión imprescindible para este componente es tu propuesta de valor.

Incluir esta información en tu wireframe asegura tu credibilidad y les muestra con quién van a tratar. A la gente le gusta saber quién es una marca y cuáles son sus valores.

La mejor práctica es responder a las siguientes preguntas:

• Quién es usted como empresa (su propuesta de valor)
• Lo que va a hacer o proporcionarles (Lo que les da)
• Por qué deberían elegirle a usted en lugar de a la competencia (En qué se diferencia usted)
• Cómo vas a entregar lo que tienes para ayudarles (Cómo trabajas)

La guía para principiantes de los wireframes. Poniendo todos estos componentes en tu wireframe parecerá que tienes un talento natural. ¡Espero que esto te ayude y te deseo suerte!