Prototipado

Estudiar Prototipado de un Producto Digital en Edix es fácil

En Edix te ofrecemos un temario completo con el que aprender prototipado fácilmente y de manera eficaz. Te damos las claves teóricas, pero también te enseñamos cómo llevar todo ese conocimiento a la práctica para que puedas asimilar conceptos y procesos con éxito.

Por ello, por un lado, la teoría te da todo el conocimiento que necesitas para identificar durante el proceso de creación y diseño del producto digital las herramientas y técnicas de prototipado a emplear, para ver cómo impacta la metodología Lean en este proceso y para saber cómo traducir nuestro reto en prototipos y maquetas funcionales.

Por otro lado, la parte práctica te da todo el conocimiento que necesitas sobre las herramientas y sobre cómo utilizarlas. Ves, paso a paso y de manera súper intuitiva, cómo crear y desarrollar prototipos con la herramienta colaborativa Figma.

¿Qué es Prototipado de un Producto Digital?

Cuando prototipamos obtenemos un prototipo, un modelo digital o simulación que pretende representar un sistema, en este caso un producto digital (web, app, sitio,…), incluyendo su interfaz y funcionalidades.

Al usar la técnica de prototipado y los prototipos mejoramos la eficiencia del proceso de trabajo, ya que nos permite sacar conclusiones sin que hayamos tenido que desarrollar el producto y, por tanto, podremos avanzar en el proceso de diseño y desarrollo con garantías de que lo que se está trabajando tiene un fundamento sólido y está testado y validado.

Por lo tanto, crear prototipos es algo fundamental en los procesos de diseño de producto digital, ya que nos permite probar cada parte elemental y la totalidad del producto antes de sacarlo a producción y al mercado: hace posible realizar validaciones tanto en el momento que se gesta la idea como en el proceso de diseño.

Introducción al Prototipado

Para poder enmarcar el trabajo de prototipado en el proceso de trabajo, te familiarizas con el concepto y observas una panorámica de las distintas técnicas de prototipado así como los momentos en los que utilizarás cada una. Ves las ventajas e inconvenientes que presentan los prototipos low-fi y hi-fi para identificar cuándo puedes usar cada uno.

Prototipado con metodología Lean

Tras una primera toma de contacto con el concepto y proceso de prototipado, recorres los fundamentos de la metodología Lean y analizas cómo puedes aplicar estos principios de manera práctica a las actividades de UX.

Aprecias el rol de los prototipos en el proceso de diseño aplicando metodología Lean y estudias cómo se aplica la metodología Lean en la creación de prototipos de manera que te permita ahorrar tiempo y presentar prototipos de calidad.

Además, compruebas cómo se da la integración de la metodología Lean en el proceso de diseño: profundizas en el proceso de prototipado desde la búsqueda de referencias e inspiración hasta la realización de maquetas funcionales.

Requerimientos previos

Algo fundamental para tu aprendizaje es observar las distintas dinámicas que te permiten definir el reto que tienes por delante en el diseño de producto digital y las claves para poder llevar a cabo la priorización de ideas y funcionalidades que constituirán tu MVP. Una vez conseguido, será el momento de comenzar a prototipar nuestras soluciones.

Por lo tanto, una vez toca entender y definir el reto, descubres cómo trabajar la información disponible para entender cómo tu prototipo debe dar respuesta a cada uno de los requerimientos planteados. Además, debes definir la solución, es decir, analizar cómo priorizar las ideas de la solución que dará respuesta a las necesidades de negocio y usuarios.

Una vez definido el reto y la solución, es el momento de buscar inspiración: exploras referencias que te ayuden a optimizar tus diseños y que agilicen el proceso de prototipado.

Diseño de interacción

Compruebas cuáles son aquellas áreas y elementos a los que debes prestar especial atención para garantizar un producto usable para el usuario. Para ello, analizas el diseño de interacción como disciplina que pone el foco en la interacción del usuario con el producto.

Estudias las distintas áreas de análisis del diseño de interacción y las claves para que tu producto sea usable y funcional. Además, ves qué principios básicos de diseño de Interacción debes cumplir a la hora de sentarte a definir y prototipar tu producto.

Diseño visual

Te acercas al universo de UI, diseño de interfaces para entender las bases del diseño visual, poder manejarte con su lenguaje y documentación, poder supervisar su trabajo y aplicar en tus propios prototipos los principios que te ayudarán a conseguir un estilo visual atractivo y consistente.

Abordas una serie de principios que debes tener en cuenta a la hora de trabajar el diseño visual de tu producto y harás, posteriormente, una radiografía de tus productos digitales para identificar qué elementos lo constituyen a nivel de diseño visual y poder utilizarlos de guía a la hora de llevar a cabo tus prototipos.

Además, estudias el papel de los sistemas de diseño a la hora de trabajar en equipo, los distintos elementos que deben quedar recogidos y cómo trabajar con ellos.

Herramientas de prototipado

Valoras las principales herramientas y plataformas de prototipado y diseño de interfaz y analizas los pros y contras de cada una. Esto te permite posteriormente identificar cuál se adapta mejor a tus necesidades. Conoces la herramienta FIGMA y, una vez realizado el onboarding, haces un breve recorrido por sus usos y funcionalidades.

Figma

Una vez familiarizado con la herramienta, pones a punto tu Canvas de Figma y creas tu primer proyecto comenzando por explorar la interfaz. Ves la forma que tiene Figma de organizar los documentos que vas generando, descargas recursos con los que poder explorar cómo trabajan otras personas y así inspirarte, y comienzas a utilizar las herramientas más básicas que emplearás en tu día a día.

Comienza a prototipar

Exploras distintas funcionalidades como crear estilos que podrás aprovechar y reutilizar a la hora de diseñar, aprendes a realizar sencillos iconos, generar máscaras y tu propia librería. Además, descubres sencillos pasos para organizar tus frames y las capas, de manera que facilite la navegación entre los distintos elementos de tu trabajo.

Además, no descuidarás la organización del trabajo, ya que aprendes a organizarlo de manera eficiente, tanto para poder llevar un mejor seguimiento y ajuste de tus prototipos como para socializarlo con otras personas.

Prototipando y más allá

Aprendes a aplicar y eliminar restricciones para que tus diseños tengan un comportamiento fluido y también trabajarás con componentes e instancias. Por otro lado, empiezas a utilizar distintas herramientas de colaboración que son de gran utilidad a la hora de trabajar con equipos.

Creas un proyecto y ves cómo puedes compartirlo y ordenar tus proyectos por equipos. Además, aprendes cómo funcionan las librerías compartidas en Figma y cómo incorporar nuevos elementos a estas.

Ultimando tu prototipo

Empiezas a trabajar en tu prototipo a partir de una librería de componentes proporcionada por Figma y lo harás interactivo: conviertes tu prototipo en una maqueta funcional generando enlaces entre los distintos elementos y pantallas. Además, aprendes a modificar transiciones para lograr un efecto más real y similar a la experiencia de uso que tendrá tu producto.