La Home modulare

Scritto da Jerome Granados il Lunedì 17 Aprile 2017

La Home è una delle schermate più importanti della tua app, la prima cosa che l'utente vede appena accede all'applicazione. Tutti gli elementi ruotano attorno a essa. GoodBarber 4.0 offre un sistema modulare, ultra flessibile, per generare la Home e creare un punto di partenza perfetto per una user experience unica nel suo genere.

Navigazione principale e contenuto selezionato

È proprio nella Home che si concentra l'attività principale dei tuoi utenti. Grazie alle statistiche di utilizzo delle app create con GoodBarber, possiamo vedere che il 90% degli utenti consulta principalmente questa sezione dell'app.

Allo stesso tempo, come trend generale nella nostra industria, possiamo osservare un numero crescente di app che usano la Home per gestire la navigazione principale.

Tutto questo ci ha obbligato a immaginare un concept di Home completamente nuovo per le app della nuova versione, la V4. La nuova Home da ora la possibilità di scegliere il tipo di contenuti da mettere in evidenza al lancio dell'app. Ti permette inoltre di inserire link per altre destinazioni considerati importanti nel tuo progetto. Crediamo fermamente che questa nuova navigazione migliorerà la navigazione all'interno dell'app.

Scalabilità infinita

Con GoodBarber 4.0 ogni Home è unica. Questa nuova funzionalità segue alla perfezione il nostro leitmotiv: ogni app deve avere un design unico e irripetibile. Questa è la ragione per cui abbiamo sviluppato 66 widget, disponibili con il rilascio di GoodBarber 4.0, per costruire la tua personalissima Home.

I widget sono dei moduli funzionali. Per concepirli, abbiamo inizialmente immaginato diversi template di visualizzazione su mobile. Il fatto di dover pensare il tutto partendo da mobile ci ha portato a essere ancora più creativi (l'interfaccia mobile, come ben noto, ha uno spazio minimo). Abbiamo dato vita in questo modo a un nuovo design capace di mantenere la stessa funzionalità in qualsiasi tipo di interfaccia.

Nel back office, la Home dovrebbe essere disegnata partendo da una visualizzazione mobile. Puoi pensare alla tua Home come un banner verticale diviso in fasce verticali. Ogni fascia è composta da un widget. La varietà di widget presenti è ciò che rende la pagina dinamica.

I template associati ai widget hanno un proprio adattamento per mobile, tablet e desktop. Quando aggiungi un widget alla tua Home, la visualizzazione per ogni tipo di schermo viene creata automaticamente. Puoi ad ogni modo intervenire sui dettagli relativi ad ogni specifica dimensione.

I widget sono organizzati in due categorie: i widget di contenuto e quelli di navigazione. Nella pagina UI Index all'interno del nostro portale , puoi consultare i mockup di tutti i template disponibili per i vari widget (relativamente a ogni tipo di sezione).

WIDGET DI CONTENUTO

I widget di contenuto possono essere utilizzati per mostrare gli item che appartengono ad una specifica sezione dell'app, all'interno della Home.
Sono di 3 tipi:

- Lista: Il contenuto viene visualizzato sotto forma di lista, con la possibilità di mettere in risalto alcuni item ( i widget 1 e 6 nell'esempio precedente). Puoi scegliere se mostrare gli elementi di una specifica categoria di una sezione (il widget numero 2 mostra la categoria "Radar" della sezione "News".

- Banner: questi widget ottimizzano l'utilizzo dello spazio all'interno della Home. Si può navigare tra i contenuti tramite uno scroll orizzontale (widget 3).

- Highlight: Si tratta di widget semi-dinamici. Il primo elemento mostrato è un link alla sezione, i seguenti itemi fanno parte della stessa (widget n.5). Le opzioni di visualizzazione sono numerose: per data, casuale, ordine alfabetico etc...

WIDGET DI NAVIGAZIONE

Questi widget possono essere utilizzati per creare dei link a delle sezioni, determinano specifiche azioni o portano a degli URL esterni.
Sono di 3 tipi:

Lista: Questi widget occupano lo spazio a disposizione. I link vengono visualizzati sotto forma di lista e possono mostrare: titolo, sottotitolo, pulsante, immagini o icone, con l'obiettivo di mettere in evidenzia l'azione che può essere effettuata (il widget numero 4 nell'esempio).

Banner: Si può navigare tra i link all'interno di questo widget attraverso un scroll orizzontale. Si utilizzano per rendere al minimo l'utilizzo dello spazio. Titoli, sottotitoli, pulsanti, immagini e icone sono disponibili anche in questo caso.

Remoto: Questi widget permettono di far visualizzare fino a 6 link, con titolo e icona. Sono compatti e trovano normalmente posto in basso nella home, come una specie di footer.

La Home modulare di GoodBarber ti permette di valorizzare al massimo il traffico di utenti che arriva ad aprire la tua app. Combinando dei widget di contenuto con quelli di navigazione, il tuo progetto avrà modo di diventare ineguagliabile. Non ti resta che iniziare a realizzare tutto questo, fornendo la migliore esperienza utente possibile ai tuoi utenti.

Bonus

Abbiamo realizzato un video tutorial, che trovi nel nostro canale Youtube , che ti guiderà passo dopo passo nella realizzazione della tua Home.