En función de su grado de compleción o fidelidad con el diseño final, podemos distinguir entre prototipos de baja, media o alta fidelidad.
Las representaciones en baja fidelidad se denominan wireframes. Su contenido suele limitarse a responder tres preguntas básicas:
- Los principales grupos de contenido (¿qué?).
- La estructura de la información (¿dónde?).
- La descripción y visualización básica de la interacción entre el usuario y la interfaz (¿cómo?).
Los prototipos, a menudo confundidos con los wireframes, son representaciones de entre media y alta fidelidad del producto final, simulando la interacción de la interfaz de usuario. Por tanto, un prototipo tiene que permitir al usuario lo siguiente:
- Experimentar el contenido y las interacciones con la interfaz.
- Probar las principales interacciones de una manera similar al producto final.
Finalmente, una maqueta (o mockup) es una representación estática de entre media y alta fidelidad del diseño de la interfaz. A menudo se trata de una maqueta del diseño visual del proyecto. Una buena maqueta debe cumplir estos requisitos:
- Representar la estructura de la información, visualizar el contenido y mostrar las funciones básicas de una manera estática.
- Animar a revisar la parte visual del proyecto.
Las maquetas también suelen confundirse con los wireframes debido a la terminología empleada por las empresas de software dedicado al prototipado.
Aquí tenéis un un artículo clarifica estos conceptes: Sketchs, mockups, wireframes y prototipos.
Enlaces relacionados:
– Paper-in-screen Prototyping.
– Prototipos y wireframes en el diseño de interacción.
– 54 amazing wireframing tools and apps .
– 20 excellent wireframing tools for mobile.