Llevar ideas a papel y pizarra es un paso importante al crear un nuevo producto o revisar un rediseño. Bocetear ideas da a miembros del equipo y otros interesados una visual temprana de cómo va a verse un producto, pero los bocetos tienen varias limitaciones.
Incluso los wireframes – la siguiente etapa después de los bocetos – no pueden capturar elementos dinámicos, tales como flujo, interacción y animación. Los gerentes de productos, diseñadores y desarrolladores no pueden guiar a los interesados a través de la experiencia del usuario con imágenes estáticas, razón por la cual los prototipos clickeables juegan un rol valioso en el desarrollo del producto.
Primero, debería aclarar lo que no es un prototipo.
Un wireframe no es un prototipo clickeable. Tampoco es un mockup visual. Cualquier cosa estática no es un prototipo. Al mismo tiempo, un prototipo clickeable no es el producto final. No se verá como el producto final; por ejemplo, no tendrá alta fidelidad o se verá increíble.
Diseñar y desarrollar un producto es un proceso complejo e iterativo, desde la conceptualización hasta la entrega final. Nada de esto sería posible sin pruebas de usuario, especialmente si estás aplicando principios Lean. En consecuencia, no puedes aplicar pruebas efectivas sin una versión del producto que permita altos grados de interactividad, que es el propósito de los prototipos clickeables.
¿Qué es un prototipo clickeable?
Los prototipos son simulaciones de productos, mockups interactivos que pueden llevar a los usuarios a través de las diversas características del producto. No necesitan necesariamente verse bien – ya que eso tomaría más tiempo – pero sí necesitan probar si el flujo, el recorrido del usuario a través del producto es fluido, consistente y fácil de navegar.
No solo los prototipos clickeables son invaluables desde una perspectiva de prueba y UX, sino que a menudo se descubren descubrimientos que influyen en el desarrollo del producto y sus características como resultado de experiencias tempranas con prototipos.
Aunque los wireframes no pueden replicar el recorrido que un usuario hace a través de un producto, puedes usar dibujos de wireframe de alta fidelidad en algunos prototipos clickeables, si están cargados y conectados usando software de prototipado.
Ahora que estás claro sobre lo que es – y no es – un prototipo, echemos un vistazo a algunas de las herramientas de prototipado más populares del mercado.
Herramientas para crear prototipos clickeables
#1: InVision
Con más de 2 millones de diseñadores y docenas de marcas a escala empresarial como clientes, incluyendo Salesforce, Evernote, Nike y Sony, InVision es una de las herramientas de prototipado más populares. El precio comienza desde Gratis – para siempre – para 1 prototipo, con prototipos ilimitados desde $25 por mes.
InVision tiene una interfaz limpia y fácil de usar, no demasiado compleja ni demasiado simple; con tres demos pre-cargadas (y un video) para que puedas tener una mejor sensación de cómo usar InVision antes de comenzar a trabajar en tus propios proyectos. La colaboración es fácil, con pestañas diseñadas para hacer sencillo compartir diseños con colegas o clientes.
#2: Webflow
Webflow se está posicionando fuera de las herramientas tradicionales de prototipado, desde que lanzó un CMS para prototipos. Desarrolladores que lo han probado prefieren este a WordPress, con la posibilidad de crear un prototipo, luego convertir tu diseño en un sitio listo para producción con un toque de botón.
Es tan fácil convertir un prototipo en código limpio y semántico, con funcionalidad responsive y características que hacen simple conectar Webflow con más de 400 servicios, incluyendo Google Drive y Slack. Hay una prueba gratuita, y el alojamiento básico comienza desde $15 por mes.
#3: Proto.io
Diseñado con plantillas integradas, Proto.io es usado por más de 400,000 profesionales y personas apasionadas. Puedes importar diseños directamente desde Sketch o Photoshop, luego prototipar, previsualizar y probar, lo cual puede incluir pruebas de usuarios en vivo en varias plataformas populares.
Comienza con una prueba gratuita de 15 días, luego pasa a un plan de pago – desde $24 por mes (1 cuenta, 5 proyectos) – hasta una cuenta corporativa, con 10 usuarios y 30 proyectos activos por $160.
#4: Justinmind
Justinmind parece fácil de usar, y no decepciona. Crear una cuenta toma alrededor de 10 segundos, y luego puedes comenzar a crear productos de wireframe interactivos que puedes compartir con otros y obtener retroalimentación.
Lamentablemente, la prueba gratuita para siempre es algo limitante; sin embargo, si planeas usar esto para crear más de un prototipo podría valer la pena actualizar a un plan de precios, comenzando desde $19 por mes (facturado anualmente, o $29 mensuales).
#5: Origami Studio
Creado por Facebook como parte de los procesos internos de diseño y construcción, Origami Studio fue lanzado gratuitamente, para desarrolladores de Apple. Toma más trabajo descargar, instalar y usar que otras herramientas de prototipado, pero una vez en marcha puedes compartir diseños con otros, incluso en dispositivos Android, con Origami Live.
Origami es una de las formas más realistas para probar prototipos interactivos, con una función de carga para diseños de Sketch.
Convertir tus ideas de producto en realidad es un proceso largo. Tiempo bien invertido, si puedes obtener comentarios útiles y hacer las iteraciones necesarias para diseñar un producto que la gente amará. Pero eso solo puede suceder con las herramientas y procesos adecuados en su lugar, lo que significa convertir bocetos en wireframes y mockups que pueden formar la base de un prototipo clickeable. Solo con un prototipo los usuarios pueden probar las funciones y flujo del producto que informarán la próxima fase de diseño y desarrollo, para evitar fallos costosos en el futuro.
Transforma tu sueño de startup en realidad. De idea a prototipo en 48 horas, y una aplicación lista para el mercado en solo 2 semanas. Obtén un presupuesto en 30 minutos, desde KFG International.