<\/p>\n
Un mockup<\/b> o maqueta es un dise\u00f1o digital de una web y \/ o aplicaci\u00f3n. Las maquetas se usan en la etapa de dise\u00f1o inicial para visualizar ideas y conceptos en el contexto del dise\u00f1o web e incluyen la estructura de navegaci\u00f3n, el sitio y los items de dise\u00f1o en detalle. Los mockups pueden ser plantillas producidas con programas de edici\u00f3n de im\u00e1genes sin funcionalidad o dise\u00f1os que se crean con herramientas especiales de maquetas y donde los items de control ya est\u00e1n vinculados con funciones simples.\n<\/p>\n Los t\u00e9rminos mockup, wireframe y prototipo muchas veces se consideran lo mismo en la pr\u00e1ctica, no obstante, de hecho son tres tipos distintos de representaciones de dise\u00f1o como parte de la creaci\u00f3n r\u00e1pida de prototipos y se usan en distintos etapas del dise\u00f1o antes de la programaci\u00f3n real.\n<\/p>\n Un wireframe es la forma m\u00e1s simple de plantilla y no incluye ning\u00fan color, tipograf\u00eda, im\u00e1genes o gr\u00e1ficos, a diferencia de una maqueta. Este primer dise\u00f1o de boceto puede ser creado a mano o en el PC. La funcionalidad est\u00e1 absolutamente ausente en esta pantalla. De este modo, los wireframe se consideran dise\u00f1os de baja fidelidad. [1]<\/sup><\/p>\n Las maquetas pueden construirse sobre cualquier estructura existente y seguir desarroll\u00e1ndola. Integrando color, tipograf\u00eda, im\u00e1genes y gr\u00e1ficos, se acercan mucho al dise\u00f1o final y ya lo representan. De este modo, son preferibles a efectos de presentaci\u00f3n.\n<\/p>\n Un mockup cl\u00e1sico es est\u00e1tico<\/b>. No obstante, las modernas herramientas de maquetaci\u00f3n permiten la incorporaci\u00f3n de funciones simples como los enlaces, de modo que, dependiendo de la complejidad, pueden categorizarse como dise\u00f1os de mediana a alta fidelidad y bordear los prototipos.\n<\/p>\n Se pueden usar maquetas complejas de varias partes como base para prototipos que, dependiendo de su estilo, adem\u00e1s se pueden considerar dise\u00f1os de mediana a alta fidelidad. A diferencia de la cl\u00e1sica maqueta est\u00e1tica, los prototipos son siempre interactivos<\/b> y contienen la mayor\u00eda de las funciones de la p\u00e1gina web o aplicaci\u00f3n planificada.\n<\/p>\n Las maquetas se usan en la etapa inicial de desarrollo de webs y apps<\/b> para la presentaci\u00f3n y el control de calidad. Sirven para coordinar con el cliente las ideas y los requerimientos de la interfaz de usuario en cuanto a las funciones b\u00e1sicas, la navegaci\u00f3n, la arquitectura de contenidos y el dise\u00f1o. Qui\u00e9n obtiene el contrato final muchas veces se decide sobre la base del mockup.\n<\/p>\n Las maquetas se usan para pruebas de usabilidad sin un gran esfuerzo de programaci\u00f3n previo. Por ende, cualquier problema se detecta antes de crear el prototipo y se reduce el riesgo de que un concepto tenga que ser absolutamente revisado a mitad de la etapa de desarrollo. En general, los mockups pueden contribuir a ahorrar tiempo y dinero en un proyecto online.<\/b>\n<\/p>\n F\u00e1cil edici\u00f3n de im\u00e1genes y software de presentaci\u00f3n como PowerPoint se usa a veces para los mockups, pero en comparaci\u00f3n con las herramientas de maquetas son bastante lentos. Las herramientas especializadas proporcionan items prefabricados e inclusive la oportunidad de probar procesos de interacci\u00f3n simples.\n<\/p>\n Ejemplos de herramientas de mockups para sitios web:\n<\/p>\n Ejemplos de herramientas de simulaci\u00f3n para apps:\n<\/p>\n Ya que las maquetas son muy adecuadas para las pruebas de usabilidad debido a su nivel de detalle medio-alto, pueden proporcionar informaci\u00f3n<\/b> importante sobre la experiencia del usuario y ayudar a aprovechar al m\u00e1ximo el dise\u00f1o de la experiencia de usuario en una etapa temprana de la etapa de dise\u00f1o, sobre todo en los campos de la est\u00e9tica y la facilidad de uso.\n<\/p>\n \n<\/div>\n","protected":false},"excerpt":{"rendered":" A mockup is a digital design of a website and\/or application. Mockups are used in the initial design stage to visualize ideas and concepts\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-69839","glossary","type-glossary","status-publish"],"yoast_head":"\n\nComparaci\u00f3n: mockup, wireframe, prototipo<\/span>
\n<\/h2>\n\nUsos y beneficios de los mockups<\/span>
\n<\/h2>\n\nEjemplos<\/span>
\n<\/h2>\n\n
\n
\nVentajas de la usabilidad<\/span>
\n<\/h2>\n\n<\/h2>\n
\nEnlaces Web<\/span>
\n<\/h2>\n\n