Briefs per Mac: la prototipazione di app iOS non è mai stata così semplice

di Redazione 2

Il passaggio più complicato nel processo di creazione di un’applicazione per iPhone e iPad non è tanto la programmazione dell’app, quanto la traduzione efficace dell’idea iniziale in codice, attraverso la realizzazione di mock-up e prototipi grafici che permettano ai programmatori di capire ciò che si vuole ottenere dal prodotto finito.

Briefs per Mac è un’applicazione che offre una soluzione al problema semplificando la realizzazione di veri prototipi grafici funzionanti, con tanto di animazioni a 60fps e output automatico di blueprint con le specifiche che servono ai programmatori per l’implementazione finale.

LeadImage

Il “sistema Briefs” si compone di due applicazioni: un tool di prototipazione per Mac che è un’incrocio fra un programma di grafica, un editor WYSIWYG per la realizzazione di siti web e un ‘app di animazione digitale; un viewer per iOS, chiamato Briefscase, al quale inviare il prototipo per la riproduzione del mock-up interattivo sui dispositivi dei programmatori o di un’eventuale cliente al quale si voglia mostrare l’applicazione in anteprima senza scrivere neppure una linea di codice.

L’app funziona per “timeline”, con raccolte di “scene” che in altre parole sono schermate dell’applicazione, collegate fra di loro da transizioni che “imitano” alcune delle animazioni tipiche realizzabili con CoreAnimation nell’app finita.Il lessico dell’app sarà sicuramente familiare a chi ha utilizzato Flash negli anni passati o più recentemente applicazioni come Hype, di Tumult.

Rotator1-Image01
L’interazione con il prototipo dell’applicazione può essere immediata, perché l’app per Mac permette di inviare direttamente il mock-up ad uno o più dispositivi associati. Un cliente lontano o un programmatore che lavora in remoto potrà vedere sul proprio dispositivo il mockup grazie all’applicazione gratuita Briefscase per iOS, semplicemente aprendo il “bundle file” del prototipo che si può condividere per mail o con qualsiasi altro servizio di cloud sharing.

Il passaggio finale, ovvero la trasformazione da prototipo ad app vera è propria, è semplificato infine dalla possibilità di esportare tutti gli asset del prototipo (le grafiche, i suoni, le animazioni…) in un formato pronto per per essere utilizzato dai programmatori nell’applicazione senza troppo sforzo. Per di più la modalità “blueprint” offre agli sviluppatori tutti i dettagli di cui hanno bisogno per manipolare gli asset con precisione, senza ambiguità su dimensioni, posizione, comportamento degli elementi dell’interfaccia.

Rotator2-Image02

La storia di Brief, che è arrivata sul Mac App Store lo scorso 15 maggio, è a dir poco travagliata.
Nata da un’idea di Rob Rhyne addirittura nel 2009, l’applicazione è rimasta tagliata fuori dall’App Store per colpa delle limitazioni sulle app che eseguono codice al loro interno. C’è voluta tutta la determinazione di Rhyne perché il prodotto finito, a quasi quattro anni di distanza, potesse vedere la luce dopo una ristrutturazione completa che ha permesso di adempiere alle richieste di Apple.

L’app non costa poco: 179,99€ sul Mac App Store. Il prezzo, tuttavia, appare giustificato dalla specificità d’uso e dall’enorme potenziale in termini di tempo risparmiato da progettisti delle interfacce e dagli sviluppatori.
Briefs è senza dubbio una delle novità più interessanti degli ultimi tempi nel panorama dell’UI Design per iOS.

Commenti (2)

  1. “BriefsLive requires an iOS device running iOS 6.0 or better, a shared network connection between the computer and the iOS device and Briefscase running. Briefscase is available for free on the App store.

    Note: Briefs is a design tool and not an app development environment. Briefs created using it cannot be submitted to the iOS App store. We recommend Xcode and a knowledgeable developer for that.”

    Quindi con XCode non ha alcun legame.. al 90% e passa degli sviluppatori iOS non serve così.. costo elevato ed utilità limitata solo al livello aziendale o di startup in cerca di finanziatori per mostrare rapidamente un prototipo dell’idea.
    Poi fare il lavoro per metterla in pratica l’idea e venderla è tutto un altro paio di maniche e di fatto questo programma non semplifica niente.

    1. @matteo65601:
      E chi ha scritto che debba avere un legame con Xcode? :)
      E’ un tool di prototipazione.

      Mi cito da solo:

      Il passaggio più complicato nel processo di creazione di un’applicazione per iPhone e iPad non è tanto la programmazione dell’app, quanto la traduzione efficace dell’idea iniziale in codice, attraverso la realizzazione di mock-up e prototipi grafici che permettano ai programmatori di capire ciò che si vuole ottenere dal prodotto finito.

      Briefs aiuta a fare questo, non serve per fare un’app senza usare Xcode. Non è mai stato negli intenti dell’app.
      Un designer di UI non ha necessariamente le capacità per chiedere ad un developer quali trasizioni usare e come far funzionare una data applicazione che ha progettato.
      Con Briefs gli può far “vedere” semplicemente ciò che vuole (poi lo sviluppatore implementerà il tutto in Xcode, ma molto più rapidamente).

      Chi ha mai dato un “brief” ad un programmatore anche solo per la realizzazione di un sito dinamico, ha sicuramente ben chiaro quanto tempo prende il processo di invio del mock-up, implementazione, correzione dell’implementazione e magari realizzazione di nuovo mock-up, implementazione, correzione …. ad libitum fino a prodotto finito.
      Quel che Brief fa è tagliare in mezzo a questo processo semplificandolo enormemente.

      Poi per carità, non sono un evangelist di Brief, ma avendo provato più di una volta la frustrazione che questo tipo di processo genera, ritengo che Brief, per quello che fa, è l’unica soluzione di questo tipo ad un problema diffuso.

Lascia un commento

Il tuo indirizzo email non verrà pubblicato.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>