Le prototypage, en tant que concept, existe depuis avant Internet. En règle générale, les personnes développant un nouveau produit physique construisent d'abord l'objet et s'assurent qu'il fonctionne comme prévu. La première version serait peut-être brevetée et montrée à des investisseurs potentiels. Si l'inventeur avait accès à ses propres moyens de fabrication (par exemple, s'il travaillait dans une société existante), il lui suffirait d'aller de l'avant et de résoudre les problèmes jusqu'à ce qu'il dispose d'un modèle prêt pour la production.

Rappelez-vous ces vieux disques de démonstration? Vous savez, ceux qui ont des programmes avec des fonctionnalités limitées, ou le premier niveau ou deux dans un jeu? Les prototypes ressemblent beaucoup à ces démos, encore plus simples.

Vous construisez un prototype de site Web ou d'application pour vous assurer que le concept fonctionnera comme prévu

Leur objectif n'est pas tant d'inciter les clients potentiels à acheter un produit, que de vous aider à en améliorer un. Vous construisez un prototype de site Web ou d'application pour vous assurer que le concept fonctionnera comme prévu. Vous l'utilisez également pour montrer à vos clients, ou investisseurs potentiels, comment cela est censé fonctionner.

Récemment, nous avons vu beaucoup d'applications conçues pour la création de prototypes pour le Web et pour les applications mobiles également. Adobe Experience Designer est désormais disponible, combinant les fonctionnalités d'une «application de conception» spécifique au Web et à un mobile avec celle d'une application de prototypage. Compte tenu de la réputation d'Adobe et de sa part de marché dans le secteur professionnel, il va sans dire que beaucoup de personnes qui n'ont pas fait beaucoup de prototypage par le passé pourraient maintenant franchir le pas.

Donc, comme la plupart des autres guides ultimes, celui-ci est destiné aux débutants. Il s'adresse aux personnes qui commencent tout juste à créer des prototypes, quelle que soit leur expérience antérieure (ou leur absence) dans l'industrie du design.

Dans ce guide, nous avons essayé de couvrir les principes de base avant tout. Après cela, il existe des liens vers des guides contenant des informations supplémentaires et, bien sûr, une longue liste d’applications et d’outils avec lesquels vous pouvez travailler.

Wireframes & Mockups vs prototypes

Maintenant, et le concepteur qui a été autour pendant un certain temps a probablement déjà travaillé avec des wireframes, et / ou conçu des maquettes dans un éditeur d'image. Est-ce que ce ne sont pas des prototypes?

Nan. Pas toujours, de toute façon.

Le problème avec les wireframes et les maquettes statiques est qu’ils sont ... bien ... statiques. Il y a beaucoup d'informations qu'ils ne peuvent tout simplement pas transmettre sur la fonctionnalité d'une chose. Cela peut conduire à des idées fausses dans l'esprit des clients, voire de vos développeurs, sur la manière dont la chose est censée fonctionner. Pour cette raison, les prototypes sont généralement interactifs.

Les exceptions les plus courantes sont les prototypes conceptuels et les prototypes statiques exceptionnellement bien documentés. Ce qui fait la différence, ce n'est pas l'interactivité elle-même, mais la transmission d'informations sur la fonctionnalité prévue d'un produit.

Cela dit, les wireframes et les maquettes sont souvent utilisés dans la fabrication de prototypes, donc personne ne les abandonne.

Quand avez-vous besoin d'un prototype?

Chaque fois que vous avez besoin de montrer comment quelque chose est censé fonctionner. C'est tout.

L'exemple évident est celui d'une application web ou mobile. Les applications ont tendance à avoir un bon nombre de fonctionnalités qui peuvent ne pas être facilement visibles ou déduites d'une maquette. Cependant, même les sites Web statiques et axés sur le contenu peuvent nécessiter un prototype.

D'une part, j'ai demandé à des clients de regarder des maquettes pour un site commercial simple et de leur demander: «D'accord, s'ils cliquent sur ces éléments en haut,« À propos de nous »,« Services », etc. pages? ", ou" Quand ils cliquent sur envoyer sur le formulaire de contact, je reçois un email? "

Même les tâches les plus simples comportent souvent des incertitudes ... les prototypes peuvent aider à résoudre certains problèmes

Même les tâches de navigation simples sont souvent source d'incertitude pour certains utilisateurs et clients potentiels. Les prototypes peuvent donc aider à éliminer certaines incertitudes du processus de signature.

De plus, ils sont toujours utiles dans les tests utilisateur. Après tout, si vous faites des tests utilisateurs, il est préférable de commencer par un aperçu du projet. La dernière chose que vous voulez est d'avoir à faire de gros changements après que la plupart du travail a déjà été fait.

4 types de prototypes

Avant de commencer le prototypage, vous voudrez déterminer quel type vous souhaitez utiliser. Vous pouvez toujours utiliser plusieurs types dans un projet donné. la plupart des concepteurs le font, à un moment donné.

Le type de prototype que vous choisirez devra convenir à vous, à votre client, au projet et même à l’étape spécifique du projet dans lequel vous vous trouvez. Cela peut sembler complexe, mais ce n’est pas si grave.

Chacun d'entre eux sont destinés à être utilisés à différentes étapes de la phase de conception. Le reste est à votre convenance et à quel point votre client comprend bien les éléments visuels abstraits.

Les clients moins expérimentés dans les processus de conception modernes pourraient s'attendre à voir quelque chose qui semble plus "poli" afin qu'ils puissent vous demander d'agrandir le logo, de déplacer cette ligne d'un pouce vers la gauche et que leur site ne soit pas en latin , alors pourriez-vous mettre un peu d'anglais s'il vous plaît?

Si vous avez des problèmes avec cela, des prototypes plus détaillés et beaucoup de café sont vos meilleurs atouts. Sinon, vous pouvez utiliser quelque chose de plus vague et vous concentrer sur la fonctionnalité souhaitée.

1: Prototypes conceptuels

Celles-ci ne ressemblent souvent en rien au produit fini, sous quelque forme que ce soit. Avec les prototypes conceptuels, les détails et la disposition de l'interface importent peu. Les seules choses sur lesquelles vous travaillez sont les interactions et les processus.

Le but de tout prototype est de montrer comment quelque chose fonctionne ou fonctionnera. En ce sens, il s’agit de prototypage dans sa forme la plus pure. Il s'agit littéralement de la fonction, et la forme n'y entre même pas.

Ils peuvent ressembler à peu près à tout, à ce stade. Vous pouvez utiliser un organigramme, des notes post-it, une présentation PowerPoint, une vidéo expliquant le processus à l'aide d'illustrations simples basées sur des icônes, ou un enregistrement de votre prise de parole dans l'appareil photo et de vos bras agités. Tout ce qui va faire la différence fera l'affaire.

Les prototypes conceptuels sont généralement utilisés au tout début de chaque projet. Votre projet n'a peut-être même pas de nom. C'est juste une idée pour une application ou un site Web, et vous direz des choses comme: "Ouais, je pense que ça devrait marcher comme ça ..."

2: Prototypes Low-Fi

Les prototypes Low-Fi vous permettent d'inclure des éléments tels que la disposition et la taille de l'écran, ainsi que d'autres préoccupations plus tangibles. Ils sont généralement rapides et éliminés plus rapidement.

Ils visent à fournir le moyen le plus rapide possible d’itérer vos idées jusqu’à ce que vous et / ou votre client soyez satisfaits des bases. Alors ne vous attachez pas. La plupart ne seront pas là longtemps, et c'est une bonne chose.

Comme mentionné précédemment, le terme "prototypes à faible fidélité" est souvent interchangeable avec les "wireframes". En effet, cette étape se déroule souvent sur papier.

Quand il est fait dans une application, il est conseillé d'en utiliser une avec des fonctions de prototypage de base comme la liaison à d'autres écrans, l'annotation, etc. Les applications de filaire ont l'avantage de faciliter la collaboration sur Internet, mais elles sont souvent un peu plus lentes à utilisation.

Celles-ci sont également utilisées au début d'un projet, mais vous avez probablement déjà un modèle commercial et une idée de nom. Il est temps de faire le tri parmi la myriade d'idées qui flottent dans votre tête, et d'itérer jusqu'à ce que vous ayez quelque chose que vous êtes sûr de faire.

3: prototypes fi-fi

Parfois, un prototype de basse fidélité ne parvient pas à faire passer le message suffisamment bien, et une fidélité élevée représente trop de travail pour le moment. Peut-être que vous n'avez pas complètement affiné le guide de style ou que tous vos actifs graphiques n'ont pas encore été créés.

Dans tous les cas, c'est le type de prototype que vous pouvez utiliser au début du milieu de la phase de conception. Ils sont souvent réalisés avec des applications de prototypage, qui utilisent beaucoup l'interaction simulée. Ils peuvent également être construits avec HTML et CSS, généralement à l'aide d'un framework CSS.

Yup, Bootstrap et Foundation sont probablement deux des plus grands outils de prototypage actuellement disponibles.

Si vous en avez, vous devez utiliser des images de marque, mais les images de stock le feront. Les éléments d'interface utilisateur de stock sont généralement utilisés pour construire l'interface simulée plus rapidement. De nombreuses applications de prototypage sont livrées avec des bibliothèques de ces éléments pour accélérer votre travail.

Ces types de prototypes sont parfaits pour les penseurs plus littéraux qui ont besoin de se faire une idée précise de leur apparence et de leur fonctionnement. Il leur est plus facile d'ignorer un en-tête qui n'est "pas encore terminé", qu'une forme d'aspect sommaire qui ne ressemble en rien à un en-tête de site Web tel qu'il le connaît.

Pour ces clients, vous voudrez peut-être rapidement tracer vos idées et ne jamais les montrer au client. Créez ensuite un prototype de fidélité moyenne qui leur permet de voir plus facilement où vous allez.

4: prototypes fi-fi

Eh bien, nous sommes ici. Et votre projet aussi. Vous avez vos maquettes pour chaque écran, et tout est parfait. Il est temps de montrer aux gens comment cela va fonctionner, dans toute sa splendeur, quand quelqu'un l'intègre finalement avec le code back-end.

Les prototypes haute fidélité sont généralement utilisés pour obtenir une signature finale du design du client. Mais vous ne pouvez pas simplement leur envoyer les DSP. Ce truc doit être interactif.

Cela se fait généralement de deux manières. Certains utilisent le HTML statique et le CSS pour rassembler les éléments visuels finalisés de manière semi-interactive. D'autres utilisent des applications qui importent des images, voire des fichiers PSD bruts, et ajoutent des fonctionnalités pseudo-interactives pour reproduire la fonctionnalité finale de l'application.

Selon l'application, vous pouvez même tester ces prototypes sur le Web (ou sur un appareil mobile, si vous travaillez sur une application).

Méthodes de prototypage

Maintenant que nous avons passé en revue les principaux types de prototypes que vous pouvez créer, il est temps de couvrir les outils utilisés pour les fabriquer. J'en ai mentionné la plupart dans la section précédente et leur utilisation de base; mais je voudrais aller un peu plus en détail.

Encore une fois, la méthode que vous choisissez doit dépendre de ce que vous et le client êtes à l'aise.

Prototypes vidéo ou de présentation

Celles-ci sont souvent faites pour vendre une idée avant que des travaux concrets aient été effectués. Ils sont donc généralement destinés à des investisseurs potentiels. Ils peuvent être utilisés pour les clients aussi; mais il existe souvent des moyens plus efficaces de communiquer avec un client. Votre kilométrage peut varier.

Les prototypes basés sur la vidéo et la présentation conçus pour des arguments de vente suivent généralement une formule de style commercial:

  1. Introduisez un problème avec lequel le spectateur pourrait s'identifier.
  2. Montrez comment votre produit résoudra ce problème.
  3. (Étape facultative) une mascotte d’entreprise numérique réalise une danse joyeuse en criant un slogan.

Certains de ces prototypes utilisent simplement des icônes, du texte et des illustrations. D'autres ont de l'animation; et d'autres encore utilisent des actions en direct pour faire passer le message. Et ça, eh bien ... le point. Tant que vous vendez votre idée, vous l'avez bien fait.

Voici un exemple génial qui mélange le prototypage vidéo avec le prototypage papier.

Wireframes

Les wireframes peuvent être réalisés sur papier ou dans des applications. Ils sont presque toujours considérés comme des prototypes de faible fidélité, mais ils peuvent être mis à niveau vers une fidélité moyenne si vous leur consacrez suffisamment de temps. Cela en vaut rarement la peine, cependant.

Généralement, les wireframes sont conçus pour être dessinés et supprimés rapidement. C'est l'une des choses qui rend les dessins sur papier si attrayants. Les applications peuvent être beaucoup plus précises et vous pouvez facilement modifier des wireframes existantes; mais rien ne vaut la vitesse d'une esquisse que personne n'est censé voir, mais vous-même.

Cependant, comme mentionné précédemment, les images filaires basées sur des applications présentent l'avantage de reproduire plus facilement les fonctionnalités d'une interface. Tapoter sur un cadre de papier fera simplement un agréable bruit de thunk-thunk-thunk.

Cela peut être amusant, mais cela pourrait ne pas vous donner de sens.

Vous pouvez choisir d'utiliser les deux: le papier pour définir les concepts les plus élémentaires, et une application pour l'étoffer et la partager facilement.

Prototypes en papier

Celles-ci diffèrent des wireframes en ce qu'elles sont beaucoup plus que des dessins. Dans ce type de prototype, le papier est utilisé pour créer un modèle physique, bien que plutôt plat, de l'interface. Vous pouvez en voir un dans la vidéo ci-dessus.

Les éléments d'interface sont généralement dessinés, découpés, parfois copiés pour faire des extras, puis assemblés sur une autre feuille de papier. Cela leur donne l'avantage de la flexibilité. Lorsque vous jetez une feuille de papier entière avec un modèle filaire, vous pouvez simplement réorganiser les éléments d’un modèle papier jusqu’à ce que vous soyez satisfait. Vous avez un élément de mauvaise taille, après avoir réorganisé les choses à quelques reprises? Il suffit de couper une nouvelle version.

Ils ont également tendance à se sentir un peu plus "réel" qu'un fil de fer. Même s'il ne se passe rien d'intéressant, un client peut toucher un modèle en papier. Ils peuvent le sentir. Cette sensation tactile peut parfois expliquer plus à un client que tout ce que vous pourriez jamais leur montrer.

Tout le monde a besoin d'un contact physique pour mieux comprendre un objet. La moitié de la conception UX consiste à recréer le sentiment d'interaction physique avec une interface numérique.

Prototypes de moyenne et haute fidélité réalisés avec des applications

Celles-ci ont beaucoup en commun avec les prototypes de papier. Les prototypes réalisés avec une application comme Invision ou l'une des nombreuses autres options disponibles (voir la liste ci-dessous) sont généralement fabriqués à partir d'éléments d'interface prédéfinis, puis assemblés pour reproduire le produit final.

La différence est bien sûr que tout est fait à l'écran. Oh, et vous pouvez le faire avec les graphiques finaux et l'image de marque, faisant que le prototype ressemble exactement au produit fini. Ensuite, comme je l'ai mentionné précédemment, certaines applications peuvent faire la démonstration du produit dans le navigateur et sur les appareils mobiles.

Cela ramène le sentiment tactile en jeu, et vous le voulez. Si vous pouvez donner ce sentiment à vos clients et que cela leur plaît, vous avez obtenu leur approbation finale.

Code

Bien sûr, si l'interaction est ce que vous voulez, la création de prototypes d'interface avec du code est un bon moyen de l'obtenir. Vous pouvez maintenant choisir des prototypes basés sur du code pour l'une des raisons suivantes:

  • cela correspond simplement à votre flux de travail (comme si vous concevez dans le navigateur de toute façon);
  • votre site ou application a beaucoup de boutons et d'autres choses avec lesquelles interagir;
  • Vous pouvez utiliser un code prototype dans le produit final, ce qui vous permet de gagner du temps.
  • vous voulez démontrer les fonctionnalités de l'interface dans le navigateur sans vous soucier d'une application;
  • vous aimez appuyer sur les touches et détester le clic.

Le prototypage dans le navigateur peut être un peu plus lent, surtout si des révisions majeures sont en cours. Je ne le recommanderais pas pour les premiers stades d’un projet, alors c’est mieux pour les prototypes de fidélité moyenne à élevée.

Cependant, c'est l'un des meilleurs moyens de présenter un projet presque terminé, si vous souhaitez déjà travailler avec HTML et CSS.

Prototypage avec des frameworks

Il convient de noter que l'utilisation d'un framework pour créer des prototypes peut accélérer considérablement le prototypage basé sur le code. En prime, si vous utilisez le framework destiné à être utilisé pour le produit final, vous aurez moins de codage à effectuer.

En parallèle, certaines personnes ont créé des éditeurs de pages Web basées sur des frameworks plus populaires, comme Bootstrap et Fondation . En utilisant ceux-ci, une fois pourrait créer tout, des prototypes de basse fidélité au produit final avec le code.

Cependant, certaines personnes les utilisent pour créer rapidement des prototypes, puis utiliser le code personnalisé pour le projet final. Cela fonctionne de toute façon.

Tutoriels et guides de prototypage

Maintenant que nous avons couvert toutes les bases, il est temps de vraiment entrer dans les détails. Comme avec presque tout le reste dans la conception, et dans la vie, il n'y a pas une seule façon de construire un prototype. Il n'y a que la façon dont cela fonctionne pour vous. Cela dit, les processus de conception réussis ont tendance à avoir quelques points communs.

Voici quelques guides différents sur le prototypage qui se concentrent sur différentes méthodes et fidélité, juste pour commencer. Prenez d'eux ce qui fonctionne pour vous, ignorez ce qui ne fonctionne pas.

(Nous n'inclurons pas de didacticiels spécifiques aux applications car ils sont tout simplement trop nombreux.)

Conception plus rapide et plus rapide grâce au prototypage rapide

Ce guide de Smashing Magazine se concentre sur une méthodologie pour construire des prototypes rapidement et itérer souvent.

Comment je prototyper rapidement des sites Web

C'est un article plus personnel par Nick Pettit sur le blog Treehouse qui décrit sa propre approche du prototypage.

Comment créer rapidement des sites Web avec le flux de travail de prototypage rapide

Voici un troisième article sur le prototypage rapide. Il semble être populaire. Celui-ci est ici sur Webdesigner Depot, et il présente quelques conseils et les pièges inhérents au processus.

Le guide des sceptiques sur le prototypage à faible fidélité

Un autre article de Smashing Magazine , celui-ci donne plus de détails sur le prototypage basse fidélité.

Comment nous protégeons

En profondeur, et franchement article fascinant L'agence Newfangled décrit leur processus en profondeur. Il s'articule autour du prototypage par écran de gris basé sur un navigateur et constitue un argument convaincant pour l'essayer.

Comment tester l'utilisabilité de prototypes comme un pro

Un autre ici sur WDD , cet article est tout au sujet de faire en sorte que votre prototypage a un point. Si vous ne faites votre test de convivialité qu'après avoir terminé le projet final, vous vous trompez probablement.

Ebook gratuit: Le guide ultime du prototypage, par UXPin

Vous devrez donner certaines de vos informations personnelles (ou simplement mentir) pour obtenir cet ebook , mais bon, ils ne demandent pas d'argent! Il comprend davantage d'informations sur les méthodes de prototypage les plus courantes, les didacticiels basés sur les applications et les meilleures pratiques de grandes entreprises telles que Google, Apple, Zurb, etc.

Maintenant, il est créé par les personnes à l'origine d'UXPin, une application de prototypage, de sorte qu'elles peuvent être légèrement biaisées quant à l'application à utiliser. Pourtant, il a beaucoup de bonnes informations.

Outils de prototypage et applications

Ok, alors vous avez la théorie. Il est temps de craquer pour construire des prototypes. En supposant que vous n'allez pas vous en tenir aux modèles papier ou au code, vous utiliserez une application à un moment donné.

La bonne nouvelle: il y a beaucoup d'applications intéressantes à choisir. Les mauvaises nouvelles: il y a beaucoup de bonnes applications à choisir.

Encore une fois, tout se résume à votre façon de travailler. Avez-vous besoin de la possibilité de démo des applications mobiles? Devez-vous synchroniser vos fichiers avec Google Drive, Dropbox ou un autre service? Qu'en est-il de l'intégration Github? Low-fi, medium ou high-fi? Script avancé?

Les applications répertoriées ci-dessous comporteront certaines ou toutes ces options. Je vais énumérer les caractéristiques les plus pertinentes pour chacun afin de vous donner une idée de l'endroit où regarder.

Il convient de noter que nombre d’entre eux sont principalement connus sous le nom d’outils à ossature métallique. Il est courant que les logiciels de wireframing intègrent les fonctionnalités requises pour les prototypes interactifs. Votre kilométrage avec ces applications peut varier.

Adobe Experience Design CC

Ce est la toute dernière offre sur le marché en ce moment, et elle est prête à livrer une concurrence sérieuse à un marché quelque peu saturé. Ce n’est pas seulement une application de fil de fer ou de prototypage; c'est une application de conception. C'est comme Esquisser , ou le maintenant mort Feux d'artifice , mais cela va encore plus loin en vous permettant de créer des prototypes à partir de tout ce que vous venez de concevoir.

Il est actuellement uniquement Mac, et dans la phase de prévisualisation à ce sujet, mais une version de Windows est due avant la fin de l'année.

La version préliminaire est gratuite. Une fois la version finale livrée, elle fera partie du plan d'abonnement Creative Cloud d'Adobe.

Un logiciel de présentation

Microsoft Powerpoint , Keynote d'Apple , LibreOffice Impress , et Google Slides peuvent tous être utilisés pour faire des prototypes. La plupart du temps, ces prototypes seraient de la variété conceptuelle. Vous pouvez cependant simuler une certaine interactivité en liant simplement les diapositives.

Cela pourrait aussi bien fonctionner pour le prototypage de sites axés sur le contenu, et il est probable que vous utilisiez déjà au moins un de ces programmes. Sinon, Impress et Slides sont gratuits.

Invision

Invision est un autre des "grands noms", avec plus de prototypes haute fidélité. Il met l'accent sur le contrôle des versions et se targue de ses fonctionnalités de collaboration et de commentaires en temps réel. Comme l'application Marvel, elle comprend également des animations, l'intégration de prototypes, des démonstrations intégrées et plus encore.

En outre, ils ont récemment acheté Silver Flows, un outil qui intègre des fonctionnalités de prototypage avec Sketch. Ils ont l'intention de l'utiliser pour intégrer Sketch à leur logiciel en ligne.

Il y a un plan gratuit, mais vous ne pouvez créer qu'un seul prototype. Après cela, vous pouvez commencer à 15 USD par mois.

Justinmind

Justinmind semble délibérément orienté vers la création de prototypes d'applications haute fidélité. Le site mentionne également des sites Web réactifs de prototypage. Il y a aussi des démos in-app.

Le prix commence actuellement à 19 USD par utilisateur et par mois si vous payez annuellement.

App Marvel

App Marvel est une application énorme (un des "grands noms" du prototypage) avec un plan gratuit et une tarification modérée pour toutes les mises à niveau. Les fonctions remarquables comprennent: la prise en charge de Photoshop et de Sketch, la synchronisation avec Drive et Dropbox, l’intégration de prototypes dans des pages Web) et des fonctionnalités qui transforment vos prototypes en présentations animées.

Celui-ci concerne à coup sûr les prototypes haute fidélité.

Axure

Axure est un peu bizarre avec des fonctionnalités à la fois pour le prototypage low-fi et high-fi. c'est encore plus étrange, car c'est une application de bureau avec un prix unique. Il est conçu pour les utilisateurs en entreprise et les grandes équipes, avec des fonctionnalités pour écrire votre propre documentation, la gestion de projet, etc.

Les éditions standard sont disponibles à 289 USD par licence.

HotGloo

HotGloo est tout au sujet des trames et des prototypes de fil de basse à moyenne fidélité. Au départ, il s'agissait principalement d'une application de fil de fer, mais les fonctionnalités pour les prototypes plus avancés sont là.

Là où d'autres applications se concentrent sur les applications de prototypage, HotGloo a commencé avec les concepteurs de sites Web. Donc, vous pouvez faire l'un ou l'autre, vraiment.

Les plans commencent à 14 USD par mois et ce plan peut inclure jusqu'à 10 collaborateurs.

Proto.io

Annnnnnd nous sommes de retour au prototypage haute fidélité avec Proto.io . Il comprend des interactions, des animations, des exportations, des impressions, des incorporations et des démonstrations de périphériques complexes. Les prix commencent à 24 USD par mois, mais il y a un essai gratuit de 15 jours si vous voulez lui donner un coup de fouet.

Solidifier

Solidifier est présenté par Zurb, la même entreprise qui crée le cadre de la Fondation. Il est conçu pour gérer (et obtenir des commentaires sur) tout, des croquis aux prototypes et aux maquettes haute fidélité.

Au lieu de se concentrer sur l'animation et d'autres outils de présentation, Solidify offre une multitude de fonctionnalités de test utilisateur. Vous pouvez exécuter des tests en personne ou à distance et partager les résultats avec votre équipe.

POP

POP se distingue des autres applications en vous aidant à créer un hybride de croquis filaires et de prototypes numériques. Vous commencez par prendre des photos de vos esquisses avec un iPhone, un téléphone Android ou un téléphone Windows et les transformez en un prototype interactif.

Si vous faites la plupart de votre travail sur papier, cela pourrait être un excellent moyen de partager les résultats. Le service est gratuit pour deux projets, puis les plans commencent à 10 USD par mois.

Flairbuilder

Flairbuilder est une autre application de bureau, bien qu’elle dispose d’une visionneuse en ligne pour les projets. Il semble orienté vers les wireframes et prototypes de fidélité moyenne. Il comporte des fonctionnalités qui vous permettent d'ajouter des interactions, de réaliser des démonstrations intégrées à l'appareil et de mettre l'accent sur la conception basée sur la grille.

Il est vendu à un tarif unique de 99 USD. C'est raide, bien sûr, mais beaucoup moins cher que Axure.

Flinto

Flinto a en fait deux versions: il y a une application Mac et une version Lite basée sur le Web. La différence? La version Mac apporte des animations, des fonctionnalités et des interactions plus complexes à la table. Il vous permet également d'importer vos actifs depuis Sketch, ce que la version Web ne peut pas faire.

Il en coûte 99USD comme achat unique. Fait intéressant, la version Lite (qui coûte 20USD par mois) inclut une licence pour la version de bureau, vous donnant le meilleur des deux mondes.

UXPin

UXPin est une application de prototypage de moyenne à haute fidélité avec toutes les fonctionnalités auxquelles nous nous attendons. À l'instar de quelques-uns des autres, il dispose également d'une collaboration en temps réel, de fonctionnalités de test de convivialité intégrées et de la gestion de projet.

Contrairement à d’autres applications, UXPin se veut un guichet unique. Comme dans, vous pouvez ignorer Photoshop, Sketch ou quoi-vous-et, et transformer vos images filaires en maquettes. C'est pour le moins ambitieux, mais si cela fonctionne comme prévu, je peux voir que cela peut être utile à beaucoup de designers.

Le prix commence à 19 USD par mois, par utilisateur.