Download - Mockups y Landing Page
![Page 1: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/1.jpg)
Mockups: prototipos
![Page 2: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/2.jpg)
Un mockup es un modelo a escala ocompleto para el diseño de un dispositivo,usado para enseñar, demostrar o evaluar,promover, o cualquier otro propósito conel diseño.
![Page 3: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/3.jpg)
En la industria automotriz los prototiposhacen parte del proceso de desarrollo
![Page 4: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/4.jpg)
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:
![Page 5: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/5.jpg)
![Page 6: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/6.jpg)
En la industria militar, los prototipos son parte integral del proceso de adquisición.
![Page 7: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/7.jpg)
son comúnmente requeridos por los diseñadores, arquitectos, y los
diseñadores de muebles personalizados.
![Page 8: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/8.jpg)
![Page 9: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/9.jpg)
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.
![Page 10: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/10.jpg)
Mockup: prototipo
![Page 11: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/11.jpg)
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.
![Page 12: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/12.jpg)
deriva resultados de la prueba para implementar productos y usabilidad en toda la
herramienta
![Page 13: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/13.jpg)
Wireframe (Diseño web)
Una ilustración visual que muestra detalles.
![Page 14: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/14.jpg)
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.
![Page 15: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/15.jpg)
![Page 16: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/16.jpg)
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.
![Page 17: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/17.jpg)
![Page 18: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/18.jpg)
Landing page: el primer contacto con su cliente/usuario y tal vez, su única oportunidad.
![Page 19: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/19.jpg)
Debe generar un impulso
![Page 20: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/20.jpg)
Formato de página de venta
![Page 21: Mockups y Landing Page](https://reader033.vdocumento.com/reader033/viewer/2022052311/559738ff1a28ab4f118b45b1/html5/thumbnails/21.jpg)
Para tener en cuenta: usabilidad + look and feel.