Mockups y Landing Page

Post on 04-Jul-2015

669 views 0 download

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

Mockups: prototipos

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.

En la industria automotriz los prototiposhacen parte del proceso de desarrollo

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:

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

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

diseñadores de muebles personalizados.

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.

Mockup: prototipo

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.

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

herramienta

Wireframe (Diseño web)

Una ilustración visual que muestra detalles.

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.

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.

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

Debe generar un impulso

Formato de página de venta

Para tener en cuenta: usabilidad + look and feel.