¿Qué es un mockup?

Read in English. (Leer en inglés.)

Un mockup es una representación visual o diseño de una aplicación, página web o producto que ilustra cómo podría ser el resultado final. En el diseño de la experiencia de usuario (UX), los mockups definen el propósito y la intención de un diseño, a menudo incluyendo elementos visuales como la estructura, el diseño, los esquemas de color, las fuentes y el texto editorial. 

Los mockups son versiones estáticas del concepto de diseño, para que los equipos puedan entender cómo el producto ejecutará una característica en particular. Dos términos estrechamente relacionados son wireframe y prototipo. Un wireframe es el esqueleto o boceto inicial de un producto, mientras que un mockup está más desarrollado. Un prototipo es una de las versiones finales de un producto desarrollado después del mockup. 

¿Cuál es el objetivo principal de un mockup?

Aunque los mockups no resaltan la funcionalidad de un producto, sirven como representaciones realistas. Están diseñadas principalmente para comunicar la visión de un equipo sobre el producto a las partes interesadas y a los clientes.

Obtenga más información sobre los mockups de los expertos en diseño UX de Google.

Términos relacionados:

• Wireframe

• Estrategia de experiencia de usuario

• Diseño web adaptable

• Diseño de interfaz de usuario

• Diseñador de productos

• Usabilidad

• Mapa de recorrido del usuario

Iníciate en el diseño UX

Los mockups ayudan a visualizar el diseño final y comunicar la intención del producto, lo que los convierte en un recurso valioso para mantener la coherencia de la marca y un diseño visual unificado durante el desarrollo del producto. Para mejorar tus habilidades de diseño, considera la posibilidad de adquirir una base sólida en experiencia de usuario (UX) con el Certificado Profesional de Diseño UX de Google en Coursera. Construye wireframes y prototipos y lleva a cabo investigaciones con usuarios para poner a prueba tus diseños, todo a un ritmo que se adapte a ti.