Las tres palabras describen diferentes niveles de detalle y diferentes preguntas. Una estructura alámbrica pregunta "¿qué va y dónde?" Una maqueta pregunta "¿cómo se ve?" Un prototipo pregunta "¿funciona para las personas?"
Los wireframes utilizan formas simples y texto de marcador de posición para mostrar el diseño, la jerarquía y el contenido. Son rápidos de hacer y de desechar, y es exactamente por eso que son útiles: puedes explorar muchas estructuras antes de comprometerte con una.
Las maquetas añaden el diseño visual real: color, tipografía, imágenes y componentes. Son buenos para acordar la apariencia con las partes interesadas y para realizar transferencias, pero no pueden mostrar cómo se comporta nada.
Los prototipos añaden interacción. Un prototipo de baja fidelidad podría vincular estructuras alámbricas para probar un flujo. Un prototipo de alta fidelidad se ve y se comporta similar al producto final, con estados, transiciones y, a veces, datos reales, por lo que se pueden ejecutar pruebas de usabilidad que revelen problemas reales.
La brecha después del prototipo es la transferencia: los desarrolladores generalmente reconstruyen lo que muestra el prototipo. Para los componentes interactivos, ExodeUI, que creamos nosotros, cierra esa brecha al hacer que el archivo interactivo sea lo que se incluye en la aplicación.