Mockups y Landing Page

1,006 views
867 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,006
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mockups y Landing Page

  1. 1. Mockups: prototipos
  2. 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. 3. En la industria automotriz los prototipos hacen parte del proceso de desarrollo
  4. 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:
  5. 5. En la industria militar, los prototipos son parte integral del proceso de adquisición.
  6. 6. son comúnmente requeridos por los diseñadores, arquitectos, y los diseñadores de muebles personalizados.
  7. 7. 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.
  8. 8. Mockup: prototipo
  9. 9. 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.
  10. 10. deriva resultados de la prueba para implementar productos y usabilidad en toda la herramienta
  11. 11. Wireframe (Diseño web) Una ilustración visual que muestra detalles.
  12. 12. 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.
  13. 13. 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.
  14. 14. Landing page: el primer contacto con su cliente/usuario y tal vez, su única oportunidad.
  15. 15. Debe generar un impulso
  16. 16. Formato de página de venta
  17. 17. Para tener en cuenta: usabilidad + look and feel.

×