Design : L’outil de prototypage qui satisfait la faim de tout designer

L’outil de prototypage qui satisfait la faim de tout designer

L’interface de ProtoPie est rapide à comprendre et leur équipe publie régulièrement des mises à jour pour l’améliorer

En haut à gauche, nous avons une barre d’outils où les utilisateurs peuvent importer leurs conceptions et ajouter tous les éléments qu’ils proposent.

Les utilisateurs peuvent importer des conceptions XD, Figma et Sketch

Vous pouvez ajouter quatre types de supports différents: vidéo, audio, caméra et Lottie. En plus de cela, vous pouvez également ajouter des gifs. Vous vous demandez peut-être ce qu’est la «caméra». Si vous créez un prototype mobile, vous pouvez configurer un déclencheur qui lance la caméra arrière ou avant d’un utilisateur.

Cliquer sur le bouton de l’appareil photo dans le prototype déclenche la caméra arrière du téléphone

La forme et le texte sont assez explicites. Les éléments du conteneur sont impressionnants. Vous disposez d’un conteneur standard (crée un groupe), d’un conteneur de défilement et d’un conteneur de pagination. Le conteneur de défilement est mon préféré et il fait quelque chose que je n’ai vu que dans Axure, il vous permet de configurer plusieurs parchemins indépendants sur une page. Ce modèle est répandu dans de nombreux systèmes d’entreprise – y avoir accès est une bouée de sauvetage.

ProtoPie vous permet de créer des parchemins indépendants sur différentes sections de l’écran

Vous avez la possibilité de choisir différents appareils ou d’en créer des personnalisés lors de la création de votre prototype. Vous pouvez ensuite importer vos conceptions à différentes densités de pixels.

L’utilisateur peut créer un prototype en utilisant des appareils standard, des tailles de bureau ou des tailles personnalisées

En haut à droite, nous avons la possibilité de prévisualiser notre prototype, de l’exécuter directement sur un appareil à l’aide de l’application iOS / Android de ProtoPie, d’accéder à votre espace cloud ou de télécharger votre projet. Leur application mobile est la meilleure application complémentaire que j’ai essayée jusqu’à présent. Il facilite l’installation des polices sur votre appareil et vous pouvez enregistrer le projet hors ligne.

Un utilisateur peut tester ses interactions en temps réel en utilisant le Aperçu vitre

Passons maintenant aux zones plus grandes. À l’extrême gauche, nous avons un Composants section et Scènes section. ProtoPie vous donne la possibilité de créer des composants réutilisables (vraiment super pour les menus, tout ce que vous allez utiliser encore et encore). Le panneau des scènes serait l’équivalent de plans de travail séparés que vous pouvez lier ensemble.

le Composants et Scènes les onglets peuvent être épinglés ou réduits au besoin

Au milieu, nous avons notre toile et à gauche, nous avons notre menu de calques.

Dans le canevas principal, vous pouvez explorer vos calques sur la gauche, parcourir rapidement les scènes à l’aide des flèches, contrôler le zoom et activer / désactiver le cadre de l’appareil

À droite, nous avons les trucs vraiment amusants, le panneau d’interaction / animation (plus à ce sujet dans un peu), et un panneau où vous pouvez modifier des éléments.

Ces trois panneaux sont où toutes les interactions sont créées et modifiées