Es justo suponer que todos los programas o aplicaciones web populares que usamos hoy en día se han sometido a varias rondas de pruebas de usuarios antes de su lanzamiento.
Durante el proceso de prueba del usuario, los diseñadores de experiencia de usuario (UX) e interfaz de usuario (UI) ponen la versión de sus diseños en manos de usuarios reales para asegurarse de que el producto final no solo se vea atractivo sino que también se pueda usar de manera intuitiva.
¿Estás trabajando en un diseño gráfico digital? Es probable que cumpla las condiciones esqueleto y prototiposi aún no lo has hecho. Y si no eres un diseñador de UX/UI, es posible que accidentalmente uses estos términos indistintamente.
Es fácil ver por qué: ambos se utilizan para realizar pruebas en las primeras etapas del desarrollo del producto.
Los prototipos y modelos alámbricos son elementos de diseño que representan el producto final. Muchos creen que su distinción está en su fidelidad o grado de detalle en el producto final. Sin embargo, en realidad son fundamentalmente diferentes.
Prototipo versus estructura alámbrica
Los modelos alámbricos se pueden distinguir de los prototipos por los siguientes criterios: función, propósito y tipo.
1. Función
Modelos de estructura alámbrica
Wireframe es una representación bidimensional del diseño inicial del producto.
Piense en la estructura alámbrica en el contexto de lo que es el diseño de una casa. Por lo general, hay varias iteraciones, pero el proyecto comienza con un boceto. A medida que se tienen en cuenta los comentarios, el diseño en bruto se refina para detallar la estructura visual básica del producto (o aplicación o sitio web).
La columna vertebral proporciona un esquema claro de la estructura de la página, incluido el diseño, los elementos necesarios (botones, enlaces y descripciones de contenido) y, en la fase final, colores, imágenes y marca. Básicamente, el esqueleto sirve como guía para la dirección general del proyecto.
A continuación se muestra un ejemplo detallado dibujado a mano.
prototipos
El prototipo puede considerarse como la siguiente etapa del proceso de diseño, después de la maqueta. Es un modelo de trabajo de una aplicación o sitio web que simula la interacción del usuario de manera más completa.
Para volver a mirar nuestra analogía de la casa, el prototipo se puede comparar con una casa modelo. Los posibles propietarios (u ocupantes) pueden experimentar lo que es estar físicamente en casa. Se van de viaje, entendiendo que no es preciso la casa en la que vivirán, que eventualmente se completará con las reformas finales de acuerdo con sus opiniones.
En otras palabras, el prototipo no es la versión final del diseño, pero debe estar lo suficientemente cerca como para probar completamente el producto antes de que llegue a los consumidores.
2.Proposito
Modelos de estructura alámbrica
Tanto los modelos alámbricos como los prototipos se utilizan para probar los diseños. Recuerde que no puede probar correctamente su proyecto con uno y no otro. Se necesita retroalimentación en ambas etapas ya que las preocupaciones planteadas son inevitablemente diferentes.
Los modelos de estructura alámbrica se utilizan principalmente para traducir abstracciones en otras tangibles, lo que ayuda a establecer un concepto de producto. En la etapa de estructura alámbrica, los buenos diseñadores tienen en cuenta el flujo de usuarios al crear una estructura visual. Luego, sus ilustraciones describen el flujo de la aplicación o el sitio utilizando flechas, notación o una estructura alámbrica. Es importante obtener comentarios de los usuarios sobre esto, ya que lo que parece intuitivo para el diseñador puede ser diferente de las necesidades del usuario.
Algunos diseñadores se saltan la etapa de estructura alámbrica y van directamente al prototipo. Es posible que vean esto como un paso adicional innecesario, especialmente si están utilizando un software que combina funciones de andamiaje y creación de prototipos. Sin embargo, los modelos alámbricos pueden ser útiles para la documentación y el trabajo en equipo.
prototipos
Los prototipos se usan más explícitamente para probar los viajes de los usuarios; específicamente cómo navega realmente el usuario mientras usa el programa o la aplicación. En esta fase, los probadores pueden identificar problemas de flujo. Por ejemplo, pueden detectar problemas en los que el usuario se siente frustrado con demasiados clics para llegar a la página solicitada o un diseño específico que no es intuitivo y difícil de navegar.
Al final de la fase de prototipo, querrá ejecutar una simulación en la que los usuarios interactúen con el prototipo antes de pasar a codificar el diseño.
3. Tipo
tipos de esqueletos
Tanto los esqueletos como los prototipos van desde diseños de baja fidelidad hasta diseños de alta fidelidad. Como se mencionó anteriormente, la fidelidad se refiere a la forma en que se presenta el producto (o «nivel de detalle y realismo» en proyecto).
Los modelos alámbricos a menudo se asocian con baja fidelidad, pero pueden pasar por un proceso de desarrollo de diseño que incluye diseños de fidelidad media a alta.
Las maquetas de baja fidelidad se pueden dibujar en papel o renderizar digitalmente. Por lo general, comienzan en blanco y negro o en escala de grises, pero adquieren más detalles (incluidos los colores) y la marca a medida que se convierten en modelos de estructura alámbrica de alta fidelidad. Además de estos detalles adicionales, el propósito principal de la maqueta es asegurarse de que los elementos clave estén presentes y que el flujo tenga sentido visualmente.
Los modelos alámbricos se mantienen lo más simples posible para eliminar el sesgo durante las pruebas. En la etapa de esqueleto, los diseñadores intentan probar la rentabilidad de un producto por encima de todo. Si los probadores están expuestos a lo que parece un esqueleto muy pulido, pueden sentirse incómodos al criticar algo que parece estar ya terminado.
Tipos de prototipos
Tanto las maquetas como los prototipos varían de baja a alta fidelidad, aunque los prototipos tienden a estar en el extremo superior del espectro de fidelidad.
La mayor diferencia entre un prototipo y una estructura alámbrica es cómo los prototipos se centran en la interacción del usuario. Si tiene tiempo y recursos limitados, puede usar prototipos de baja fidelidad. Pero los comentarios de los usuarios solo serán tan buenos como los elementos que los usuarios puedan probar.
En las últimas etapas del proceso de diseño, los prototipos deben ser precisos y dinámicos, más como un sitio web o una aplicación completamente funcional. Probar un proyecto que está a punto de completarse proporcionará los comentarios de los usuarios más relevantes en esta etapa.
Framework y herramientas prototipo
Muchas herramientas de diseño digital populares incluyen capacidades de estructura alámbrica y creación de prototipos. Los diseñadores pueden pasar de baja a alta fidelidad en una sola plataforma, ahorrando tiempo y, por lo tanto, dinero. Algunas de las herramientas más populares son InVision, Bosquejoy adobe xd.
Es importante tener en cuenta que, si bien la mayoría de estas herramientas pueden crear hermosos prototipos y maquetas que se convierten en sitios web excelentes y funcionales, no pueden llenar el vacío para impulsarlos como un sitio web funcional.
Aquí es donde le gusta al sistema de gestión de contenido. CMS de HubSpot puede ayudarlo a crear y administrar páginas de manera continua.
Fuente de imagen
Los prototipos y esqueletos ayudan a crear grandes diseños.
Si bien son similares, los prototipos y los modelos alámbricos son importantes para mantener a todos los interesados en el proyecto en sintonía. Ambos son elementos clave en el proceso de diseño que le brindan la mejor versión posible de su producto.
