Da zero a un'App

Lo scorso mese abbiamo ospitato uno studente di IV liceo per il programma di alternanza scuola-lavoro. È stato con noi tre settimane, nelle quali gli ho assegnato questo compito:

• App idea: scegliere che cosa sviluppare
• Consultare i seguenti articoli:
  Ho un’idea per un’app: 7 punti per capire se farà centro.
  Quali sono le diverse categorie di app? Ecco una classificazione per tipi di utilizzo e funzionalità.

Poi siamo passati a questi step:

• Analisi funzionale
• Definire la timeline di lavoro
• Wireframe: disegnare i flussi
• Monetizzazione: come funziona (da valutare)
• Studio grafico
• Proposta iniziale
• Sviluppo mockup iOS
• Sviluppo mockup Android
• Creazione scheda Apple Store e Google Play
• Relazione scritta
• Presentazione al team

Quella che segue è la sua relazione, buona lettura.

Chi sono

Mi chiamo Giovanni, ho 18 anni e sono uno studente di un liceo artistico a Brescia. Quest’estate, per 3 settimane, sono stato ospitato da DuckMa per completare il mio percorso di Alternanza Scuola-Lavoro.

Che cos’è l’alternanza Scuola-Lavoro?

L’alternanza Scuola-Lavoro è un percorso che tutti gli studenti liceali devono completare nell’arco del triennio. Nel mio caso devo fare almeno 200 ore di alternanza, altrimenti non si viene ammessi alla maturità. Ho avuto molta fortuna nel trovare un partner come DuckMa per questo progetto, dato che non tutti i ragazzi riescono a trovare realtà che li ospiti per l’alternanza e che rientrino fra le loro passioni.

In passato

Ho già avuto altre esperienze di alternanza presso DuckMa. L’anno scorso ho fatto sempre 3 settimane, in cui mi sono avvicinato alla programmazione. In particolar modo, ho creato un’app per controllare lo sphero, un robot sferico che si muove in giro per la stanza, permettendo anche di cambiargli colore.

Inoltre, usando Swift Playground – un’app fornita da Apple per avvicinarsi alla programmazione – ho programmato il drone della Parrot per muoversi usando i sensori di movimento dell’iPad. Successivamente, a gennaio di quest’anno, ho fatto altre 2 settimane, dove ho progettato un videogioco da zero, utilizzando il tool Construct2.

Alla fine sono riuscito a pubblicarlo sulla piattaforma itch.io.

Questa alternanza

L’obiettivo di queste 3 settimane di Alternanza era di progettare un’app e realizzarne un mock up, ovvero il modo in cui l’applicazione si mostra. Inizialmente avevo tre proposte. Un’app per vedere le opere di architetti famosi in Realtà Aumentata scannerizzando un poster, un Reminder e un’app per permettere alle persone affette da allergie di sapere che allergeni vi sono nelle vicinanze.

Quella che alla fine ho deciso di realizzare è stata quest’ultima

Nello specifico, Allergies è un’app pensata per gli utenti che soffrono di allergie ai pollini, che permette di identificare i fiori oltre che a visualizzare una mappa per scoprire le zone in cui è presente un particolare tipo di allergene, utile per le persone che si muovo molto o per quando si va in vacanza.

La Creazione

Per la creazione di questa app ho usato diversi programmi, tra cui Sketch, per creare le UI ed il wireframe, ovvero una versione creata per avere un’idea della successione delle schermate di come l’app sarà.

Nel caso mi fossi accorto che alcuni elementi non fossero adatti, potevo cambiarli direttamente nel wireframe e poi decidere quale elemento si adatti al meglio per essere inserito.

Ho utilizzato poi Xcode, per creare un “alpha”, ovvero una versione iniziale e molto grezza, dell’applicazione e Zeplin, per condividere le UI che ho creato con il resto del team.

Per UI si intende l’interfaccia vera e propria di un prodotto, ovvero il posizionamento degli elementi e di come sono disposti, mentre per UX si intende l’esperienza che l’utente avrà con l’applicazione, per esempio dove i bottoni portano e se ogni elemento sia intuitivo.

Inizialmente ho fatto una serie di schizzi per avere un’idea generale di come doveva essere l’app.

Nonostante io sia una persona che promuove l’uso di software e programmi basati sul cloud per tenere in un unico posto tutti i documenti, quando disegno o creo le UI preferisco usare ancora carta e matita, dato che lo reputo un metodo più rapido e che dà una maggiore libertà di espressione.

Una volta contento del risultato, ho deciso di passare a Sketch.

Con esso, ho iniziato a creare la base dell’interfaccia basandomi sulle linee guida del design

Ho creato dei wireframe, supportato dal team che si occupa di sviluppare applicazioni, ovvero un insieme di elementi che fanno immaginare come sarà effettivamente l’app, in modo  embrionale.

Successivamente ho creato l’interfaccia più dettagliata e con i pulsanti per muoversi all’interno dell’applicazione stessa.

In seguito, ho deciso di cambiare la UI e cercare di basarla meno sulle linee guida e standard di questo settore.

Dopo qualche giorno di testing, ho optato, anche dati i suggerimenti del team, di creare una nuova interfaccia dell’applicazione, cercando di renderla più semplice e intuitiva.

Ho sviluppato una moodboard, ovvero una serie di immagini unite tra di loro al fine di mostrare in un formato visivo un progetto ed il concept, contenente le UI da me create, che poi ho condiviso con Zeplin.

Per la scelta del nome,  volevo qualcosa di semplice che potesse essere ricordato dalle persone e che fosse anche semplice da pronunciare anche per coloro che non hanno abbiano dimestichezza con l’inglese.

Anche ascoltandolo, il nome rimanda subito all’idea delle funzioni dell’app, permettendo di fornire così all’utente un’idea sull’applicazione.

L’app

L’idea mi è venuta vedendo dei miei amici che, nonostante avessero i farmaci con loro, non sapevano esattamente che fiori vi fossero in quel momento e in quel luogo.

Ho deciso di dividere l’applicazione in 3 parti, facilmente raggiungibili semplicemente scorrendo il dito verso destra o sinistra.

Alla prima apertura dell’applicazione si è accolti da una schermata di benvenuto, che permette di scoprire alcune caratteristiche dell’app.

Successivamente viene chiesto all’utente di selezionare in una schermata i fiori a cui è allergico.

Dopo che l’utente ha completato la lista degli allergeni, si trova nell’app vera e propria.

La schermata in cui si trova è la mappa. In essa e possibile vedere i tipi di allergeni e le loro concentrazioni presenti vicino all’utente oppure in altre zone, mediante delle icone su cui l’utente può toccare per avere le informazioni sulla tipologia dell’allergene, avendo anche la concentrazione nell’aria, visibile con una scritta di diversi colori.

La seconda è lo Scan. Semplicemente inquadrando il fiore, permette di identificare la specie e conoscere la concentrazione di questo tipo di polline nella zona.

L’ultima sezione è Allergie. In questa sezione l’utente potrà selezionare diversi tipi di allergie, per ricevere notifiche riguardo i possibili allergeni nella zona in cui si trova.

L’esperienza

Quest’esperienza mi insegnato molte cose.

Ho avuto modo di approfondire come si articola il lavoro all’interno di una software house, ovvero i passaggi per la creazione di un’app: dalla progettazione alla realizzazione delle proposte, e riguardanti il modo in cui viene organizzato lavoro.

Inoltre, sono sicuro che queste esperienze di alternanza mi abbiano aiutato a farmi un’idea sul mondo del lavoro e su alcuni processi aziendali.

Desideri più informazioni riguardanti lo sviluppo di Applicazioni, native o ibride, innovative e performanti?