En tant que concepteur centré sur l'utilisateur, une partie importante de mes responsabilités consiste à concevoir des concepts de prototypage pour obtenir des commentaires sur divers modèles qui résolvent des problèmes commerciaux réels. Cela implique de dessiner ou de représenter des idées de manière itérative tôt et souvent dans le processus de conception pour générer une conversation et, plus important encore, pour recueillir les commentaires des parties prenantes.

Mon objectif est de faire concorder les objectifs des utilisateurs avec les objectifs de l'entreprise pour une situation gagnant-gagnant et mutuellement bénéfique des deux points de vue. Par conséquent, je suis toujours intéressé par tout outil qui me permet non seulement d'être plus efficace, mais aussi plus efficace dans ce processus.

Si ce que j'ai dit jusqu'ici commence à vous intéresser, vous pourriez être intéressé par les outils de prototypage suivants qui peuvent vous aider à guider vos parties prenantes dans votre vision du produit final.

iMockups pour iPad (7 $)

Si vous avez un iPad et que vous préférez y travailler, iMockups peut-être vaut un coup d'oeil. Bien qu'iMockups soit conçu exclusivement pour l'iPad, il offre une vue de présentation pour partager votre vision avec un public plus large en connectant votre iPad à un grand écran. Vous pouvez placer des liens hypertexte sur divers éléments de la structure filaire pour une navigation réelle d'une structure filaire à l'autre.

Si vous êtes un Balsamiq Maquettes utilisateur ou travailler avec quelqu'un qui l'est, il est pratique que les fichiers iMockups puissent être exportés au format Balsamiq BMML. Cela dit, la collaboration et le partage se limitent à envoyer par courrier électronique des fichiers de projet modifiables ou des fichiers PNG.

mise en place

Flinto (essai gratuit de 20,00 $ / mois-30 jours)

Des PNG aux prototypes en 45 secondes est Flinto le pitch. Cela dit, vous devez néanmoins créer ces PNG en dehors de Flinto, contrairement à certains autres services de prototypage. Certaines personnes pourraient considérer cela comme un négatif, mais j'aime en fait avoir la possibilité d'utiliser mon éditeur graphique préféré au lieu de me limiter à utiliser une autre interface intégrée que je dois apprendre à utiliser avant de pouvoir faire quoi que ce soit. Et je ne pense pas que je sors vraiment du pied quand je dis que si vous êtes dans le domaine de la création d'applications, vous avez probablement déjà votre éditeur graphique préféré prêt à partir à tout moment.

Là où Flinto excelle vraiment, c'est grâce à sa fonction Share & Install intégrée. Il vous permet de partager votre prototype avec d'autres personnes qui peuvent installer le prototype sur leur écran d'accueil - à la fois iOS et Android - pour l'utiliser comme une application en direct. Vous pouvez le rendre aussi réaliste que vous le souhaitez avec les transitions iOS et Android recréées, les en-têtes et les pieds de page fixes et les écrans défilant verticalement.

Flinto

Briefs (essai gratuit de 199 $)

Construit pour les penseurs visuels, Slips fournit un moyen de décrire votre application mobile à d'autres. Vous avez un design d’application dans votre tête, et Briefs est là pour vous aider à intégrer cette idée dans la tête des autres, qui inclut plus que le partage d’une démo. Briefs for Mac vous permet de voir votre conception et même de la tester en direct sur des appareils réels pendant que vous concevez. Il utilise des animations et des interactions natives pour que vous puissiez vraiment apprécier ce que vous ressentirez. Comme d'autres services concurrents, vous pouvez appliquer des zones sensibles à des fichiers plats qui font le lien entre des "pages", mais Briefs vous permet d'utiliser vos propres ressources créées en dehors de l'application ou de créer des pages directement dans leur bibliothèque d'éléments d'interface. .

Briefs se sépare des autres quand vient le temps de partager votre travail. En utilisant ce qu'ils appellent des briefs, vous regroupez tous vos calendriers de conception mobile en un seul document qui peut être affiché sur l'application iOS Briefscase gratuite par des clients ou des coéquipiers sur leurs propres appareils. Mais ce qui est particulièrement intéressant, c'est que Briefs for Mac rationalise l’exportation de vos actifs vers vos développeurs, où vous pouvez fournir un plan détaillé qui représente la conception de votre application.

slips

POP - Prototypage sur papier (gratuit)

Si vous préférez la méthode éprouvée pour dessiner des wireframes sur du papier ou le dos proverbial d'une serviette dont je suis personnellement un fan, alors nous avons une application pour vous. Vous dessinez littéralement vos idées, prenez des photos avec votre téléphone, puis téléchargez-les dans Prototypage sur papier où vous pouvez ensuite commencer à assembler vos esquisses en utilisant des zones sensibles.

Oui, c'est simple, mais c'est la beauté de cela. Vous n'avez pas besoin de logiciel compliqué, juste un crayon et un morceau de papier. Une fois que vous avez créé votre scénario, vous pouvez partager et tester votre prototype brut sur un iPhone, un iPad ou même dans votre navigateur Web.

pop

Marvel (gratuit)

En exécutant complètement DropBox, la mise à jour de votre prototype est aussi simple que la mise à jour de vos fichiers de conception: merveille Reconnaît automatiquement chaque fois que vous enregistrez les modifications apportées à vos actifs et met à jour votre prototype en arrière-plan sans avoir à télécharger de nouveau vos fichiers. Et contrairement à la plupart des concurrents, Marvel prend non seulement en charge les appareils mobiles (iOS et Android), mais également les appareils Web et de jeux.

Une autre fonctionnalité hors du commun est lorsque vous pouvez convertir vos fichiers Photoshop en images (PNG, JPG, GIF), vous n'avez pas besoin à moins que vous le souhaitez, car Marvel prend en charge les fichiers PSD et affirme également qu'il supportera bientôt Sketch.

merveille

InVision (gratuit - 22 $ / mois)

Conçu pour des itérations agiles, la puissance de InVision est dans sa plate-forme de collaboration, ce qui en fait un excellent choix pour les équipes distribuées. De toute évidence, à l'instar de nombreux autres services et applications de prototypage, vous pouvez créer une démonstration cliquable en associant des esquisses, des images filaires ou des conceptions haute fidélité. Et de tels prototypes peuvent être partagés et visualisés via un navigateur ou un appareil mobile pour une démonstration instantanée. Je ne veux pas passer sous silence ces faits, mais je veux juste savoir ce qui le distingue des autres services de prototypage.

À moins que vous ne soyez une équipe unipersonnelle qui conçoit des applications uniquement pour vous, vous avez probablement éprouvé certaines difficultés à collaborer avec vos clients et coéquipiers, à savoir qui a dit quoi et à organiser tous les commentaires et recommandations. format digestible.

Tous les concepteurs qui ont été enterrés dans les commentaires et ont eu du mal à organiser tout cela apprécieront l'outil de collaboration de conception d'InVision, LiveShare, qui permet une collaboration dans le navigateur en temps réel sans téléchargement requis. LiveShare est bien plus qu'une application de partage d'écran, comme en témoignent les pointeurs d'étiquettes visibles pour tous les participants, le chat vocal, les fonctions de ligne de conférence privée, le chat textuel, le mode esquisse et même le tableau blanc. un tableau blanc virtuel partagé.

invision

Bien sûr, il n’existe pas d’outil de prototypage unique. De nombreux facteurs déterminent ce qui pourrait convenir à vous ou à votre équipe.