Revisión de Proto.io: todo lo que necesita saber

Crear un prototipo de la idea de tu aplicación puede cambiar las reglas del juego, pero encontrar la herramienta adecuada para el trabajo no siempre es fácil. Ingrese a Proto.io, una plataforma de creación de prototipos basada en web que ha estado causando sensación desde 2011.

Diseñado originalmente para dispositivos iOS, ahora es una herramienta versátil dirigida a entusiastas de las aplicaciones, diseñadores y profesionales de UX en múltiples plataformas.

En esta reseña, analizaremos en profundidad Proto.io para ver si está a la altura de las expectativas. Exploraremos sus características principales, desde su interfaz intuitiva de arrastrar y soltar hasta sus herramientas de colaboración.

También analizaremos la estructura de precios, sopesaremos los pros y los contras y lo ayudaremos a decidir si Proto.io es la opción adecuada para sus necesidades de creación de prototipos.

Si eres un genio de la codificación o un novato en el diseño, quédate mientras analizamos todo lo que Proto.io tiene para ofrecer. Al final de esta revisión, tendrá una idea clara de lo que esta herramienta puede hacer por el proceso de desarrollo de su aplicación y en qué podría fallar.

Empecemos!

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

¿Qué es Proto.io?

Creado por los laboratorios División 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.

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 ...

Características de Proto.io

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.

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.

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 compartirla con los miembros del equipo.

De lo contrario, puede optar por hacer todo lo posible y compartir una versión en vivo del prototipo, e incluso habilitar la grabación de video y los comentarios. Eso debería ser suficiente para brindar información adecuada sobre el proyecto y, en consecuencia, generar comentarios detallados.

¿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 tanto a navegadores móviles como 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.

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 el prototipo en una computadora de escritorio, ya que brinda la experiencia de inmersión perfecta 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.

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.

Precios de Proto.io

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:

• Soporte por correo electrónico
• 256-bit de encriptación
• Importación de Sketch / Photoshop
• Sincronización de Dropbox
• Branding
• 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

Ahora que todos vienen con todo el ecosistema de características, los principales factores distintivos entre los paquetes son la cantidad de usuarios y proyectos admitidos. Los planes aparentemente están estructurados para atender 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.

Startup- 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.

Según estas escalas de uso, diría que estos planes son adecuados para particulares y pequeñas empresas. A las grandes empresas se les ha dado la opción de negociar con Proto.io paquetes personalizados que ofrecen 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, todo bien. Pero, como era de esperar, Proto.io tiene una buena cantidad 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?