Categorías
CX Diseño

8 herramientas para crear tu primer User Flow

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

Categorías
Diseño

4 herramientas para diseñadores que te serán útiles

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 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 diseño & experiencia de usuario o un resultado que los usuarios finales odiarán.

En UXmonkeys hemos hecho una recopilación de 4 herramientas que merece la pena tener en cuenta

1️⃣Crello:

El editor de imágenes online más simple que hay. Una herramienta simple pero potente para crear cualquier formato de redes sociales – Posts, banners, gráficos, etc.

2️⃣Webflow:

Una herramienta de diseño muy completa que permite a los usuarios diseñar, construir y lanzar páginas responsive de manera muy visual

3️⃣Funnelytics:

Una herramienta de marketing que te permite crear funnels de marketing de manera muy sencilla

4️⃣Flowkit:

Crea user flows de manera super sencilla en Sketch y Figma con esta herramienta

Esperamos que esta recopilación de herramientas te haga la vida más fácil como diseñador gráfico y te ayude a crear mejores diseños y experiencias de usuario

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

Categorías
Diseño

5 herramientas para diseñadores que debes conocer

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 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 diseño & experiencia de usuario o un resultado que los usuarios finales odiarán.

En UXmonkeys hemos hecho una recopilación de 5 herramientas que merece la pena tener en cuenta

1️⃣ www.Materialpalette.com

¿Necesitas ayuda eligiendo una paleta de colores? Materialpalette te ofrece un punto de partida ideal

2️⃣ www.Ionicons.com

Contiene una gran cantidad de iconos para apps. Son completamente open-source y los puedes descargar en formato .SVG, por lo que escalan perfectamente

3️⃣ www.Huesnap.com

Si Materialpalette no es suficiente, con Huesnap puedes encontrar combinaciones de colores muy fácilmente

4️⃣ www.Mckups.com

Una colección gratuita de wireframes y mockups que te permitirá presentar tus primeros borradores y otros proyectos muy fácilmente

5️⃣ www.Typewolf.com

¿No se te ocurre qué fuente utilizar? Visita Typewolf y encuentra recomendaciones, guías y tendencias

Esperamos que esta recopilación de herramientas te haga la vida más fácil como diseñador gráfico y te ayude a crear mejores diseños y experiencias de usuario

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