Proto.io Review: una herramienta de creación de prototipos flexible

El hecho es que, incluso cuando cree que ya lo tiene todo resuelto, el minucioso proceso de creación de una aplicación estándar toma una promedio de alrededor de 4 a 6 meses. Es más como un viaje desde una lluvia de ideas a una idea hasta llegar a un producto final totalmente diferente.

Entre estas dos etapas es donde sucede todo el drama. Después de una lluvia de ideas, viene el proceso de investigación, desde donde se establece una estructura de alambre correspondiente, luego se realiza un prototipo para la primera fase de prueba.

¿Qué falta hasta ahora?

Ahora, mantenlo ahí. Antes incluso de pasar a la fase de desarrollo, primero apreciemos lo que le informa sustancialmente.

Un prototipo básicamente representa lo que supones que será la interfaz de usuario del producto final. La retroalimentación posterior generada por los usuarios determina el diseño de funcionalidad correspondiente durante el desarrollo.

Por lo tanto, en general, el prototipo es lo que básicamente determina el desarrollo de la aplicación y, en gran medida, el resultado general.

Entonces, ¿qué tal si echamos un vistazo a una herramienta interesante que puede aprovechar para esto?

Revisión de Proto.io: Resumen

Creado por la división de laboratorios de SNQ Digital, Proto.io ha existido desde 2011, cuando se lanzó como una plataforma web comercial que se ocupa del desarrollo de prototipos para iPads y iPhones. Luego se transformó gradualmente en un marco más dinámico e incluso se expandió para acomodar múltiples dispositivos.

Actualmente, la plataforma se enfoca esencialmente en entusiastas de aplicaciones, diseñadores móviles, diseñadores de interacción y profesionales de la experiencia del usuario con una amplia gama de herramientas de creación de prototipos críticos.

Proto.io

Una de las principales propiedades de Proto.io es su interfaz de usuario intuitiva, que se construye con un sistema de arrastrar y soltar que se puede aprovechar sin codificación. Eso solo explica por qué es relativamente popular entre los codificadores y no codificadores.

También proporciona una biblioteca de interacciones completamente integrada, que se puede utilizar sistemáticamente en cualquiera de sus capas.

Y hablando de eso, Proto.io aparentemente agiliza todo el proceso de creación de prototipos al facilitar múltiples capas en varias pantallas. Los usuarios también pueden importar desde Sketch o Photoshop, crear interacciones con JavaScript, sincronizar numerosos recursos con Dropbox y detallar diseños de movimiento mientras previsualizan animaciones a través de su ventana de edición.

A fin de cuentas, lo único que hace que Proto.io valga la pena ver es el hecho de que sus desarrolladores lo están mejorando constantemente con nuevas actualizaciones de vez en cuando. Ya han lanzado dos en noviembre solo, afectando al jugador y al editor.

Pero, de nuevo, Proto.io también viene con debilidades notables. Cómo podrían afectar su trabajo es algo que veremos en breve. Esta revisión de Proto.io cubre todos los detalles importantes que necesita conocer: características fundamentales, precios, puntos fuertes y desventajas.

Y para empezar, aquí están las principales características ...

Proto.io Review: Características

Construyendo un prototipo

Cuando inicie su viaje en Proto.io, notará que proporciona un tutorial detallado para ayudarlo a orientarse en el sistema. Para ser honesto, fue bastante práctico, y la interfaz hace que sea más fácil de adaptar ya que las herramientas están bien dispuestas y son accesibles.

Afortunadamente, Proto.io no te tira todo abrumadoramente. Así que no te preocupes si no puedes ver algunos elementos importantes al principio. Más funcionalidades y opciones contextuales se aprovechan progresivamente a medida que continúa trabajando en su proyecto.

Ahora, comenzar uno es tan fácil como hacer clic en la nueva opción de proyecto en el panel de control, nombrarlo, seleccionar el tamaño de la pantalla y el medio deseado, ¡entonces listo!

El proceso de navegación en sí mismo es transparente, gracias a una interfaz de usuario sencilla que no toma mucho tiempo para acostumbrarse. Ya estaba creando varias pantallas en aproximadamente una hora, luego seguí adelante para combinarlas con atractivas transiciones e interacciones con estilo.

Proto.io prototipo

Combinarlos y probarlos no requirió mucho esfuerzo porque Proto.io está construido con una función de vista previa de animación. Lamentablemente, no lo consideraría una previsualización en vivo en tiempo real de 100, ya que los usuarios deben guardar primero sus proyectos antes de que los cambios de animación se reflejen en la previsualización.

Bueno, al menos el sistema compensa eso con una interfaz inmersiva de arrastrar y soltar. Arrastrar cualquier elemento es sorprendentemente simple, y puede ajustarlo en consecuencia y luego pasar al siguiente.

Proto.io arrastrar y soltar

Si adopta elementos que cree que podría necesitar más adelante (animaciones, interacciones, elementos de la interfaz de usuario), ahórrese el trabajo duro aprovechando el ahorro de contenedores. De esa manera, podrá simplemente arrastrarlos y colocarlos de manera adecuada cuando lo necesite. Realmente es así de libre de estrés.

Lo suficientemente justo. Pero, ¿de qué funcionalidades estamos hablando aquí?

Para empezar, puedes rotar, desaparecer, cambiar el tamaño y mover animaciones. Luego, las interacciones admiten funciones como hacer clic con el botón derecho, hacer clic, soltar, tocar, tocar dos veces, tocar, etc. Las transiciones, por otro lado, permiten voltear, deslizar hacia arriba / abajo, deslizar hacia la izquierda / derecha, etc. biblioteca de elementos típicos de la interfaz de usuario, y usted tiene una gran cantidad de un sistema de creación de prototipos fácil de usar.

Entonces, ¿dónde van los proyectos después de la finalización?

Ahora, aquí está la cosa. El panel no solo sirve para todos los proyectos sino que también le permite eliminarlos, archivarlos, duplicarlos, editarlos y acceder a ellos. Aquí es básicamente donde también puede compartir un proyecto y proceder a ajustar la configuración correspondiente.

Compartir y Colaboración

Bien, puede ser capaz de manejar un proyecto solo y posiblemente crear un prototipo impresionante. O bien, puede hacer que todo sea mucho más fácil y ampliar sus capacidades trabajando con un equipo bien coordinado.

Resulta que proto.io tiene esto resuelto. Proporciona una variedad de herramientas para compartir y colaborar para mostrar y expandir sus proyectos.

¿Cómo, preguntas?

Para mostrar lo mínimo, por ejemplo, Proto.io le permite tomar una instantánea de su proyecto en cualquier momento y luego compartirlo con los miembros del equipo. De lo contrario, puede elegir entre compartir una versión en vivo del prototipo e incluso habilitar la grabación de video y los comentarios. Eso debería ser lo suficientemente bueno para proporcionar información adecuada sobre el proyecto y, en consecuencia, generar una retroalimentación detallada.

Proto.io compartir

¿Pero sabes que? Es posible ir más allá de esto, ya que Proto.io también es compatible con Usertesting.com y Validately. Habilitarlos debería ayudarlo a obtener comentarios completos y profundos de los usuarios de prototipos.

Y no importa qué dispositivos utilicen para acceder a las vistas previas. El sistema puede adaptarse a los navegadores móviles y de escritorio.

Y conseguir esto. Si está creando una aplicación de teléfono inteligente, la experiencia nativa de las aplicaciones de Android e iOS beneficiará sus prototipos al mostrarlos en el medio para el que se han desarrollado.

Dicho esto, vale la pena señalar que Proto.io 6 hizo las cosas mucho más fáciles al introducir el uso compartido con un solo clic. Eso básicamente significa que puede distribuir su prototipo a los miembros del equipo con un solo clic. ¿Cuan genial es eso?

Herramientas de interacción

A fin de cuentas, todo el diseño de interacción de su aplicación es lo que en última instancia hace la diferencia cuando se trata de usabilidad. Podría decirse que es la razón por la que incluso hacemos prototipos en primer lugar.

Afortunadamente, Proto.io no es malo cuando se trata de herramientas de interacción. Proporciona una amplia gama de funcionalidades que puede aprovechar para crear una experiencia de usuario memorable.

Además de las pantallas de contenido desplazable, algunas de las opciones populares aquí incluyen menús deslizables y pantallas de incorporación, por mencionar solo algunas. Y para ese toque personal, Proto.io permite a los usuarios ajustar dinámicamente todas las herramientas de interacción.

Proto.io herramientas de interacción.

Ok, ¿pero exactamente como los añades?

Bueno, ¿recuerdas cuando mencionamos que Proto.io usa mucho la interfaz de arrastrar y soltar? ¿Adivina que? Lograr cualquier resultado de interacción es tan simple como arrastrar y soltar los elementos de un icono a los componentes de la interfaz de usuario. No necesitas ni una sola línea de código.

Dispositivos Admitidos

Siempre es recomendable desarrollar su prototipo en una PC de escritorio. Proporciona la experiencia inmersiva adecuada para diseñar un prototipo sólido.

Ahora, previsualizar el prototipo es un juego de pelota diferente. Afortunadamente, Proto.io no obliga a las personas a hacer esto en el entorno nativo en el que se han construido los prototipos.

Básicamente, eso significa que puedes mostrar tu creación a todos los tipos de usuarios, independientemente de los gadgets que elijas. Podrán acceder a través de PC y navegadores móviles.

De hecho, Proto.io incluso se adelantó para desarrollar versiones para iOS y Android. Básicamente, optimizan toda la experiencia de revisar prototipos desarrollados para dispositivos móviles.

Ahora, después de compartir su proyecto, puede confiar en los siguientes comentarios de los usuarios para calificar su prototipo. Pero, aquí lo interesante: como si eso no fuera suficiente, Proto.io se unió a Lookback.io para poder grabar pantallas de usuario y expresiones faciales de personas que usan un prototipo.

Entonces sí. Puede apostar que puede hacer un juicio informado sobre el rendimiento de su prototipo en función de cómo sus usuarios sonríen o fruncen el ceño. Impresionante, ¿verdad?

Curva de aprendizaje

Lo sé. He estado allí. En ese momento, usted asume que una plataforma para prototipos tiene que ser lo suficientemente complicada como para manejar un extenso desarrollo de IU.

Afortunadamente, Proto.io ha logrado eliminar la codificación sin comprometer el proceso de desarrollo del prototipo. Puede configurar tanto los wireframes de baja fidelidad como los prototipos de alta fidelidad completamente desarrollados, con todas las características necesarias para realizar pruebas exhaustivas.

Proto.io características

Dicho esto, debes admitir que no se necesita mucho para dominar una interfaz típica de arrastrar y soltar. Pero, en caso de que tenga dificultades en el camino, Proto.io proporciona documentación detallada que contiene básicamente todo sobre la plataforma.

Proto.io Review: Precios

En primer lugar, me complació descubrir que Proto.io ofrece una opción gratuita de forma permanente. Desafortunadamente, es bastante limitado ya que solo ofrece:

  • vista previa de la aplicación io
  • Almacenamiento 10MB
  • Cero revisores adicionales
  • Prototipos de pantallas 5
  • Proyecto activo 1
  • Usuario 1

La única forma de asegurar más funciones es suscribirse a uno de los cuatro planes de Proto.io. Todos ofrecen:

  • Asistencia por correo electrónico
  • 256-bit de encriptación
  • Importación de Sketch / Photoshop
  • Sincronización de Dropbox
  • Marca
  • Exportar a PDF / PNG / HTML
  • Comentarios de los usuarios en forma de video impulsado por Lookback
  • Comentarios
  • Compartir
  • vista previa de la aplicación io
  • Vista previa en el jugador

Proto.io precios

Ahora que todos vienen con el ecosistema de características completo, los principales factores distintivos entre los paquetes son la cantidad de usuarios y proyectos admitidos. Los planes están aparentemente estructurados para dar servicio a diferentes grados de usuarios y organizaciones.

Y aquí están los detalles:

Persona de libre dedicación- Cuesta $ 29 por mes con facturación mensual, o $ 24 por mes con facturación anual

  • Apoya al usuario de 1
  • Proporciona proyectos activos de 5.

Puesta en marcha- Cuesta $ 49 por mes con facturación mensual, o $ 40 por mes con facturación anual

  • Soporta usuarios de 2
  • Proporciona proyectos activos de 10.

Agencia- Cuesta $ 99 por mes con facturación mensual, o $ 80 por mes con facturación anual

  • Soporta usuarios de 5
  • Proporciona proyectos activos de 15.

Corporativo- Cuesta $ 199 por mes con facturación mensual, o $ 160 por mes con facturación anual

  • Soporta usuarios de 10
  • Proporciona proyectos activos de 30.

Siguiendo estas escalas de uso, diría que estos planes son adecuados para individuos y pequeñas empresas. A las grandes empresas se les ha dado la opción de negociar con Proto.io para obtener paquetes personalizados que brinden soporte prioritario, análisis, seguridad de nivel empresarial, proyectos ilimitados, usuarios adicionales y mucho más.

Los estudiantes y las organizaciones sin fines de lucro, por otro lado, pueden calificar para un 50% de descuento. Todo depende del proceso de selección de Proto.io.

Ahora eso no es malo. No está mal. Pero me pregunto si el descuento se basa en el modelo mensual, la facturación anual o ambos.

Bueno, si no califica, al menos puede reducir sus costos en aproximadamente 20% cuando cambia de facturación mensual a anual. Luego, aparte de eso, también obtienes un período de prueba gratuito de 15-día para probar todo cuando te registras.

¿Quién debería considerar el uso de Proto.io?

Hasta ahora tan bueno. Pero, tal vez no sea sorprendente, Proto.io tiene su parte justa de inconvenientes.

Considere la posibilidad de editar sin conexión, por ejemplo. Si bien es recomendable que la plataforma les permita a los usuarios exportar prototipos a PDF y HTML, parece que eso es todo cuando no tienes una conexión a Internet. Lo único que podrás hacer es previsualizar un prototipo.

Crear y modificar un prototipo requiere una conexión estable a la web. Eso básicamente hace que sea imposible trabajar cómodamente sobre la marcha.

Y hablando de crear prototipos, esperemos que el equipo de desarrollo de Proto.io considere seriamente la introducción de animaciones 3D y vistas previas en vivo. Después de todo, es 2019 para gritar en voz alta.

Aparte de eso, podemos concluir que Proto.io es una plataforma decente construida con un enfoque en la productividad y la escalabilidad. Es lo suficientemente flexible para admitir proyectos simples de principiantes y diseños complejos de múltiples capas por equipos corporativos.

Entonces, considerando todo, ¿qué crees que deberíamos esperar de sus desarrolladores en un futuro cercano?

Bogdan Rancea

Bogdan es miembro fundador de Inspired Mag, habiendo acumulado casi 6 años de experiencia durante este período. En su tiempo libre le gusta estudiar música clásica y explorar artes visuales. También está bastante obsesionado con los fixies. Ya es dueño de 5.