Transformer une maquette en quelque chose de cliquable, puis la remettre au developpement, oblige en general a la transporter entre plusieurs outils. Marvel ramene toute la chaine dans le navigateur : maquette, prototype, livraison, test et commentaire ont chacun leur entree, et les donnees n existent qu une fois.

Un etabli qui s ouvre dans le navigateur

Marvel est une plateforme de conception qui tourne dans le navigateur. L editeur la resume en prototypage rapide, tests et livraison pour les equipes de conception modernes, et indique que maquettes, dessins et prototypes se terminent au meme endroit, du plus grossier au plus fin. Ne en 2013 comme projet secondaire, elle est utilisee aujourd hui, selon l editeur, par plus de deux millions de personnes et d equipes.

Un projet ouvert, l interface se separe en deux couches. A gauche la barre d outils et la surface ou sont poses les ecrans ; a droite le panneau des proprietes, avec position, taille, arrondi, remplissage et opacite. La couche qui a le focus emmene le panneau avec elle.

Maquette, dessin et prototype au meme endroit

La capacite de dessin est integree. En ajoutant un ecran, on choisit de dessiner dans l editeur integre, sans ouvrir un autre logiciel ; maquettes et ecrans finis se dessinent, et un selecteur de pages fait passer d un dessin a l autre. Un dessin termine porte de lui meme le code, les annotations et les elements dont la livraison a besoin.

Les prototypes se montent avec des zones sensibles. Une zone est une surface cliquable tracee sur un ecran : on tire la region, on la pointe vers l ecran cible, et elle devient un pas de navigation. Le parcours officiel consiste a survoler le premier ecran, entrer en mode prototype, tirer la zone et choisir la cible ; la lecture montre alors le saut. Rien de tout cela ne demande du code, et l editeur annonce qu une maquette statique devient un prototype manipulable en quelques minutes.

Remettre le dessin au developpement

La livraison prend l etape de la remise. L editeur la decrit comme la transformation automatique des dessins et prototypes en specifications pour le developpement, code et elements compris, montres juste a cote du prototype manipulable ; le projet lui meme sert de document de reference, ce qui supprime le travail d annotation et les exports repetes de documents separes. Ce qui sort comprend du CSS ainsi que les descriptions de style attendues du cote iOS et Android, et se recupere emballe avec les elements.

L autre voie est le partage. Un prototype se publie en lien et s envoie, ou l on ne partage qu un seul parcours : copier une section seule dans un lien, et qui l ouvre ne voit rien d autre que cette section, ce qui, selon l editeur, concentre les parties prenantes et les developpeurs sur ce qui reste a valider.

Tests utilisateurs et collaboration

Un test utilisateur consiste a choisir un prototype, laisser la plateforme generer un lien dedie, l envoyer aux participants, qui l ouvrent sur un ordinateur ou un telephone et commencent ; la seance enregistre l ecran, le son et la camera frontale. Le nombre de tests simultanes depend de la formule : trois pour la formule personnelle, dix pour l equipe, et sur entente pour l entreprise.

La collaboration tourne autour des commentaires. Ils existent en public et en prive, les prives n etant visibles que de l equipe, ce qui convient a un echange parallele avec un client ou un prestataire exterieur. On rejoint un projet par role : les membres voient tous les projets du compte, les contributeurs seulement ceux auxquels ils ont ete invites. Un commentaire se pose a un endroit precis d un ecran et y reste apres une modification.

Formules et prix

La formule gratuite n a pas de limite de duree et donne une personne et un projet ; la foire aux questions precise qu aucun compte a rebours ne tourne et qu elle sert jusqu au jour ou l on decide de monter. La formule personnelle revient a douze dollars par mois en paiement annuel, avec projets illimites, trois tests simultanes, l export des prototypes et des dessins et le retrait de la marque Marvel de la page. La formule equipe coute quarante deux dollars par mois en paiement annuel, a partir de trois personnes, avec dix tests et un support prioritaire.

La formule entreprise est chiffree sur demande, sans plafond de personnes, de projets ni de tests, et prend en charge les projets sur invitation seulement, des reglages de securite plus fins et une connexion unique, ainsi que la facture et le virement. Les etudiants et les enseignants obtiennent trente pour cent sur une formule annuelle, les organisations a but non lucratif enregistrees cinquante pour cent.

A qui cela convient

Une designer produit seule termine ici maquettes et prototype puis produit un document de livraison. Une petite equipe de deux ou trois rassemble avec la formule equipe commentaires, tests et droits de projet. Un projet qui traverse plusieurs entreprises se sert des commentaires prives et des projets sur invitation pour separer l exterieur de l interieur. Et qui prefere verifier le resultat sur telephone ouvre le prototype depuis l application mobile.

Point

Information officielle

Position

Conception et prototypage en ligne dans le navigateur

Coeur

Maquette et dessin, prototype, livraison, tests, collaboration

Supports

Web, plus applications iOS et Android

Formule gratuite

Sans limite de duree, une personne et un projet

Formule personnelle

Douze dollars par mois annuel, projets illimites, trois tests

Formule equipe

Des quarante deux dollars par mois annuel, trois personnes, dix tests

Formule entreprise

Sur demande, personnes et projets illimites, connexion unique

Le choix d un outil de conception depend surtout du nombre de changements d outil que l on veut eviter. Quand maquette, prototype, test et livraison partagent un meme dessin, ce qui est epargne n est pas seulement l aller retour des fichiers, mais aussi le realignement apres chaque modification.