Plantilla de prototipo
Crea prototipos de productos, realiza pruebas de usabilidad y reúne los comentarios de las partes interesadas.
Acerca de la plantilla de prototipo
¿Qué es un prototipo?
Un prototipo es un modelo vivo de tu producto. Un prototipo define la estructura, el flujo de usuario y los detalles de navegación (como los botones y los menús) sin comprometerse con los detalles finales, como el diseño visual.
Hacer un prototipo usando un modelo de clics te permite probar la experiencia de usuario de tu producto o servicio de la forma más cercana a lo verdadero (como un sitio web o una aplicación), en la medida de lo posible. El prototipo ocurre antes de comprometerte a desarrollar un producto o servicio y te ahorra dinero localizando los obstáculos en las primeras etapas. Normalmente se parece a una serie de pantallas o lienzos conectados por flechas o enlaces. Un prototipo puede ayudar a navegar por las formas o los caminos más comunes de un sistema.
Tu equipo puede averiguar qué tan fácil para el usuario es tu concepto de diseño al usar un prototipo para:
Entender el contexto de usuario y el flujo de tareas mediante la imitación del software verdadero
Crear escenarios para probar y examinar los escenarios de usuario, las necesidades y los personajes
Recoger feedback detallado del producto en la fase de pruebas de usabilidad. Este feedback debe venir de tu equipo y de los actores del negocio
Los prototipos son una forma colaborativa e iterativa para definir las necesidades de los usuarios. En una etapa de alta fidelidad, los prototipos alinean la investigación de los usuarios con los objetivos de los negocios. En una etapa de baja fidelidad, los prototipos permiten a los equipos ahorrar tiempo y dinero.
Cuándo usar un prototipo
Los equipos usan los prototipos para aprender más sobre sus usuarios en las etapas de prototipos y pruebas del proceso de diseño. Estas dos etapas implican experimentar y crear versiones reducidas de un producto o servicio y luego probarlo para perfeccionar las mejores soluciones posibles.
Los prototipos animan a los equipos a pensar en los resultados tangibles en lugar de las ideas abstractas.
Los prototipos de alta fidelidad (plantillas interactivas que se parecen mucho al producto verdadero en la medida de lo posible) se pueden usar como una herramienta para lograr la interacción y acogida por parte de los interesados. Un prototipo que se parece a un producto terminado también puede ayudar a un equipo a desarrollar confianza en cómo los usuarios interactúan con el diseño y cómo se sienten con respecto a él. Una plantilla de prototipo realista también puede ayudar a los equipos a recoger un feedback más preciso. Esto permitirá a tu equipo ocuparse de los obstáculos o las expectativas poco realistas en el proceso de desarrollo.
Crea tu propio prototipo
Hacer un prototipo es una forma rápida y fácil de obtener información valiosa del usuario. Para conservar el rumbo y ritmo correctos, recuerda lo que estás probando y construye tu prototipo teniendo en cuenta las necesidades de los usuarios. Hacer tu propio prototipo es simple. La herramienta de pizarra de Miro es el canvas perfecto para crearlo y compartirlo con tu equipo. Comienza seleccionando la plantilla de prototipo de Miro.
Para empezar:
Define tu concepto de diseño. Elige una idea con tu equipo para desarrollarla más. Evalúa la posibilidad de desarrollar un guion gráfico. Entiende claramente cómo funciona y, mejor aún, explícaselo a tu equipo.
Planifica el flujo de usuario. Ahora puedes comenzar a hacer un mapa de las posibles interacciones de usuario con tu producto o servicio y las conexiones que el usuario haría entre ellas. La fase de planificación para tu prototipo también es el momento de hacer preguntas: ¿qué interacciones son posibles? ¿Dónde comienza y termina el producto o el servicio para el usuario? ¿Qué preguntas está el usuario tratando de responder? ¿Qué suposiciones estás haciendo y quieres probar?
Crea y conecta todas tus pantallas. Haz wireframes de todas tus pantallas de interacción principales. Añade elementos de navegación como menús, botones, símbolos e imágenes. Al seguir el mapa mental que hiciste, comienza a hacer que los elementos sean interactivos introduciendo enlaces, puntos calientes, capacidades de desplazamiento y puntos finales. Puedes probar tu prototipo cambiando al modo de presentación o exportando un archivo PDF.
Comparte con los usuarios y los interesados. Haz pruebas de usabilidad con los usuarios que tienen el problema que estás tratando de resolver. Mientras aprendes e iteras, crea notas concisas que se puedan compartir con los interesados de tu negocio para recibir retroalimentación temprana. Esto documenta tu aprendizaje para los fines internos y hace un seguimiento de tu progreso para ayudarte a cumplir tus objetivos de negocio.
Si no sabes si elegir entre si utilizar un prototipo o hacer un mockup online, visita nuestra página de prototipo vs mockup para aclarar todas tus dudas.
¿Cómo se hace un prototipo?
La creación de un prototipo puede ser tan sencilla como esbozar el diseño y el flujo de usuarios a mano o hacerse más realista para las pruebas de usuarios utilizando herramientas de prototipos. La plantilla de prototipos de Miro te permite crear uno que se asemeje al producto final, lo que te ayudará a recopilar comentarios más precisos durante la fase de prueba de usuarios.
¿Qué es lo que hace que un prototipo sea bueno?
Un buen prototipo debe imitar la funcionalidad del mundo real de la aplicación o el sitio web que está diseñando y mostrarle cómo se vinculan las diferentes áreas entre sí. El prototipo debe ayudarle a comprender mejor la experiencia del usuario y a identificar los ajustes necesarios en función de los comentarios recibidos. Un buen diseño de prototipo le dará confianza en cómo los usuarios interactuarán y se sentirán con el producto final.
Comienza ahora mismo con esta plantilla.
Plantilla de wireframes de aplicaciones
Ideal para:
Diseño UX, Wireframes
¿Listo para empezar a desarrollar una aplicación? No imagines únicamente cómo funcionará y cómo los usuarios van a interactuar con ella; deja que un wireframe te lo muestre. Wireframing es una técnica para crear un diseño básico de cada pantalla. Si usas un wireframe, preferentemente en una etapa temprana del proceso, entenderás lo que cada pantalla logrará y obtendrás la aprobación de los interesados importantes, todo antes de agregar el diseño y el contenido, lo cual te ahorrará tiempo y dinero. Y si piensas en las cosas tomando en cuenta el recorrido del usuario, ofrecerás una experiencia más atractiva y exitosa.
Plantilla de prototipo de baja fidelidad
Ideal para:
Diseño, Desk Research, Wireframes
Los prototipos de baja fidelidad sirven como visiones iniciales prácticas de tu producto o servicio. Estos prototipos simples solo comparten algunas características con el producto final. Son ideales para probar conceptos amplios y validar ideas. Los prototipos de baja fidelidad ayudan a los equipos de producto y UX a estudiar el producto o la funcionalidad del servicio al concentrarse en la iteración rápida y las pruebas de usuario para dar forma a los diseños futuros. Al centrarte en esbozar y trazar un mapa de contenido, menús y flujo de usuarios, los diseñadores y los no diseñadores pueden participar del proceso de diseño e ideación. En lugar de producir pantallas interactivas vinculadas, los prototipos de baja fidelidad se centran en ideas sobre las necesidades del usuario, la visión del diseñador y la alineación de los objetivos de los interesados.
Plantilla de sprint de diseño en remoto
Ideal para:
Diseño, Desk Research, Sprint Planning
Un sprint de diseño es un proceso intensivo de diseño, iteración y prueba de un prototipo durante un período de 4 o 5 días. Los sprints de diseño se llevan a cabo para salir de los procesos de trabajo estancados, encontrar una nueva perspectiva, identificar problemas de una manera única y desarrollar soluciones rápidamente. Desarrollados por Google, los sprints de diseño se crearon para permitir que los equipos se alineasen en un problema específico, generarán múltiples soluciones, crearán y probarán prototipos y tendrán comentarios de los usuarios en un corto período de tiempo. Esta plantilla fue creada originalmente por JustMad, una consultoría de diseño empresarial, y ha sido aprovechada por equipos distribuidos en todo el mundo.
Plantilla de aplicación de iPhone
Ideal para:
Desk Research, Diseño UX, Wireframes
Un increíble porcentaje de usuarios de smartphones en todo el mundo elige usar iPhones (entre los que se encuentran algunos de tus clientes actuales y potenciales), y esos usuarios simplemente aman sus aplicaciones. Pero diseñar y crear una aplicación de iPhone desde cero puede ser una tarea realmente intimidante y que requiera de un gran esfuerzo. Pero no aquí: con esta plantilla será mucho más fácil. Podrás personalizar diseños, crear protocolos interactivos, compartir con tus colaboradores, iterar como equipo y desarrollar finalmente una aplicación de iPhone que a tus clientes les encantará.
Plantilla para hacer bocetos online
Ideal para:
Diseño UX, Desk Research , Design Thinking
Antes de que pongas en marcha una idea prometedora y le dediques toda tu energía, obsérvala desde un nivel superior: conocer cómo funciona y cuán bien cumple tus objetivos. Eso es lo que hacen los bocetos. Esta plantilla te brinda una herramienta poderosa de colaboración a distancia para las etapas iniciales del prototipo, independientemente de que estés haciendo el boceto de páginas web y aplicaciones móviles, diseñando logotipos o planificando eventos. De este modo podrás compartir fácilmente tu boceto con el equipo y guardar cada etapa de tu boceto antes de cambiarlo y desarrollarlo.