Revue Proto.io : tout ce que vous devez savoir

Prototyper votre idée d’application peut changer la donne, mais trouver le bon outil pour le travail n’est pas toujours facile. Entrez Proto.io – une plateforme de prototypage Web qui fait des vagues depuis 2011.

Conçu à l'origine pour les appareils iOS, il s'agit désormais d'un outil polyvalent destiné aux passionnés d'applications, aux concepteurs et aux professionnels UX sur plusieurs plates-formes.

Dans cette revue, nous nous penchons en profondeur sur Proto.io pour voir s'il est à la hauteur de ses attentes. Nous explorerons ses principales fonctionnalités, de son interface intuitive par glisser-déposer à ses outils de collaboration.

Nous détaillerons également la structure tarifaire, peserons le pour et le contre et vous aiderons à décider si Proto.io est la solution idéale pour vos besoins de prototypage.

Que vous soyez un expert en codage ou un novice en conception, restez dans les parages pendant que nous déballons tout ce que Proto.io a à offrir. À la fin de cet examen, vous aurez une idée claire de ce que cet outil peut faire pour votre processus de développement d'applications – et des domaines dans lesquels il pourrait échouer.

Commençons!

Alors, pourquoi ne pas jeter un œil sur un outil intéressant que vous pouvez utiliser pour cela?

Qu’est-ce que Proto.io ?

Créé par les laboratoires Division de SNQ Digital, Proto.io existe depuis la publication de 2011 en tant que plate-forme Web commerciale dédiée au développement de prototypes pour iPad et iPhone. Il s'est ensuite progressivement transformé en un cadre plus dynamique, voire étendu pour prendre en charge plusieurs périphériques.

Actuellement, la plate-forme cible essentiellement les passionnés d'applications, les concepteurs mobiles, les concepteurs d'interaction et les professionnels de l'expérience utilisateur avec un large éventail d'outils de prototypage critiques.

L’une des principales propriétés de Proto.io est son interface utilisateur intuitive, construite avec un système de glisser-déposer pouvant être exploité sans codage. Cela seul explique pourquoi il est relativement populaire parmi les codeurs et les non-codeurs.

Il fournit également une bibliothèque d'interactions entièrement intégrée, qui peut être systématiquement utilisée sur n'importe laquelle de ses couches.

Et en parlant de cela, Proto.io rationalise apparemment tout le processus de prototypage en facilitant la création de multiples couches sur différents écrans. Les utilisateurs peuvent également importer à partir de Sketch ou de Photoshop, créer des interactions avec JavaScript, synchroniser de nombreux éléments avec Dropbox et détailler les conceptions animées tout en prévisualisant les animations via sa fenêtre d'éditeur.

Tout bien considéré, ce qui mérite d’être examiné par Proto.io, c’est que ses développeurs l’améliorent constamment avec de nouvelles mises à jour de temps à autre. Ils ont déjà publié deux albums en novembre seulement, ce qui affecte le joueur et l'éditeur.

Mais là encore, Proto.io présente également des faiblesses notables. Nous examinerons sous peu leur impact sur votre travail. Cette revue de Proto.io couvre tous les détails importants que vous devez connaître: caractéristiques fondamentales, tarification, atouts et inconvénients.

Et pour commencer, voici les principales caractéristiques…

Fonctionnalités de Proto.io

Construire un prototype

Lorsque vous commencez votre voyage sur Proto.io, vous remarquerez qu’il contient un didacticiel détaillé pour vous aider à vous repérer dans le système. Pour être honnête, il s’est avéré très pratique et l’interface facilite en outre l’adaptation car les outils sont bien agencés et accessibles.

Heureusement, Proto.io ne vous jette pas le plus souvent possible. Alors ne vous inquiétez pas si vous ne pouvez pas voir certains éléments importants au début. De plus en plus de fonctionnalités et d’options contextuelles sont disponibles au fur et à mesure que vous continuez à travailler sur votre projet.

Désormais, il suffit de cliquer sur la nouvelle option de projet du tableau de bord, de la nommer, de sélectionner la taille de l’écran et le support souhaité, puis le tour est joué!

Le processus de navigation lui-même est transparent, grâce à une interface utilisateur simple et rapide. Je créais déjà plusieurs écrans en une heure environ, puis je les ai combinés avec des transitions attrayantes et des interactions élégantes.

Leur fusion et leur test n'ont pas demandé beaucoup d'efforts, car Proto.io est doté d'une fonction de prévisualisation de l'animation. Malheureusement, je ne considérerais pas cela comme une prévisualisation en temps réel% 100, car les utilisateurs doivent d'abord enregistrer leurs projets avant que les modifications d'animation ne soient reflétées dans l'aperçu.

Eh bien, au moins, le système compense cela avec une interface immersive glisser-déposer. Faire glisser n'importe quel élément est étonnamment simple et vous pouvez l'ajuster en conséquence puis passer au suivant.

S'il vous arrive d'adopter des éléments dont vous pensez avoir besoin plus tard (animations, interactions, éléments de l'interface utilisateur), épargnez-vous le dur travail en tirant parti de la sauvegarde de conteneur. De cette façon, vous pourrez simplement les faire glisser et les placer correctement lorsque vous en aurez besoin. C'est vraiment sans stress.

C'est suffisant. Mais de quelles fonctionnalités parle-t-on ici?

Pour commencer, vous pouvez faire pivoter, fondre, redimensionner et déplacer des animations. Ensuite, les interactions prennent en charge des fonctions telles que clic droit, clic, relâcher, toucher, toucher deux fois, etc. Les transitions, quant à elles, permettent le basculement, le glissement haut / bas, le glissement gauche / droit, etc. bibliothèque d'éléments d'interface utilisateur typiques, et vous avez vous-même un système de prototypage convivial.

Alors, où vont les projets après leur achèvement?

Maintenant, voici la chose. Le tableau de bord non seulement regroupe tous les projets, mais vous permet également de les supprimer, les archiver, les dupliquer, les modifier et d'y accéder. En gros, vous pouvez également partager un projet et ajuster les paramètres correspondants.

Partage et collaboration

Bien, vous pourrez peut-être gérer un projet seul et éventuellement créer un prototype impressionnant. Vous pouvez également tout simplifier et élargir vos capacités en travaillant avec une équipe bien coordonnée.

Il s'avère que proto.io a réglé ce problème. Il fournit une gamme d'outils de partage et de collaboration pour mettre en valeur et développer vos projets.

Comment, demandez-vous?

Pour présenter le strict minimum, Proto.io vous permet par exemple de prendre à tout moment un instantané de votre projet puis de le partager avec les membres de l'équipe.

Sinon, vous pouvez choisir de vous lancer à fond en partageant une version live du prototype, et même en activant l'enregistrement vidéo et les commentaires. Cela devrait suffire à fournir des informations adéquates sur le projet et, par conséquent, à susciter un retour d'information détaillé.

Mais tu sais quoi? Il est possible d'aller au-delà puisque Proto.io prend également en charge Usertesting.com et Validately. Leur activation devrait vous aider à obtenir un retour complet et approfondi des utilisateurs du prototype.

Et peu importe les appareils utilisés pour accéder aux aperçus. Le système peut s'adapter en conséquence aux navigateurs mobiles et de bureau.

Et obtenez ceci. Si vous créez une application pour smartphone, l'expérience native des applications Android et iOS profitera à vos prototypes en les présentant dans le support pour lequel ils ont été développés.

Cela dit, il convient de noter que Proto.io 6 a rendu les choses beaucoup plus faciles en introduisant le partage en un seul clic. Cela signifie que vous pouvez distribuer votre prototype aux membres de l’équipe en un seul clic. À quel point cela est cool?

Outils d'interaction

Tout bien considéré, c'est toute la conception des interactions de votre application qui fait la différence lorsqu'il s'agit de la convivialité. C'est sans doute pourquoi nous fabriquons même des prototypes.

Heureusement, Proto.io n'est pas méchant lorsqu'il est question d'outils d'interaction. Il fournit un large éventail de fonctionnalités sur lesquelles vous pouvez capitaliser pour créer une expérience utilisateur mémorable.

En plus des écrans de contenu défilables, certaines des options les plus populaires ici incluent les menus déroulants et les écrans d’intégration, pour ne citer que quelques-uns. Et pour cette touche personnelle, Proto.io permet aux utilisateurs de modifier dynamiquement tous les outils d’interaction.

Ok, mais comment les ajoutez-vous exactement?

Vous souvenez-vous quand nous avons mentionné que Proto.io utilisait énormément une interface glisser-déposer? Alors devine quoi? Pour obtenir un résultat d'interaction, il suffit simplement de faire glisser les éléments d'une icône vers les composants de l'interface utilisateur. Vous n'avez même pas besoin d'une seule ligne de code.

Périphériques compatibles

Il est toujours conseillé de développer votre prototype sur un ordinateur de bureau. Cela offre une expérience immersive idéale pour concevoir un prototype solide.

Maintenant, la prévisualisation du prototype est un jeu de balle différent. Heureusement, Proto.io ne force pas les gens à faire cela dans l'environnement natif sur lequel les prototypes ont été construits.

Cela signifie essentiellement que vous pouvez montrer votre création à tous les types d'utilisateurs, quel que soit le gadget de leur choix. Ils pourront accéder via des navigateurs PC et mobiles.

En fait, Proto.io est même allé de l'avant pour développer des versions pour iOS et Android. Ils optimisent fondamentalement toute l'expérience de la révision des prototypes développés pour les appareils mobiles.

Maintenant, après avoir partagé votre projet, vous pouvez vous fier aux commentaires des utilisateurs suivants pour évaluer votre prototype. Mais, voici la chose intéressante: comme si cela ne suffisait pas, Proto.io s'est associé à Lookback.io pour pouvoir enregistrer des écrans d'utilisateur et des expressions faciales de personnes utilisant un prototype.

Donc oui. Vous pariez que vous pouvez porter un jugement éclairé sur les performances de votre prototype en fonction du sourire ou du froncement de sourcil de ses utilisateurs. Impressionnant, non?

Courbe d'apprentissage

Je connais. J'ai été là. A partir de ce moment, vous supposez qu'une plate-forme pour prototypes doit être suffisamment compliquée pour gérer un développement d'interface utilisateur étendu.

Heureusement, Proto.io a réussi à éliminer le codage sans compromettre le processus de développement des prototypes. Vous pouvez configurer des structures filaires basse fidélité et des prototypes haute fidélité entièrement développés, dotés de toutes les fonctionnalités nécessaires à des tests approfondis.

Cela dit, vous devez admettre qu'il ne faut pas beaucoup pour maîtriser une interface classique de type glisser-déposer. Cependant, au cas où vous rencontriez des difficultés en cours de route, Proto.io fournit une documentation détaillée contenant essentiellement tout ce qui concerne la plate-forme.

Tarifs Proto.io

Tout d'abord, j'ai été heureux de constater que Proto.io fournit une option gratuite en permanence. Malheureusement, il est assez limité car il ne propose que:

• io aperçu de l'application
• Stockage 10MB
• Zéro relecteur supplémentaire
• Ecrans prototypes 5
• Projet actif 1
• Utilisateur 1

Le seul moyen de sécuriser davantage de fonctionnalités est de souscrire à l'un des quatre forfaits de Proto.io. Ils offrent tous:

• Support par email
• chiffrement 256 bits
• Importation d'esquisse / Photoshop
• Dropbox synchronisation
• Graphisme avec votre marque et vos couleurs.
• Exporter au format PDF / PNG / HTML
• Commentaires des utilisateurs sous forme vidéo optimisés par Lookback
• Description
• Partager
• io app aperçu
• Aperçu dans le lecteur

Maintenant qu'ils sont tous livrés avec l'écosystème complet des fonctionnalités, les principaux facteurs de distinction entre les packages sont le nombre d'utilisateurs et de projets pris en charge. Les plans sont apparemment structurés pour desservir différents niveaux d'utilisateurs et d'organisations.

Et voici les détails:

Freelancer- Coûte 29 $ par mois avec facturation mensuelle ou 24 $ par mois avec facturation annuelle

• Prend en charge l'utilisateur 1
• Fournit des projets actifs 5

Startup- Coûte 49 $ par mois avec facturation mensuelle ou 40 $ par mois avec facturation annuelle

• Prend en charge les utilisateurs 2
• Fournit des projets actifs 10

Agence- Coûte 99 $ par mois avec facturation mensuelle ou 80 $ par mois avec facturation annuelle

• Prend en charge les utilisateurs 5
• Fournit des projets actifs 15

Corporate- Coûte 199 $ par mois avec facturation mensuelle ou 160 $ par mois avec facturation annuelle

• Prend en charge les utilisateurs 10
• Fournit des projets actifs 30

En me basant sur ces échelles d'utilisation, je dirais que ces plans conviennent aux particuliers et aux petites entreprises. Les grandes entreprises ont la possibilité de négocier avec Proto.io des packages personnalisés qui offrent un support prioritaire, des analyses, une sécurité de niveau entreprise, des projets illimités, des utilisateurs supplémentaires et bien plus encore.

Les étudiants et les organisations à but non lucratif peuvent quant à eux bénéficier d'un rabais de 50%. Tout dépend du processus de filtrage de Proto.io.

Maintenant c'est pas mal. Pas mal du tout. Mais je me demande si le rabais est basé sur le modèle mensuel, la facturation annuelle ou les deux.

Eh bien, si vous n'êtes pas admissible, vous pouvez au moins réduire vos coûts d'environ 20% lorsque vous passez d'une facturation mensuelle à une facturation annuelle. En dehors de cela, vous bénéficiez également d'une période d'essai gratuite de 15 jours pour tout tester lors de votre inscription.

Qui devrait envisager d'utiliser Proto.io?

Jusqu'ici, tout va bien. Mais, sans surprise, Proto.io présente son lot d’inconvénients.

Pensez au montage hors ligne, par exemple. Bien qu'il soit louable que la plate-forme permette aux utilisateurs d'exporter des prototypes au format PDF et HTML, il semble que c'est à peu près tout lorsque vous ne disposez pas d'une connexion Internet. La seule chose que vous pourrez faire est de prévisualiser un prototype.

Créer et peaufiner un prototype nécessite une connexion Internet stable. Cela rend fondamentalement impossible le travail pratique en déplacement.

En ce qui concerne la création de prototypes, espérons que l’équipe de développement de Proto.io envisagera sérieusement d’introduire des animations 3D et des aperçus en direct. Après tout, c’est 2019 qui crie fort.

Autre que cela, nous pouvons conclure que Proto.io est une plate-forme décente construite avec un accent mis sur la productivité et l'évolutivité. Il est suffisamment flexible pour prendre en charge les projets simples des novices et les conceptions complexes multicouches des équipes d’entreprise.

Donc, tout bien considéré, que pensez-vous que nous devrions attendre de ses développeurs dans un proche avenir?