¿Qué es la creación de prototipos y por qué es importante?

Aquí hay una vocecita que comienza a hacerte toneladas de preguntas sobre una nueva aplicación que está en marcha:

¿Realmente les gustará este producto a nuestros clientes potenciales? ¿Satisface sus necesidades específicas como hemos supuesto que lo haría? ¿La interfaz de usuario es elegante y sencilla para que a nuestros clientes les encante? Y así sucesivamente...

Entonces, ¿cómo puedes defenderte de estas incertidumbres y validar tus ideas y diseño?

¿Qué es un prototipo?

Un prototipo es una maqueta de la solución que desea crear. Puede crear una maqueta de cada interacción y vista para que se pueda experimentar de la misma manera que un producto completamente desarrollado sin involucrar a un desarrollador. Puede mostrar todas las características que desea incluir en su aplicación (o cualquier tipo de solución en ese caso), validar su idea y verificar la estrategia general de UX. El propósito de un prototipo puede variar según sus necesidades y la etapa del proyecto: depende de usted cómo desee usarlo.

Los prototipos se construyen utilizando varios tipos de herramientas, incluidas las herramientas de tipo Sketch para diseñar y las herramientas de diseño de pantalla, para completar e integrar herramientas de diseño a código. Algunos vienen con funciones de colaboración para ayudar a las partes interesadas a ayudar con los comentarios, otros incluyen herramientas de ideación para ayudar a desarrollar el esquema inicial.

Los prototipos tienen 4 cualidades principales:

Representación: la forma real del prototipo, como papel y móvil, o HTML y escritorio.

Precisión: la fidelidad del prototipo, es decir, su nivel de detalle, pulido y realismo.

Interactividad: la funcionalidad abierta al usuario: completamente funcional, parcialmente funcional o de solo lectura.

Evolución: el ciclo de vida del prototipo. Algunos se construyen rápidamente, se prueban, se desechan y luego se reemplazan con una versión mejorada (esto se conoce como "creación rápida de prototipos"). Otros pueden construirse y mejorarse, y finalmente evolucionar hasta convertirse en el producto final.

Un prototipo de baja fidelidad, a menudo en papel, proporciona una representación visual de los elementos de diseño de un producto final.

Uno de los conceptos erróneos más comunes sobre la creación de prototipos es que solo debe hacerse una o dos veces al final del proceso de diseño. Esto no es cierto. Uno de nuestros lemas en Infragistics es "pruebe temprano y pruebe con frecuencia".

Como puedes ver, la creación de prototipos es un proceso. Profundicemos un poco más en detalle.

¿Qué significa la creación de prototipos?

La creación de prototipos es el proceso de diseñar una experiencia óptima para los usuarios objetivo. Incluye varias etapas que ayudan a los diseñadores, propietarios de productos o analistas de negocios a determinar las preocupaciones clave, incluidas las necesidades del usuario, la navegación, la arquitectura de la información, la usabilidad, la accesibilidad, la interfaz de usuario o el diseño visual.

Las herramientas modernas de creación de prototipos son dinámicas e incluyen la captura de pantalla de la aplicación propuesta, las transiciones, los estilos de temas y mucho más para proporcionar una sensación real de cómo se verá y se sentirá la aplicación terminada.

Por lo general, cada vez que diseñamos algo, las iteraciones anteriores pueden no ser muy buenas. El diseño rara vez (o siendo realistas, un "buen diseño" nunca lo es) es un éxito de la noche a la mañana, por lo que necesitamos la creación de prototipos. Y dado que muchas versiones anteriores de prototipos son fracasos, vale la pena tener en cuenta los pensamientos de David Kelley, fundador de IDEO, una firma de diseño que promovió el concepto de diseño centrado en el ser humano y fue famosa por lanzar laboratorios de innovación y crear incubadoras emergentes:

"Fracasar más rápido para tener éxito antes" —

David Kelley, IDEO Founder

Tipos de prototipado

A continuación, se presentan dos formas generales de ver la creación de prototipos:

• Creación de prototipos de baja fidelidad: rápida y barata, a menudo en papel, permite una vista previa rápida del producto y, por lo general, no permite pruebas adecuadas por parte de los usuarios.
• Creación de prototipos de alta fidelidad: apariencia y funcionamiento realistas lo más similares posible al producto real antes del lanzamiento, interactivos y que proporcionan comentarios significativos; Además, es bueno para la demostración frente a posibles inversores o partes interesadas

¿Por qué es importante la creación de prototipos?

Uno de los aspectos más poderosos de la creación de prototipos es que, cuando se hace bien, crea empatía con el cliente. En este sentido, el diseño de software no es diferente del diseño de otros productos o estructuras que los humanos usarán o habitarán.

Por ejemplo, es fácil que un arquitecto se quede atrapado en la grandeza de un edificio: torres imponentes, ventanas del suelo al techo que brillan como una joya o distribuciones inusuales de habitaciones y pasillos que muestran la personalidad del diseñador. Pero sin empatía por las personas que necesitan vivir o trabajar en ese edificio, ese gran diseño puede conducir a un diseño ambiental deficiente, dejando a las personas temblando en un lugar, con otras sudando a solo unos metros de distancia. Y esas ventanas brillantes pueden traer tanta luz solar que los trabajadores no pueden ver las pantallas de sus computadoras.

De la misma manera, diseñar software sin comprender y empatizar con las necesidades del cliente puede resultar en funciones innecesarias, flujos de trabajo confusos, texto de pantalla ilegible y muchos otros problemas. La empatía con el cliente es lo que ayuda a los diseñadores a asegurarse de que el producto final no solo sea hermoso por fuera, sino funcional e incluso agradable por dentro.

Para resumir las principales ventajas de crear un prototipo, incluyen:

• Te ahorrará tiempo y dinero
• Puede mostrar y probar su concepto en el grupo de usuarios objetivo
• Es una referencia útil para los desarrolladores
• Puede servir como documentación para su proyecto
• Tienes la oportunidad de trabajar junto con tu equipo en un artefacto tangible, lo que te llevará a generar mejores ideas

Prototyping Tools

Existen varios tipos de herramientas de creación de prototipos, en función de sus necesidades. Algunos se centran en el diseño front-end con wireframes, otros permiten pruebas de usuario y una demostración básica de los flujos de usuario, mientras que otros están totalmente integrados y le permiten trabajar con diseños existentes o wireframes de programas como Sketch, simular interacciones de usuario realistas y ricas, colaborar con su equipo, pruebas de usuario y generar código que está listo para entregar a los desarrolladores. La herramienta que seleccione dependerá de los objetivos de su prototipo, la rapidez con la que necesite que esté disponible para las pruebas de usuario, quién trabajará en ella y cómo debe integrarse en su flujo de trabajo.

Prototipado con App Builder

App Builder es una de las herramientas totalmente integradas, una herramienta completa de diseño a código low-code que integra la creación de prototipos, sistemas de diseño, pruebas de usuario y más. Puede crear los mejores diseños de UX y UI de su clase utilizando componentes de interfaz de usuario reales y convertir los archivos de diseño en código.

A continuación, App Builder le permite animar el prototipo para que pueda ver las interacciones y los flujos de usuario de su prototipo en ejecución. También incluye una opción de colaboración para que pueda obtener una URL que pueda compartir para realizar pruebas de usabilidad remotas sin moderación. O si está satisfecho, puede compartir la URL con el desarrollador que puede generar código en Visual Studio Code con nuestro complemento Sketch.

​Mire este video de cómo crear prototipos (Tiempo: 2:51) para ver una breve demostración de estas características.