Oriol Fernando Palacios Durand
Pregunta¿Cuál es la diferencia entre el mockup y el wireframe? Pensaba que el bosquejo en papel era el mockup y el wireframe la versión digitalizada
Emmanuel Jose Lamprea Florez
Hola Oriol
Un wireframe es la primera representación de un diseño Un mockup es una representación visual y estática de un diseño
Puedes leer más en: https://blog.aulaformativa.com/diferencias-esenciales-wireframe-mockup-prototipo/
Alfredo Dasser
El wireframe tiene dos variantes: de baja fidelidad y de alta fidelidad. En baja fidelidad, el wireframe sólo contiene la distribución de las secciones con cajas representativas, de modo que puedes realizarlo directamente en papel o en una pizarra. Por otro lado, en alta fidelidad se añaden más detalles que brinden una idea de dónde se encontrarán los disparadores de las micro-interacciones, los posibles flujos y navegación; es visualmente más atractivo y coherente que un wireframe de baja fidelidad.
Ahora, un mockup lleva al wireframe a un siguiente nivel, ya que se integran los recursos gráficos como imágenes, iconos, colores, y tipografía para brindar un resultado pixel perfect que se acerque al diseño final, y servirá de referencia para el maquetado. El wireframe incluye, además, el flujo de todas las vistas que componen la aplicación, por ello un mockup fácilmente puede servir de demo interactiva para simular la experiencia de usuario.
En resumen: un wireframe sirve de borrador para construir un mockup más acertado a las expectativas del cliente.
