Come creare step by step un'app turistica della tua città

Written by on Lunedì 20 Giugno 2016

Come creare step by step un'app turistica della tua città

Quando si visita una città, avere uno smartphone é un elemento imprescindibile. Le mappe sono state ormai riposte nel cassetto da tempo. Adesso é infatti possibile fare tutto con un'applicazione, un qualcosa che ti permette di avere tutte le informazioni necessarie su una determinata località turistica sempre a portata di mano.  

In questo articolo scoprirai come creare passo dopo passo l'applicazione turistica di una città attraverso la nostra piattaforma. La città presa a modello é Portland, ma ovviamente potrai tranquillamente adattare il tutto a una qualsiasi app realizzata nella categoria Viaggi e Turismo di GoodBarber.
 


1.Scegli un tema


La scelta del tema è il primo passo per creare la tua Beautiful App. Nel tuo back office potrai scegliere tra 25 differenti temi creati dai nostri designer. Il tema che sceglierai sarà un semplice punto di partenza, in seguito potrai infatti personalizzarlo e configurarlo a tuo piacimento. Se vuoi puoi anche scegliere il tema “White” e fare tutto manualmente.

Per questa applicazione ho deciso di utilizzare il tema “Budapest”.
 

Come creare step by step un'app turistica della tua città

2. Crea la tua Home


La Home è la prima schermata che i tuoi utenti vedranno quando lanceranno l''app. Si tratta di una parte importante sia per quanto riguarda il visual che dal punto di vista pratico. Con GoodBarber 4.0 la Home ti permette di scegliere quali contenuti mettere in evidenza. Ti da inoltre la possibilità di mostrare dei link che ti reindirizzano verso determinate sezioni dell''app. 

La Home modulare è composta da due tipi differenti di widget: di contenuto e di navigazione (66 in totale). I template connessi ai widget sono adattabili per mobile, tablet e desktop.

Qui in basso puoi vedere il nostro primo widget, per mostrare una sezione mCMS di articoli: 
 

Come creare step by step un'app turistica della tua città

*Il contenuto mostrato nell’app è a titolo dimostrativo, puoi infatti personalizzare tutto a tuo piacimento.

Dopo aver scelto il template (Banner > Minimal), ho aggiunto il widget di contenuto con una visualizzazione differente (Banner > Visual). Questo per mostrare un’altra sezione Articoli mCMS chiamata Shopping:
 

Come creare step by step un'app turistica della tua città

In seguito ho aggiunto 3 widget di contenuto per mostrare più sezioni Articoli mCMS della nostra app: in questo caso Eating out, Culture e Leisure recommendations.
 

Come creare step by step un'app turistica della tua città

Ora andiamo ad aggiungere un altro widget di contenuto per far visualizzare gli eventi. Per farlo selezioniamo il template Lista > Classic:
 

Come creare step by step un'app turistica della tua città

La nostra Home ha adesso 6 widget.
 


3. Costruisci il tuo Menù

Con GoodBarber 4.0 il Menù si utilizza come navigazione secondaria all'interno dell'app. La Home fornisce gli accessi principali a una serie di sezioni a tua scelta, così come delle call to action. Puoi inoltre decidere di non mostrare proprio il Menù. Se ad ogni modo dovessi optare per l'attivazione di un Menù (o modalità di navigazione nel tuo back office), potrai scegliere tra 7 diversi tipi di menù, per gestire al meglio il traffico nella tua app. 

Indipendentemente dal numero di sezioni presenti nell'app, puoi costruire un menù per rendere ottimale la navigazione nell’app.

In questo esempio abbiamo scelto il template Swipe e abbiamo aggiunto il nostro logo nell’intestazione del Menù e il Copyright a piè pagina:
 

Come creare step by step un'app turistica della tua città

Il tuo menù può mettere in risalto link e shortcut, titoli e separatori, questo per dare delle priorità tra le varie informazioni presenti (gli ultimi due elementi citati sono relativi al design). 

Ricorda poi che il logo può essere personalizzato nell’intestazione della Home e in ognuna delle sezioni dell’app in modo indipendente:
 

Come creare step by step un'app turistica della tua città

4. Aggiungi i tuoi contenuti

Questa è la parte più importante della tua app, per cui bisogna stare molto attenti ai dettagli.

Per iniziare ho creato un sotto-menù all’interno della mia app (una sezione menù), in modo da organizzare meglio i contenuti e le attività che andrò a mostrare in quest’area, oltre che tutta una serie di informazioni importanti.
 

Come creare step by step un'app turistica della tua città

Una volta che la struttura dell’app è stata creata, è il momento di aggiungere i contenuti veri e propri nelle varie sezioni. Qui nell’esempio ho lavorato sulla sezione “Leisure”, inserendo tutte le località nell’area di Portland, relative a questo tipo di attività.

Prima di iniziare ad aggiungere dei punti di interesse, potrebbe essere utile creare delle categorie all’interno di questa sezione (come ad esempio Siti archeologici, Parchi, etc…), rendendo così più semplice all’utente la navigazione ed evitando di creare un numero eccessivo di sezioni. Questo è uno step importante, la tua app ne avrà solo da guadagnarci in termini di user experience. 

Una volta che le categorie sono state definite, puoi iniziare ad aggiungere punti nella mappa, nella tab Contenuto della sezione.
 

Come creare step by step un'app turistica della tua città

È possibile aggiungere delle informazioni dettagliate per ogni località (una descrizione, gli orari di apertura, la storia…), aggiungere delle immagini, dei pulsanti di azioni (telefono e indirizzo e-mail), il sito web etc… . Dunque devi scegliere a che categoria appartiene ogni punto. 

La creazione di categorie può essere fatta in differenti sezioni (articoli, video) ed è uno strumento efficace per rendere l’app più leggera. Nella sezione Eating out ad esempio, potremmo realizzare delle categorie per tipo di cucina (italiana, giapponese, messicana…) mantenendo tutte le informazioni in una sola sezione, mentre filtriamo i risultati.
 

Come creare step by step un'app turistica della tua città

Per creare altre sezioni il processo è molto simile. Se il contenuto viene creato all’interno di una sezione CMS, si può fare tutto attraverso il back office di GoodBarber (articoli, eventi etc…). Se scegli invece di importare dei contenuti da fonti esterne (Wordpress, Facebook, Flickr…), devi semplicemente configurare le impostazioni della sezione al momento della sua creazione. E se dovessi avere bisogno di una mano puoi consultare i nostri Online Help o contattare l’assistenza tecnica.

Ci siamo quasi! Mancano ancora due piccole cose e l’app sarà pronta.
 

Come creare step by step un'app turistica della tua città

5. Schermata iniziale e icona dell’app



Dopo esserci occupati del design e dei contenuti dell’app, è il momento di dedicarci agli ultimi passaggi e concludere il nostro progetto.

Qui è importante ricordare che bisognerà caricare immagini specifiche adatte ad ogni tipo di dispositivo e sistema operativo. Questo per garantire una risoluzione e una qualità delle immagini ottimale nell’app. 

La schermata iniziale è la prima cosa che gli utenti vedranno all’apertura dell’app (prima della Home). Verrà visualizzata per pochi secondi, mentre i contenuti della tua app sono in fase di caricamento (anche su browser). Nel nostro esempio, il designer ha creato lui stesso lo splash screen, è però anche possibile crearlo direttamente dal back office utilizzando il nostro Wizard.
 

Come creare step by step un'app turistica della tua città

Per quanto riguarda l’icona dell’app devi rispettare le diverse dimensioni richieste, per ognuno dei sistemi operativi e per la web app. Creare una buona icona può essere complicato, c’è poco spazio per la creatività e per rappresentare al meglio le funzionalità dell’app. Potrebbe essere inoltre necessario modificare il logo in qualche modo per far si che si adatti bene al formato quadrato.

Non dimenticare infine di inserire il nome della tua app. Il campo che appare in basso nell’anteprima dell’icona è il nome dell’app, come dovrà essere visualizzato nella schermata di avvio sul tuo smartphone.
 

Come creare step by step un'app turistica della tua città

È fatta! :)

Seguendo dunque questi passi per creare l’app turistica della tua città, il risultato finale non potrà che essere un successo. Non dimenticare però che i tuoi sforzi non finiscono con la fase di creazione. Per avere maggiori informazioni a riguardo, dai un’occhiata alla nostra guida per promuovere un’app.

Come creare step by step un'app turistica della tua città

Ti senti ispirato? Inizia a creare la tua app. Andiamo alla scoperta del mondo attraverso una Beautiful App!

 


 CREA LA TUA APP


Scopri altre Beautiful App dedicate al turismo:






Inserisci la tua email