Una guía para principiantes sobre creación rápida de prototipos

Todo lo que necesita saber sobre la creación rápida de prototipos en 7 minutos (o menos)

El proceso de pasar de una idea a un producto es complicado. Aprender a crear un prototipo de su idea, obtener comentarios e iterar sobre ella es la habilidad más crítica que debe tener cualquier persona que aspire a construir sus propios productos. Esta es también una de las partes más importantes del trabajo de un diseñador de UX.

Los prototipos vienen en muchas formas, desde un boceto en papel hasta una simulación interactiva que parece el producto final. Esta guía está destinada a principiantes que quieran comprender de qué se trata la creación de prototipos.

Cubriremos el significado de algunos términos relacionados con la creación rápida de prototipos, así como los siguientes:

¿Qué es la creación rápida de prototipos?

La creación rápida de prototipos es un proceso iterativo que se utiliza para visualizar cómo se verá un sitio web o una aplicación con el fin de obtener comentarios y validación de los usuarios, partes interesadas, desarrolladores y diseñadores.

Cuando se usa bien, la creación rápida de prototipos mejorará la calidad de sus diseños al mejorar la comunicación entre las distintas partes y reducir el riesgo de construir algo que nadie quiere.

¿Qué necesitas para hacer un prototipo?

Un prototipo no está diseñado para ser una versión completamente funcional de un sistema, sino que solo está destinado a ayudar a visualizar la experiencia del usuario del producto final. Como dice el socio de diseño de Google Ventures, Daniel Burka:

El prototipo ideal debería ser "Calidad Ricitos de Oro". Si la calidad es demasiado baja, la gente no creerá que el prototipo es un producto real. Si la calidad es demasiado alta, estará trabajando toda la noche y no terminará. Necesitas la calidad Ricitos de Oro. Ni demasiado alto, ni demasiado bajo, pero bien.

Puede crear prototipos no solo de pantallas, aplicaciones o sitios web, sino de casi cualquier cosa. La creación de prototipos es un método excelente para probar lo siguiente (se proporcionan ejemplos):

  • Nuevas funcionalidades: Prototype Instagram Stories en la aplicación Instagram (antes de su lanzamiento)
  • Cambios en un flujo de trabajo: el nuevo flujo de publicación de Prototype Medium después de la introducción de membresías pagas
  • Nueva tecnología: ¡ prototipo de un viaje en automóvil autónomo!
  • Nueva interfaz: interfaz prototipo de Apple Watch (cuando se lanzó por primera vez)

Entonces, ahora comprende para qué sirve la creación rápida de prototipos. ¿Pero cómo lo haces? Cubriremos eso a continuación.

El proceso rápido de creación de prototipos

La creación rápida de prototipos implica un proceso de tres pasos, que se repite tantas veces como sea necesario:

  1. Prototipo: cree una maqueta visual de su solución o interfaz.
  2. Revisión: comparta el prototipo con los usuarios y evalúe si cumple con sus necesidades y expectativas.
  3. Refinar: basándose en esta retroalimentación, identifique las áreas que deben mejorarse o aclararse.

Un prototipo generalmente comenzará con una maqueta muy simple de áreas clave y se volverá más complejo con cada iteración a medida que recopila más datos de los comentarios de los usuarios.

¿Cuánto debería incluir en su prototipo?

Concéntrese en las funciones críticas que se utilizarán con mayor frecuencia. El objetivo de la creación rápida de prototipos es mostrar cómo funcionará una característica o cómo se verá el diseño sin prototipar todo el producto en detalle. Recuerde, nuestro objetivo es la calidad Ricitos de oro .

Crea un prototipo de flujo de usuario a la vez. En lugar de ir pantalla por pantalla, base tu prototipo en una historia que lleve al usuario a través de las áreas que deseas prototipar. De esta manera, obtendrá comentarios más precisos porque su prototipo reflejará escenarios de la vida real. Por ejemplo, cree un prototipo del flujo "registro / inicio de sesión / restablecimiento de contraseña" juntos.

Además, recuerde tener un plan de iteración en mente. Una buena regla a la hora de planificar iteraciones es comenzar de forma amplia y luego avanzar hacia una versión más detallada de la solución. A medida que repita, aumentará la fidelidad de sus prototipos, así como la cantidad que incluya en ellos.

Pero espera, ¿qué es esta fidelidad?

¿Qué se entiende por fidelidad de un prototipo?

La fidelidad se refiere a qué tan cerca un prototipo coincide con el producto o la solución final. Puede elegir entre muchas opciones y niveles de precisión diferentes, según la etapa del proceso y el objetivo del prototipo.

Visual (bosquejado vs. estilizado)

La distribución y el diseño son los aspectos más notables de la fidelidad de un prototipo. Si un prototipo se produce con un alto nivel de fidelidad visual desde el principio, los usuarios tenderán a centrarse en los detalles visuales en lugar de los funcionales, lo que distraería del objetivo principal de las primeras etapas de la creación de prototipos.

Funcional (estático frente a interactivo)

¿El prototipo debería ser estático o tiene que parecer completamente funcional (interactivo)? Ambas versiones tienen pros y contras: los prototipos estáticos son más simples y rápidos de implementar, mientras que los interactivos se pueden usar más tarde para pruebas de usabilidad y capacitación de usuarios.

Contenido (Lorem ipsum frente a contenido real)

En las primeras etapas de la creación de prototipos, el contenido estándar de "lorem ipsum" puede ser útil para evitar distraer al usuario para que pueda concentrarse en proporcionar comentarios funcionales en lugar de comentar los cambios en el texto.

Sin embargo, a medida que continúa el proceso de creación de prototipos, evalúe la necesidad de reemplazar el texto ficticio con contenido real para que los usuarios puedan tener una idea de cómo afecta el diseño general.

El uso de etiquetas reales también es una excelente oportunidad para probar si su "copia" está funcionando bien o no. "Copiar" es solo un término elegante para las etiquetas de texto y la información que ve en la pantalla, como llamar al botón "Publicar" "Publicar", "Publicar", "Enviar", "Listo" o cualquier otra cosa.

¿Qué niveles de fidelidad existen?

  • Baja fidelidad: los métodos de baja fidelidad, como los bocetos en lápiz y papel, producen prototipos estáticos con baja fidelidad visual y de contenido que permiten cambios rápidos y fáciles. Esto obliga al usuario a centrarse en la funcionalidad y en cómo utilizará el sistema en lugar de cómo se ve.
  • Fidelidad media: las herramientas informáticas como Visio producen lo que podemos llamar prototipos de fidelidad media en forma de wireframes y flujos de trabajo . Este nivel de fidelidad se utiliza para demostrar el comportamiento de un sistema, para determinar si se satisfacen las necesidades del usuario y para evaluar la experiencia del usuario.
  • Alta fidelidad: los prototipos de alta fidelidad a veces pueden ser tan realistas que a menudo se confunden con el producto real. También es mucho más lento producirlos. Herramientas como InVision, Sketch, Figma, Adobe XD, Framer, etc., permiten a los usuarios no técnicos crear prototipos de alta fidelidad. Aunque estos no se pueden convertir en código utilizable, pueden resultar muy útiles más adelante para realizar pruebas de usabilidad o para capacitar a los usuarios.

¿Cómo se selecciona en qué nivel de fidelidad prototipar?

La mayoría de las veces, los diseños se evalúan mejor comenzando con un boceto preliminar y luego avanzando a niveles de fidelidad más altos según la complejidad y los requisitos del sistema.

A veces, su elección puede estar guiada por los requisitos del cliente o áreas de enfoque. Por ejemplo, si desea evaluar el impacto visual de un cambio de interfaz, es posible que desee optar por un diseño con estilo en lugar de un boceto aproximado. O si su solución se centra en mensajes, puede decidir utilizar contenido real en lugar del texto de marcador de posición estándar "lorem ipsum".

¿Cómo se elige una herramienta de creación de prototipos?

Existe una amplia variedad de herramientas disponibles para la creación de prototipos según sus necesidades y enfoque. Antes de elegir una herramienta, aquí hay algunas preguntas que debe hacer:

  • ¿Cuánto tiempo tomaría aprender a utilizar la herramienta?
  • ¿ Admite prototipos para las necesidades de mi producto (web, aplicaciones de software, aplicaciones móviles, alguna tecnología nueva, etc.)?
  • ¿La herramienta me permite compartir mis prototipos con otros y recopilar sus comentarios?
  • ¿Qué tan fácil es realizar cambios en el prototipo?
  • ¿Puedo usar plantillas y esténciles predefinidos con esta herramienta?

Mejores prácticas de creación de prototipos: lo que se debe y no se debe hacer

Hacer:

  • Trabaje con los usuarios y las partes interesadas para obtener la mayor cantidad de comentarios e involucrarlos en la propiedad del producto final
  • Establezca expectativas desde el principio asegurándose de que los usuarios y las partes interesadas sepan que la creación de prototipos es una forma de obtener respuestas a preguntas específicas y no representa el producto terminado.
  • Haga que su alta fidelidad sea realista (incluidos los retrasos en las respuestas) para que los usuarios y las partes interesadas no se decepcionen cuando la comparen con el producto final.
  • Guarde plantillas y galerías de símbolos para reutilizarlas en proyectos futuros.

No hacer:

  • No haga prototipos de características que no estarán en el producto final
  • No seas perfeccionista. Bastante bueno es tu amigo. El objetivo de la creación rápida de prototipos es brindar a todos un terreno común.
  • ¡No prototipos de todo!

Si se está preguntando cómo debería probar sus prototipos, lea mi publicación sobre Pruebas de usabilidad aquí:

El secreto bien guardado detrás de una gran experiencia de usuario: las pruebas de usabilidad

Ya sea que solo tenga un prototipo o un producto completo, es una muy buena idea ejecutar pruebas de usabilidad mensuales ... medium.freecodecamp.org

Gracias por leer esta guía rápida. Esto se publicó originalmente como parte del curso UX Design en Commonlounge, una plataforma que tiene cursos con lecciones pequeñas como estas sobre temas que van desde Django hasta Machine Learning que brindan el mayor valor por el tiempo que dedicas.

Aprende trabajando en proyectos del mundo real y recibiendo comentarios de mentores de la industria. ¡Deberías comprobarlo aquí!