Le novità di GoodBarber 4.0

Una Web App ti permette di ampliare il tuo pubblico. Elimina infatti la barriera del download ed è accessibile da qualsiasi tipo di browser, mobile o meno. Il contenuto è identificabile e indicizzabile dai motori di ricerca. 

Il know-how che abbiamo acquisito nell'arco di questi 6 anni nella costruzione di generatori di app native iOS e Android, lo abbiamo riutilizzato in questa importante occasione. La UI mobile continua a essere il nostro punto di partenza, nonché l'elemento in comune tra app native e PWA.

La prima sfida che abbiamo avuto di fronte è stata quella di sviluppare un'interfaccia utente per Web App su schermi più grandi. Per farlo, ci siamo posti una domanda: come creare in modo intelligente, e dallo stesso back office, un'app per mobile, tablet e desktop? Il risultato è stato un sistema modulare nella schermata principale dell'app, chiamata Home, che funziona grazie a vari template che si adattano alle dimensioni dello schermo.

Tutte gli elementi che troviamo in un sito web tradizionale (barra di navigazione, colonna secondaria delle CTA, footer...) sono accessibili adesso altrove. Li possiamo vedere infatti in aree che sfruttano appieno la moderna UI Touch, in modo da mantenere una certa omogeneità su piccoli e grandi schermi.
 

La Home è la schermata principale dell'app. Ha lo stesso scopo della homepage di un sito web, con una UI mobile capace di adattarsi facilmente a uno schermo più grande. Lo spazio é diviso in bande verticali. Ogni segmento può ospitare un modulo funzionale, chiamato widget. Un widget può mostrare dei contenuti o servire come link per una specifica destinazione. Collocando diversi widget è possibile configurare una Home che si comporta come navigazione dell'app e allo stesso tempo mostra in modo dinamico i contenuti.
 

La NavBar o barra di navigazione ora può includere delle call to action. Questi shortcut possono essere visualizzati sotto forma di icona, pulsante o link. Le possibilità di visualizzazione sono tante e variano a seconda della dimensione dello schermo, in modo da garantire un'esperienza utente ottimale. Per esempio se si superano i 3 shortcut, è possibile aggiungerne di nuovi grazie ad un menù espandibile. La barra di navigazione é inoltre personalizzabile in ognuna delle sezioni, in modo da mostrare le CTA relazionate a ognuna di queste.
 

Adesso puoi creare la tua app da un nuovo tipo di menù che si chiama Builder. Alla base di questo nuovo back office c'è la chiarezza. Gran parte della schermata è dedicata all'anteprima dell'app e il punto di partenza è sempre la creazione per mobile. 

Tutte le azioni per la configurazione sono intuitive grazie all'utilizzo di mockup realistici nel pannello laterale. È inoltre possibile nascondere il pannello e scegliere una diversa modalità di visualizzazione dell'evoluzione del tuo lavoro per mobile, tablet, laptop e desktop. Questo ti permetterà anche di vedere come l'interfaccia si adatta su schermi di diverse dimensioni.