À la fin de l’année 2013, Facebook publiait Origami, l’outil utilisé en interne pour créer les prototypes des interfaces de certaines de ses applications. En particulier, Paper a été construit entièrement avec cet outil qui repose en fait sur Quartz Composer, l’un des outils graphiques proposés par Apple à tous les développeurs.
Origami permet de créer des animations identiques à celles d’une application native… sans avoir à écrire le code normalement nécessaire. L’avantage est que l’on peut ainsi tester beaucoup plus rapidement : est-ce qu’il vaut mieux que cet élément arrive de la droite ou de la gauche ? Cette animation doit-elle être accélérée ou ralentie au contraire ? Le designer peut ainsi essayer beaucoup plus rapidement, et sans passer par Xcode, l’outil de développement qui est probablement beaucoup trop lourd pour ça.
Avec la première version publiée il y a plus d’un an, tout se faisait sur Mac et la transition vers les appareils iOS n’était pas forcément aisée. Facebook vient toutefois de publier une mise à jour majeure qui, non contente d’exporter en un clic le travail effectué vers Xcode, permet aussi de visualiser le résultat directement sur un terminal iOS.
Il y a tout d’abord une deuxième version d’Origami, le module OS X qui vient enrichir Quartz Composer. Les designers auront alors des fonctions en plus, comme une option pour choisir l’appareil ciblé (de l’iPad à l’Apple Watch, en passant par les différents iPhone) qui changera alors toutes les tailles. Des animations de base sont également intégrées, pour rendre les prototypes plus réalistes. Comme cette vidéo de présentation le montre bien, on peut réaliser des prototypes réalistes plutôt facilement et rapidement.
Mais ce n’est pas tout : Facebook a aussi publié sur l’App Store Origami Live [1.0 – US – Gratuit – iPhone/iPad - Facebook, Inc.], une application qui affiche les prototypes créés avec Origami. Une fois installée, elle ne fonctionne que si vous connectez le terminal à un Mac où Quartz Composer est actif. À partir de là, ce qui est affiché dans la vue du logiciel est aussi affiché sur l’appareil iOS. Vous pouvez interagir sur l’écran tactile, comme si vous utilisez l’application finale.
Si vous cherchez un outil pour créer des prototypes réalistes, Origami est incontestablement un bon candidat. Avec cette nouvelle version, Facebook en offre encore plus et on est loin d’avoir évoqué toutes les nouveautés. Mode présentation adapté, import de Sketch : c’est une mise à jour majeure que vous pourrez découvrir plus en détail dans cet article. Précisons que l’export peut se faire pour iOS, mais aussi pour Android et même le web. Facebook propose aussi les moteurs qui servent aux animations sur ces trois plateformes.
Et si vous pensiez que ce n’était pas suffisant, Facebook aide même les designers intéressés avec une série de tutoriels et des exemples prêts à l’emploi. Si vous êtes intéressé, il faudra télécharger Quartz Composer avant Origami, toutes les explications sont disponibles à cette adresse.
