Ho un’idea per un’app: 7 punti per capire se far\u00e0 centro.<\/a><\/strong>
Quali sono le diverse categorie di app? Ecco una classificazione per tipi di utilizzo e funzionalit\u00e0.<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n
Poi siamo passati a questi step:<\/p>\n\n\n\n
- \n
- Analisi funzionale<\/li>\n\n\n\n
- Definire la timeline di lavoro<\/li>\n\n\n\n
- Wireframe: disegnare i flussi<\/li>\n\n\n\n
- Monetizzazione: come funziona (da valutare)<\/li>\n\n\n\n
- Studio grafico<\/li>\n\n\n\n
- Proposta iniziale<\/li>\n\n\n\n
- Sviluppo mockup iOS<\/li>\n\n\n\n
- Sviluppo mockup Android<\/li>\n\n\n\n
- Creazione scheda Apple Store e Google Play<\/li>\n\n\n\n
- Relazione scritta<\/li>\n\n\n\n
- Presentazione al team<\/li>\n<\/ul>\n\n\n\n
Quella che segue \u00e8 la sua relazione, buona lettura.<\/p>\n\n\n\n
\n\n\n\nChi sono<\/h2>\n\n\n\n
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<\/strong><\/a> per completare il mio percorso di Alternanza Scuola-Lavoro.<\/p>\n\n\n\n
![\"build-jpg-4\"\/](\"https:\/\/f.hubspotusercontent10.net\/hubfs\/7409217\/build-jpg-4.jpeg\")
<\/figure>\n\n\n\nChe cos’\u00e8 l’alternanza Scuola-Lavoro?<\/h2>\n\n\n\n
L’alternanza Scuola-Lavoro \u00e8 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\u00e0. Ho avuto molta fortuna nel trovare un partner<\/em> come DuckMa <\/strong><\/a>per questo progetto, dato che non tutti i ragazzi riescono a trovare realt\u00e0 che li ospiti per l’alternanza e che rientrino fra le loro passioni.<\/p>\n\n\n\n
In passato<\/h2>\n\n\n\n
Ho gi\u00e0 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<\/em>, un robot sferico che si muove in giro per la stanza, permettendo anche di cambiargli colore.<\/p>\n\n\n\n
Inoltre, usando Swift Playground – un’app fornita da Apple per avvicinarsi alla programmazione – ho programmato il drone della Parrot<\/em> 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.<\/p>\n\n\n\n
Alla fine sono riuscito a pubblicarlo sulla piattaforma itch.io<\/a>.<\/p>\n\n\n\n
Questa alternanza<\/h2>\n\n\n\n
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\u00e0 Aumentata scannerizzando un poster, un Reminder e un’app per permettere alle persone affette da allergie di sapere che allergeni vi sono nelle vicinanze.<\/p>\n\n\n\n
Quella che alla fine ho deciso di realizzare \u00e8 stata quest’ultima<\/p>\n\n\n\n
Nello specifico, Allergies<\/em> \u00e8 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 \u00e8 presente un particolare tipo di allergene, utile per le persone che si muovo molto o per quando si va in vacanza.<\/p>\n\n\n\n
La Creazione<\/h2>\n\n\n\n
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\u00e0.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
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\u00e0 con l’applicazione, per esempio dove i bottoni portano e se ogni elemento sia intuitivo.<\/p>\n\n\n\n
![\"shadow-overlay-branding-identity-mockup-scene-copy](\"https:\/\/f.hubspotusercontent10.net\/hubfs\/7409217\/shadow-overlay-branding-identity-mockup-scene-copy%20(1)-jpeg-4.png\")
<\/figure>\n\n\n\nInizialmente ho fatto una serie di schizzi per avere un’idea generale di come doveva essere l’app.<\/p>\n\n\n\n
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\u00f9 rapido e che d\u00e0 una maggiore libert\u00e0 di espressione.<\/p>\n\n\n\n
Una volta contento del risultato, ho deciso di passare a Sketch.<\/p>\n\n\n\n
Con esso, ho iniziato a creare la base dell’interfaccia basandomi sulle linee guida del design<\/p>\n\n\n\n
Ho creato dei wireframe, supportato dal team che si occupa di sviluppare applicazioni, ovvero un insieme di elementi che fanno immaginare come sar\u00e0 effettivamente l’app, in modo embrionale.<\/p>\n\n\n\n
Successivamente ho creato l’interfaccia pi\u00f9 dettagliata e con i pulsanti per muoversi all’interno dell’applicazione stessa.<\/p>\n\n\n\n
In seguito, ho deciso di cambiare la UI e cercare di basarla meno sulle linee guida e standard di questo settore.<\/p>\n\n\n\n
Dopo qualche giorno di testing, ho optato, anche dati i suggerimenti del team, di creare una nuova interfaccia dell’applicazione, cercando di renderla pi\u00f9 semplice e intuitiva.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
Anche ascoltandolo, il nome rimanda subito all’idea delle funzioni dell’app, permettendo di fornire cos\u00ec all’utente un’idea sull’applicazione.<\/p>\n\n\n\n
L’app<\/h2>\n\n\n\n
L’idea mi \u00e8 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.<\/p>\n\n\n\n
Ho deciso di dividere l’applicazione in 3 parti, facilmente raggiungibili semplicemente scorrendo il dito verso destra o sinistra.<\/p>\n\n\n\n
Alla prima apertura dell’applicazione si \u00e8 accolti da una schermata di benvenuto, che permette di scoprire alcune caratteristiche dell’app.<\/p>\n\n\n\n
Successivamente viene chiesto all’utente di selezionare in una schermata i fiori a cui \u00e8 allergico.<\/p>\n\n\n\n
Dopo che l’utente ha completato la lista degli allergeni, si trova nell’app vera e propria.<\/p>\n\n\n\n
La schermata in cui si trova \u00e8 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\u00f2 toccare per avere le informazioni sulla tipologia dell’allergene, avendo anche la concentrazione nell’aria, visibile con una scritta di diversi colori.<\/p>\n\n\n\n
La seconda \u00e8 lo Scan. Semplicemente inquadrando il fiore, permette di identificare la specie e conoscere la concentrazione di questo tipo di polline nella zona.<\/p>\n\n\n\n
L’ultima sezione \u00e8 Allergie. In questa sezione l’utente potr\u00e0 selezionare diversi tipi di allergie, per ricevere notifiche riguardo i possibili allergeni nella zona in cui si trova.<\/p>\n\n\n\n
L’esperienza<\/h2>\n\n\n\n
Quest’esperienza mi insegnato molte cose.<\/p>\n\n\n\n
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.<\/p>\n\n\n\n
Inoltre, sono sicuro che queste esperienze di alternanza mi abbiano aiutato a farmi un’idea sul mondo del lavoro e su alcuni processi aziendali.<\/p>\n\n\n\n
\n\n\n\nDesideri pi\u00f9 informazioni riguardanti lo sviluppo di Applicazioni, native o ibride, innovative e<\/a> performanti?<\/strong><\/p>\n\n\n\n
![\"flying-iphone-13-mockup-template-jpeg-3\"\/](\"https:\/\/f.hubspotusercontent10.net\/hubfs\/7409217\/flying-iphone-13-mockup-template-jpeg-3.png\")
<\/figure>\n\n\n\n
![\"Free](\"https:\/\/no-cache.hubspot.com\/cta\/default\/7409217\/interactive-149917625149.png\")
\n <\/a>\n<\/div>\n\n\n\n