fswd

¿Qué es un Mockup?

Un mockup es un diseño o modelo a escala o tamaño real que se hace de manera digital en presentaciones, demostraciones, promociones, etc., y sirve para que nuestros clientes tengan una visión más clara y realista de cómo será el diseño en "funcionamiento" aplicado al producto.

A la hora de presentar un diseño, es necesario que este sea impactante para el cliente. Para ello, tenemos que mostrarlo de una manera más elaborada, reflejando la profesionalidad que caracteriza nuestro trabajo. Además, mediante esta herramienta, debemos ser capaces de que el cliente visualice claramente cómo será el producto final.

 

Diferencia entre Mockup y Wireframe

Los wireframes son la primera representación de la estructura de un diseño. Aquí están representados los elementos principales del diseño final, pero a un nivel muy básico. Esto significa que sabemos qué tipo de elementos se colocarán y dónde, pero aún no hay una aproximación del aspecto visual del proyecto.

Los mockups son una representación visual que se hace en base a las dimensiones y organización previamente establecidas en el wireframe. A diferencia de este último, un mockup tiene un mayor sentido para el cliente porque es más visual: todos los elementos como el texto, los iconos y las imágenes son ya visibles y colocadas en lo que será el producto final.

Imagen que representa la diferencia entre mockup y wireframe

¿Por qué usar Mockups?

El uso de los Mockups es muy frecuente en las agencias por las ventajas que conlleva: aportan valor añadido a los diseños, materializan las ideas haciéndolas reales, proporcionan detalles y generan empatía al poder experimentar algo tangible. Además, su uso es también muy útil para:

  • Hacer una lluvia de ideas o averiguar lo que quieres construir.
  • Ahorra dinero en desarrolladores y describe claramente lo que necesitas para construir.
  • Usarlos para presentar a inversores o clientes.

Tipos de Mockup

Retail

Este tipo de mockup se encarga de mostrar cómo quedarían los productos físicos finales en los negocios retail. Esto implica desde la tienda en sí, camisetas, bolsas, etc. Cuando se trata de una previsualización para artículos, esta se llama "mockup de producto".

Imagen que representa un mockup retail

Tarjetas de Visita

Las tarjetas de visita son la primera impresión que percibe el cliente al conocer nuestra marca mediante un evento o cualquier acto presencial. Por ello, es muy importante conocer las diferentes técnicas que se pueden usar para hacerlas destacar, ya sea mediante impresión holográfica, texturas rugosas o técnica de escritura en relieve.

Mockup tarjeta de visita y papelería

Cartelería

La base fundamental de este tipo de mockups es verlo en el entorno para identificar si se hace una correcta visualización y lectura de todos sus componentes a diferentes distancias. Los tipos más frecuentes de cartelería son los mupis (marquesinas) y los pósters.

Mockup cartelería

Web

Hay que aclarar que algunos identifican al mockup como un prototipo, lo que no es exactamente real en la web, ya que la interacción que se puede hacer con una de estas maquetas es mínima. Es por eso que se les conoce como low fidelity prototypes o paper prototypes.

Mockup web con adaptación a dispositivos mobile

Apps

En el caso de las aplicaciones móviles, el mockup app puede entenderse como el prototipo. Gracias a esta herramienta se pueden crear las distintas pantallas que van a conformar la app móvil con el fin de tener una versión visual del producto final.

Mockup app