El mockup o maqueta es una muestra previa de como quedará en diseño de una web o producto antes de que sea realizado de forma definitiva. Su principal utilidad es mostrar al cliente como va a quedar producto final antes de que esté finalizado.<\/p>\n
Los mockups, en diseño web, se utilizan en la fase inicial del diseño para definir los conceptos e ideas sobre las que se diseñara la web, e incluyen la estructura de la navegación y resto de elementos que forman parte del diseño, con detalle.<\/p>\n
Generalmente, los mockups suelen ser creadas basándose en plantillas y elementos predefinidos de programas de diseño gráfico, así como haciendo uso de herramientas específicas que permiten añadir ciertos elementos de control y funciones simples de navegación.<\/p>\n
Es muy habitual que ambos términos se confundan, wireframe y mockup, por ello es interesante tener claro cada uno de ellos. <\/p>\n
Un wireframe es un bosquejo ó boceto de baja calidad. Son un conjunto de recuadros y textos grises que sirven para, de un vistazo, ver cómo se organizan la información en pantalla, Ayuda a tener una idea de que contendrá cada sección de la página web y su estructura a nivel básico.<\/p>\n
Por su parte un mockup ofrece una mayor calidad y detalle, su aspecto es mucho más detallado con múltiples elementos gráficos, tipografías correctas y se aplica el uso del color. Es una fase avanzada del diseño.<\/p>\n
El proceso que se suele llevarse a cabo para creación un mockup un sitio web consta de varias fases que son:<\/p>\n