Mockups y Landing Page

21
Mockups: prototipos

description

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.

Transcript of Mockups y Landing Page

Page 1: Mockups y Landing Page

Mockups: prototipos

Page 2: Mockups y Landing Page

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

En la industria automotriz los prototiposhacen parte del proceso de desarrollo

Page 4: Mockups y Landing Page

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
Page 6: Mockups y Landing Page

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

Page 7: Mockups y Landing Page

son comúnmente requeridos por los diseñadores, arquitectos, y los

diseñadores de muebles personalizados.

Page 8: Mockups y Landing Page
Page 9: Mockups y Landing Page

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

Mockup: prototipo

Page 11: Mockups y Landing Page

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

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

herramienta

Page 13: Mockups y Landing Page

Wireframe (Diseño web)

Una ilustración visual que muestra detalles.

Page 14: Mockups y Landing Page

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
Page 16: Mockups y Landing Page

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
Page 18: Mockups y Landing Page

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

Page 19: Mockups y Landing Page

Debe generar un impulso

Page 20: Mockups y Landing Page

Formato de página de venta

Page 21: Mockups y Landing Page

Para tener en cuenta: usabilidad + look and feel.