Want to make creations as awesome as this one?

More creations to inspire you

TEN WAYS TO SAVE WATER

Horizontal infographics

GRETA THUNBERG

Horizontal infographics

FIRE FIGHTER

Horizontal infographics

STEVE JOBS

Horizontal infographics

ONE MINUTE ON THE INTERNET

Horizontal infographics

SITTING BULL

Horizontal infographics

Transcript

SOFTWARE PARA PROTOTIPOS EN EL MERCADO

1. Wireframing (Maquetación de baja fidelidad)

2. Prototipado Interactivo

3. Prototipado de Alta Fidelidad

+info

+info

+info

Diagramas simples, generalmente en blanco y negro, que priorizan la funcionalidad sobre la estética.

Ejemplos:

1. Wireframing (Maquetación de baja fidelidad):

Figma, Sketch, Miro, Balsamiq, Moqups.

VENTAJAS:

Permite visualizar rápidamente la distribución de los elementos en la pantalla.Facilita la comunicación entre diseñadores y desarrolladores.Es ideal para iterar rápidamente y explorar diferentes opciones de diseño.

Prototipos más detallados que los wireframes, con elementos visuales y animaciones básicas.

Ejemplos:

2. Prototipado Interactivo:

InVision, Adobe XD, Framer, Marvel, Proto.io.

VENTAJAS:

Permite probar la usabilidad de la interfaz y detectar posibles problemas de navegación.Ayuda a visualizar cómo se verá y funcionará el producto final.Es ideal para realizar pruebas de usuario y obtener feedback.

Prototipos altamente detallados, con elementos visuales realistas, animaciones fluidas y, en algunos casos, integración con datos reales.

Ejemplos:

3. Prototipado de Alta Fidelidad:

Proto.io, Axure RP, Figma (con plugins), Adobe XD (con plugins).

VENTAJAS:

Permite evaluar la experiencia de usuario de manera muy precisa.Ayuda a identificar problemas de diseño y usabilidad antes del desarrollo.Es ideal para presentar el producto a stakeholders y clientes.