Un mockup es un modelo a escala o completo para el diseño de un dispositivo, usado para enseñar, demostrar o evaluar, promover, o cualquier otro propósito con el diseño. Es un prototipo y por lo tanto provee al menos la funcionalidad de un sistema y sus pruebas básicas de diseño. Los mockups son utilizados por los diseñadores principalmente para adquirir retroalimentación de sus usuarios. Se pueden desarrollar en un tablero, en borrador en papel y en ocasiones, hasta en un taller con un martillo.

1. Mockups: prototipos

2. Un mockup es un modelo a escala o
completo para el diseño de un dispositivo,
usado para enseñar, demostrar o evaluar,
promover, o cualquier otro propósito con
el diseño.

3. En la industria automotriz los prototipos
hacen parte del proceso de desarrollo

4. En sistemas de ingeniería no son
claramente distinguidos entre software y
programas, donde sólo son una forma de
diseñar la interface del usuario en papel o
en imágenes.
Así nació Twitter:

6. En la industria militar, los prototipos son
parte integral del proceso de adquisición.

7. son comúnmente requeridos por los
diseñadores, arquitectos, y los
diseñadores de muebles personalizados.

9. En ingeniería de software: lo más común
es crear una interface que muestre al
usuario final cómo lucirá el programa sin
tener construido el software o la
funcionalidad determinada.

10. Mockup: prototipo

11. La razón principal para crear prototipos es
para poder hacer pruebas en una gran
parte del sistema, en una unidad, sin el
uso de módulos dependientes.

12. deriva resultados de la prueba para
implementar productos y usabilidad en toda la
herramienta

13. Wireframe (Diseño web)
Una ilustración visual que muestra
detalles.

14. Un wireframe para un sitio web, también
conocido como un esquema de página o
plano de pantalla, es una guía visual que
representa el esqueleto o estructura
visual de un sitio web.

16. Los wireframes se enfocan en:
 Los tipos de información que será
mostrada.
 La cantidad de las funciones
disponibles.
 Las prioridades relativas de la
información y las funciones.
 Las reglas para mostrar ciertos tipos
de información.
 El efecto de los distintos escenarios
en la pantalla.

18. Landing page: el primer contacto con su
cliente/usuario y tal vez, su única oportunidad.

19. Debe generar un impulso

20. Formato de página de venta

21. Para tener en cuenta: usabilidad +
look and feel.