Workshop Landing Pages

En este taller de prototipado de landing pages en papel, eminentemente práctico, poco aprendimos, aunque sí que nos los pasamos bien y saque alguna conclusión interesante.

Lo que más me gusto fueron los vídeos que citaron (y que estuve rápido y fui capaz de localizar) sobre Gmail, con prototipado en papel a tamaño real, para estudiar la interacción de usuario. Aquí os los dejo, no tienen desperdicio:

Gmail Art

Hanmail Paper Prototype

Por otro lado nos dieron las 12 claves para crear una landing page de calidad:

  • Cumple con la promesa del anuncio. Cumple con las espectativas.
  • Piensa en “conversion paths” y en “experiencias de aterrizaje” no en páginas
  • El foco en la oferta NO en la navegación
  • Demuestra que conoces el punto de partida del usuario (“qué sé, qué quiero saber…”). Indícalo si es necesario
  • Respeta una jerarquía visual (Por ej.: Encabezado, argumentos, teléfono…)
  • La información más importante a primera vista (sin que haya necesidad de hacer scroll)
  • Limita las opciones de navegación. Quieres guiar al usuario a una acción concreta no a que se “pierda” por la web.
  • Invita a la acción mediante llamadas o recursos específicos
  • Proporciona seguridad y confianza: testimonios de terceros, iconos de seguridad (transacciones, bancos, tarjetas), políticas de privacidad y de uso de datos, identidad de la empresa…
  • Menos es más: SIMPLIFICAR.
  • Hazlo obvio (llamada a la acción, de nuevo)
  • Test, test, test. O lo que es lo mismo: probar, probar y probar hasta dar con la fórmula más óptima y después, seguir probando.

Luego estuvimos realizando, por grupos, un prototipado en papel. A nosotros nos tocó realizar la landing de préstamos de un banco. Menos mal que no le saqué fotos :P .

Una respuesta para “Workshop Landing Pages”

  1. dcostas (Daniel) Dice:

    Hola David.

    Este finde estuve navegando por blog de diseño de interacción “ïndica. oceanos de contenido”, en él me encontré con un articulo que hacía referencia a los test de interface sobre papel. Como herramienta para probar el funcionamiento de wireframe, tiene sus peros …. Échale un vistazo

    http://www.seisdeagosto.com/indica/test-sobre-papel-algunas-conclusiones/

    Me quedo con tus consejos para el diseño de una landing…

    Gracias por el articulo!

Escribe un comentario