Prototyping On Paper (PoP app) : prototypez votre application web et mobile

0
3507
PoP Cover Prototyping On paper

Prototype On Paper (PoP) est un outil de prototypage ergonomique et accessible qui vous permet de concevoir un modèle d’application pouvant être testé sur ordinateur, tablette ou smartphone.

Cet outil est édité par Woomoo Inc., fondé en 2012 dans le but d’aider toute personne ayant une idée d’application à visualiser comment elle pourrait fonctionner sans avoir à la développer.

Vous êtes nombreux à avoir une idée d’application, certains savent programmer, d’autres non. Qu’importe que vous ayez ou non cette compétence, vous avez tous à penser l’ergonomie de votre future application avant de la programmer vous-même ou de la faire programmer. Car il n’y a rien de plus frustrant que de commencer à coder une application et de se rendre compte qu’il faut recommencer à cause d’un défaut d’ergonomie. Il parait alors nécessaire de créer un prototype avant de développer votre application.

Comment prototyper ?

La manière la plus simple pour prototyper est d’utiliser un crayon et une feuille. Vous dessinez le rectangle d’un smartphone pour commencer et ajoutez à la main les différents boutons et fonctionnalités. Vous pouvez aussi utiliser des post-it (plus rapide que de gommer et permet de simuler le Material design).

Exemple de mockup sur papier
Exemple sommaire de mockup sur papier

Cette représentation de l’interface utilisateur est appelé Mockup. Si vous ne vous sentez vraiment pas à l’aise avec le dessin, vous pouvez concevoir les mockups sur PowerPoint (en changeant le format des diapositives) ou via un logiciel de design (Photoshop, Illustrator, Indesign, Canva…).

Vous avez créé vos mockups de votre future application, il faut les prendre en photo ou les enregistrer au format image (jpeg ou png).

Présentation de Prototype On Paper

Pour utiliser PoP vous devez télécharger l’application sur votre mobile (disponible sur Android, Iphone et Windows Phone) ou vous rendre sur l’application web. Vous devrez vous connecter via votre compte facebook ou créer un compte PoP (email + mot de passe).

Découvrons les fonctionnalités

C’est ici que PoP entre en scène. PoP vous permet de charger vos mockups (photos de vos mockups papier ou images enregistrées) dans un projet et de dessiner des zones sensibles sur les mockups, de leur attribuer un lien (vers un autre mockups), une transition (quel effet quand l’utilisateur clique) et un geste (clic, double clic, swipe, zoom…).

Création d'un lien entre deux mockups sur Prototyping On Paper
Création d’un lien entre deux mockups
Fonctionnalités prototyping on paper lien transition et geste
Personnalisation du lien

L’immense avantage de PoP est de pouvoir créer et compléter votre prototype depuis votre ordinateur, tablette et smartphone. Votre projet étant enregistré en cloud, vous pouvez y accéder à tout moment depuis n’importe quel device, les modifications sont répercutées sur chaque support. Il est tout de fois plus simple d’utiliser une tablette ou un ordinateur que d’utiliser votre smartphone pour le montage du prototype. Bien évidemment, nous recommandons l’utilisation du smartphone pour le test du prototype d’application mobile.

Vous pouvez partager votre projet sur les réseaux sociaux, l’intégrer à votre site internet ou éditer un lien preview que vous pourrez envoyer par email. Les personnes qui possèdent alors ce lien peuvent tester votre projet, sur smartphone, tablette ou ordinateur.

L’utilisation de PoP est simple

Cet outil est d’une simplicité déconcertante, il ne requiert quasiment aucun apprentissage.

Comment ça marche ?

  • Vous chargez vos mockups
  • Vous pouvez changer leur ordre, les renommer
  • Vous dessinez des zones sensibles
  • Vous attribuez un lien vers un autre mockup, une transition et un geste
  • Vous testez en cliquant sur Preview
  • Vous pouvez partager

Notes : vous pouvez remplacer un mockup tout en conservant ses zones sensibles et leurs propriétés. Si l’ergonomie que vous avez travaillée est bonne mais que vous souhaitez retravailler le Design, vous n’aurez pas à tout recommencer…

L’application est en anglais mais est facile à comprendre et à prendre en main.

Coût

L’utilisation de PoP est gratuite jusqu’à deux projets simultanés. Si vous voulez créer un 3 ème projet, vous devez soit supprimer un projet ou passer à la version payante (10$/mois en version basic et 25$/mois en version pro).

  • La version basic vous permet de travailler à plusieurs (3 membres) et de produire 10 projets simultanés.
  • La version pro est illimitée.