Cada vez el mundo digital es más cambiante, lo que antes eran 2 años, hoy son 2 meses por lo que los diseñadores de UX deben estar al día sobre todas las herramientas que pueden utilizar para hacer su vida (¡y trabajo!) más fácil.

Todos los días aparecen nuevas herramientas, tendencias, formas de hacer las cosas y por ello, estar al día puede significar la diferencia entre crear un buen wireframe & experiencia de usuario o un resultado que los usuarios finales odiarán.

Pero, ¿Qué es un wireframe?

Un wireframe no es más que un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web.

Los wireframes, también llamados mock-ups son una parte crucial del proceso de desarrollo. Juegan un papel muy importante en el diseño y desarrollo de una Web o App ya que definen el contenido, la estructura y la funcionalidad del mismo sin aplicar el diseño en sí (los colores, tipografía, gráficos, etc.)

Desde UXmonkeys te dejamos una recopilación de 8 herramientas en la nube que te permitirán crear tu primer wireframe, todas con una versión gratuita y ampliable en una versión de pago

1️⃣Canva⁣⁣⁣

  • Diseña en drag & drop y descarga en cualquier formato
  • Versión gratuita: 2 caretas & 1GB de almacenamiento
  • Versión de pago: 12.95€/mes por usuario, almacenamiento y carpetas ilimitados

2️⃣Miro⁣⁣⁣

  • Si buscas crear flow-charts, esta es tu herramienta
  • Versión gratuita: 3 tableros
  • Versión de pago: 8€/mes por usuario, plantillas y almacenamiento ilimitado

3️⃣Whimsical⁣⁣⁣

  • la mejor forma de trabajar en equipo en un formato visual
  • Versión gratuita: 4 tabletos
  • Versión de pago: 12€/mes por usuario, tableros y plantillas ilimitadas

4️⃣Wireframe.cc⁣⁣⁣

  • La mejor forma de crear wireframes en una web
  • Versión gratuita: Todos tus wireframes tendrán visibilidad pública
  • Versión de pago: 16€/mes por usuario, wireframes multipágina y privados

5️⃣Moqups⁣⁣⁣

  • App web muy sencilla que permite colaborar en tiempo real
  • Versión gratuita: no existe
  • Versión de pago: 13€/mes por usuario, proyectos, elementos gráficos y almacenamiento ilimitado

6️⃣Mockflow⁣

  • Crea fácilmente wireframes en la web
  • Versión gratuita: Todos los wireframes tendrán visibilidad pública
  • Versión de pago: 16€/mes por usuario, wireframes multipágina y privados

7️⃣Adobe XD⁣⁣⁣

  • Basado en la nube & fácil de utilizar gracias a los kits y plantillas disponibles
  • Versión gratuita: 1 proyecto & Plantillas online & 2 GB almacenamiento
  • Versión de pago: 12,09€/mes por usuario Proyectos ilimitados & 100 GB almacenamiento

8️⃣Figma⁣⁣⁣

  • Fácil acceso a crear wireframes online
  • Versión gratuita: 3 proyectos & 2 editores & historial de 30 días
  • Versión de pago: 12€/mes por usuario, proyectos ilimitados & permisos personalizados, historial ilimitado

Esperamos que esta recopilación de herramientas te ayude en tu aventura como diseñador de UX para crear tu primer wireframe y y te ayude a crear mejores diseños y experiencias de usuario

¿Ya has creado tus wireframes? Ponlos a prueba con los Tester de UXmonkeys y descubre qué piensan realmente los usuarios finales