3 Métodos de creación de prototipos de UX

ux prototyping

Prototipos es el proceso en el que se produce un modelo inicial de su sitio web, aplicación u otro producto para probar los principios y conceptos en los que se basa.

Este artículo se publicó inicialmente en mayo de 2018. Como puedes imaginar, en un mundo en el que la tecnología se mueve a velocidades vertiginosas, pueden pasar muchas cosas de la noche a la mañana, y no digamos en unos años.

Los sistemas que utilizamos para crear, diseñar, probar y construir nuestras operaciones digitales, comunicaciones y áreas de juego, están evolucionando tan rápido como nuestras necesidades en línea, así que con eso en mente, echamos otro vistazo a la creación de prototipos UX para construir una imagen más clara de dónde hemos llegado en 2022.

La creación de prototipos de UX tiene que ver, sin duda, con la puesta a punto, con la comprensión de las necesidades y con la detección de problemas y resoluciones antes de que lleguemos a un punto en el que arreglar esos problemas sería significativamente más problemático y costoso.

El otro elemento esencial de la creación de prototipos de UX es la comunicación: la comunicación entre las partes interesadas, los usuarios, los diseñadores, los desarrolladores y los sujetos de prueba. La creación de prototipos permite el debate y la comprensión que proporciona un análisis objetivo y constructivo.

La pregunta que nos sentimos obligados a hacer durante esta introducción al campo es, "¿Es el método de prototipado UX elegido la herramienta adecuada para el trabajo?" y es tanto una cuestión de método como del software utilizado para llevarlo a cabo.

Los fundamentos del prototipo UX

Puede tratarse de una representación muy básica de la idea o de una maqueta bastante sofisticada y funcional, en función de lo que se quiera conseguir con el prototipo y del uso que se le vaya a dar.

Esto puede ir desde probar el concepto con usuarios potenciales reales hasta conseguir la aprobación de la dirección o los propietarios, pasando por servir de enlace entre diseñadores y desarrolladores. Todas estas son razones válidas para crear un prototipo, pero pueden requerir diferentes grados de realización para ser útiles en la consecución del objetivo.

Hay tres niveles de prototipo que puedes utilizar:

  • Prototipos de papel rápidos y esbozados;
  • Esquemas monocromáticos de baja calidad;
  • Maquetas de alta fidelidad y clicables.

1. Prototipos de papel rápidos y esbozados

Se trata de un esquema aproximado de un sitio elaborado en papel que muestra las relaciones entre los distintos elementos. Suelen utilizarse en las primeras fases del diseño y el desarrollo para validar los conceptos fundamentales subyacentes y comprobar la lógica del diseño. Con este método se pueden eliminar fallos básicos de razonamiento, diseño, comprensión y estructura.

2. Esquemas monocromáticos de baja calidad

Cuando estés convencido de que los fundamentos y las bases del concepto son sólidos, puedes pasar a modelos de prototipado más sofisticados, como los wireframes monocromáticos de baja calidad. Se trata de modelos informatizados, pero muy reducidos, casi esqueléticos en su falta de detalles, de modo que no haya nada que distraiga del objetivo principal, que es probar la estructura, la arquitectura y la funcionalidad del trabajo. El hecho de disponer de estos elementos sin ningún tipo de diseño o contenido real ayuda a entender las relaciones de trabajo entre los elementos y si funcionan de forma lógica -y práctica- para ofrecer resultados al usuario.

3. Maquetas de alta fidelidad y clicables

Esta es la fase más avanzada del proceso de creación de prototipos. Requiere cierto esfuerzo y gasto, por lo que hay que asegurarse de que se han localizado y eliminado las principales imperfecciones antes de llegar a esta fase (uno de los principales objetivos de la creación de prototipos es evitar cometer errores costosos, sobre todo al final del proceso de desarrollo).

Esta maqueta contendrá probablemente la mayoría, si no todas, las características del sitio real, aunque sin llegar al nivel de detalle o diseño de la versión final. Será una maqueta interactiva en la que se podrá hacer clic y que emulará el sitio en sus elementos más importantes y permitirá a los usuarios probar la funcionalidad y las características en un entorno real. Cualquier problema o comentario que se derive de esta actividad puede tomarse como algo directo y pertinente para el propio producto final, por lo que es un proceso útil tanto en términos de precisión como de relevancia a la hora de incorporar los comentarios al modelo de producto final.

Por qué la creación de prototipos de UX es tan valiosa para la investigación

Hay mucho que aprender del prototipado de UX.

Es ideal para incorporar un nuevo proyecto, actualizar o mejorar los productos existentes, retroalimentar el progreso, probar nuevas ideas o alternativas. De hecho, hay una lista casi infinita de ventajas que demuestran por qué esta práctica es una parte tan importante del proceso de diseño.

Los prototipos permiten deliberar antes de poner en marcha las partes finales del proceso de diseño y construcción. Sin embargo, con las últimas herramientas sofisticadas, existe la opción de saltarse el wireframe parte del proceso y saltar directamente a un prototipo más complejo y pulido.

A veces los usuarios necesitan ver una imagen más representativa; y otras veces, es una distracción

Aquí es donde la elección se complica. Saltarse el wireframe y pasar directamente a una presentación de alta fidelidad puede ser ventajoso o problemático.

Los prototipos simplificados y despojados ofrecen a las partes interesadas y a los sujetos de prueba una versión del proyecto sin distracciones. Sin embargo, lamentablemente, eso no siempre se consigue. Los wireframes exigen mucho de nuestra imaginación, tanto si queremos que los usuarios se imaginen una página final como si no.

Para algunos, los colores de la marca, los logotipos, las imágenes y las animaciones desvían la atención de aquello en lo que deberían concentrarse. Sin embargo, los marcadores de posición, los textos ficticios, las imágenes de muestra repetidas y las etiquetas pueden distraer tanto como lo real si el usuario no tiene una idea clara de su función.

En algunos casos, son los datos de muestra, las imágenes, el diseño o incluso la marca los que impulsan las decisiones del operador, de modo que a un wireframe podrían faltarle componentes esenciales relevantes para la discusión del prototipo.

El contenido final tiene muchas probabilidades de influir en las decisiones de los usuarios, por lo que cuando se trata de crear prototipos, el diseño de UX puede convertirse fácilmente en un El huevo o la gallina situación. Entonces, ¿cuál es la correcta o la incorrecta? Todo se reduce a cada proyecto individual.

¿Cuándo debe su investigación incluir la creación de prototipos de UX?

El proceso de pensamiento de diseño UX sigue cinco pasos:

  1. Empatizar
  2. Definir
  3. Idea
  4. Prototipo
  5. Prueba

Sin embargo, avanzar y retroceder por esas secciones es esencial para terminar en su versión más eficiente y probada. No es un proceso lineal. Cada etapa introduce puntos de discusión, que pueden obligarte a reevaluar una y otra vez. La creación de prototipos a menudo te devolverá a la etapa de la idea, ahorrando tiempo y dinero en recursos desperdiciados antes de pasar a las pruebas.

La elección del método más adecuado para cada situación viene definida por los problemas, las posibles soluciones, las entrevistas con los usuarios y lo que se necesita para avanzar. A veces esa decisión será obvia; otras veces, bueno, quizá no tanto.

¿Qué tipo de activos de prueba se pueden crear?

Con las aplicaciones más modernas, la creación de prototipos puede producir casi cualquier cosa que necesite. Sin embargo, eso depende del paquete que utilice y de sus limitaciones. Cada paquete ofrece distintas ventajas, así que asegúrate de que el que elijas cubra todo lo que necesitas.

Tomemos un momento para hablar de Figma

Hablamos de algunas herramientas de prototipado en un artículo anterior sobre los beneficios de la creación de prototipos, la mayoría de los cuales siguen funcionando.

Figma es uno de los últimos paquetes de diseño que está causando un gran revuelo en el diseño de UI y UX. Aunque en este artículo no vamos a sermonear a nadie sobre los méritos de toda su gama de capacidades, sí queremos hacerle una mención especial, ya que está abriendo nuevos caminos con sus medidas de colaboración, sus facilidades de comunicación y su facilidad y opciones de creación de prototipos.

Utilizando Figma reducirá, si no eliminará, la necesidad de muchos procesos de terceros, con prototipos de aplicación que se sienten como los de verdad. Figma permite al diseñador crear un un simple wireframe o complejos prototipos animados, por lo que moverse entre las opciones de lo-fi y hi-fi se convierte en un proceso simplificado.

Figma va un paso por delante cuando se trata de colaboración. Aprovechando las ventajas de estar basado en la nube, puede incorporar tantos o tan pocos colaboradores como desee, cada uno de los cuales trabajará en el mismo proyecto en tiempo real y se comunicará a través de las herramientas conocidas mientras lo hace. Los colaboradores pueden hacer comentarios en la página o a través de un Slack discusión, un canal de comunicación que todos conocemos bien y con el que ya nos sentimos cómodos.

Los comentarios y las opiniones son inmediatos y se basan en lo que cada socio ve en la pantalla. No sólo eso, sino que cada usuario puede ver la construcción a medida que se produce, utilizando las opiniones de otros usuarios en modo de observación-todo ello sin preocupaciones con un completo historial de versiones que respalda todas las etapas e instancias esenciales.

Figma ciertamente parece el futuro del diseño y la creación de prototipos de UX; es sólo cuestión de tiempo que sus competidores empiecen a introducir los mismos pasos adelante y nuevas características en sus productos.

¿Qué método de creación de prototipos de UX es el más adecuado para su proyecto?

La variedad es la sal de la vida, y en el mundo del diseño de UX, esta afirmación es tan cierta como en cualquier otro lugar. Cada proyecto o etapa dentro de un proyecto aporta requisitos y problemas únicos. Ofrecer la forma más sencilla de entender cada proceso requiere experiencia para tomar esas decisiones de prototipado ideales.

Si está seguro de que entiende el proceso lo suficientemente bien como para tomar esa decisión, entonces es una gran noticia; estamos listos para escucharle y ayudarle en su viaje. Por otro lado, si no está seguro de cuál es su mejor opción, estaremos encantados de ayudarle y ponerle en marcha.

El desarrollo de sitios web, aplicaciones y otros productos electrónicos puede ser un ejercicio muy costoso, por lo que es importante que este tipo de pruebas se incorporen a lo largo del proceso de desarrollo. La creación de prototipos es una herramienta importante para garantizar una transición fluida del concepto al producto final. Si quiere saber más sobre esta técnica, llámenos al +44(0)800 024624 o envíenos un correo electrónico a hello@ux247.com

Dejar un comentario