Progettazione, wireframe e prototipazione di un'app per Android parte 1

Se sogni di creare la prossima grande cosa nelle app per Android, allora non mentirò: hai il tuo lavoro tagliato fuori per te!

Devi solo dare un'occhiata al Google Play Store per vederlo più o meno ogni l'app che puoi immaginare è già stata creata, in genere, più volte e con diversi gradi di successo.

In un mercato così competitivo, la tua app deve offrire il pacchetto completo, semplicemente avere una grande serie di funzionalità non la taglierà! La tua app deve anche essere reattiva, facile da usare, completamente priva di bug e (per quanto possa sembrare superficiale) deve aspetto gradevole, pure.

Quindi quando ti svegli nel cuore della notte con a brillante idea per un'app per Android, resisti alla tentazione di saltare fuori dal letto, avviare Android Studio e iniziare a dare vita alla tua visione. Se hai intenzione di rendere giustizia alla tua idea, allora hai bisogno di riflettere sul design della tua applicazione.

In questa serie in due parti, ti mostrerò come trasformare una grande idea in una grande app. Imparerai come pianificare, testare e perfezionare ogni parte del design della tua app e come risolvere tutti i problemi possibili prima ancora di scrivere una singola riga di codice.

In questa prima puntata, esamineremo come rispondere a tutte quelle grandi e ardenti domande che ogni sviluppatore deve affrontare ogni volta che avvia un nuovo progetto Android. Quindi, creeremo un elenco di tutte le schermate che dobbiamo compilare, oltre a una mappa dello schermo che mostra esattamente come tutti questi schermi combaciano.

Nella parte 2, padroneggi alcune tecniche potenti e progettate, tra cui wireframing e prototipazione. Alla fine della parte 2 avrai creato un prototipo digitale che potrai installare e testare sul tuo smartphone, tablet o emulatore Android.

Per aiutarti a vedere Esattamente come faresti un'idea dalla "scintilla di ispirazione" al prototipo digitale funzionante, immagino che mi sia venuta un'idea per un'app per Android che voglio creare, e quindi sviluppare questa idea per tutta la serie.

Dato che siamo (presumibilmente) diretti all'estate, ho intenzione di progettare un'app che aiuti le persone a pianificare e prenotare le ultime vacanze estive con tutti i loro amici.

Quindi abbiamo la nostra idea: qual è la prima cosa che dobbiamo fare?

1. Scrivi una dichiarazione sul prodotto

La tua app tipica ha molti extra piacevoli, ma ha anche una chiara definizione compito primario. Ad esempio, la nostra app di viaggio finita potrebbe includere funzionalità di social media in modo che gli utenti possano condividere uno scatto del fantastico cocktail che avevano sulla spiaggia o del gatto che hanno accarezzato fuori dal loro hotel, ma queste funzioni non sono il compito principale dell'app.

Un buon trucco per arrivare al nucleo di ciò che è realmente la tua app è scrivere una dichiarazione di prodotto. Questa è una singola frase che comunica cosa è la tua app, cosa fa e perché è fondamentale che l'utente avvii Google Play e scarichi la tua app proprio adesso. Potrebbe essere utile immaginare che stai pubblicando la tua app per un potenziale utente e hai solo una frase per far passare il tuo messaggio.  

Dopo molte discussioni, ho deciso sulla seguente dichiarazione di prodotto:

Un'app che toglie lo stress dalla pianificazione e dalla prenotazione delle ultime vacanze estive.

È fondamentale che tu mai perdere di vista questa dichiarazione di prodotto, quindi potresti volerlo scrivere su un post-it e incollarlo sopra la tua scrivania.

2. Identifica il tuo pubblico di destinazione

La prossima grande domanda che devi affrontare è: per chi sono esattamente costruendo questa cosa??

Spero che tu abbia già un'idea approssimativa del tipo di persona che potrebbe voler utilizzare la tua app, ma per i migliori risultati è necessario progettare la tua app con un target di riferimento molto specifico. Il vecchio detto è vero: cerca di accontentare tutti e finirai per non piacere a nessuno.

La persona a cui stai cercando di fare appello dovrebbe influenzare ogni parte della tua app, dalle funzionalità che includi all'aspetto grafico dell'interfaccia utente, fino al tono del testo dell'applicazione. Ecco perché è fondamentale identificare il pubblico di destinazione il prima possibile nel processo di progettazione.

Ho già una vaga idea di chi sto prendendo di mira: giovani adulti di età compresa tra i 18 e i 25 anni che sono in pausa estiva dal college o dall'università, stanno facendo un anno sabbatico, o stanno pianificando un'ultima avventura prima che sia il momento di iniziare a cercare per quel primo lavoro a tempo pieno. Questo è un buon inizio, ma possiamo essere più specifici di così!

Un trucco semplice ma efficace per azzerare il pubblico è creare un utente persona.

Una persona utente è un singolo utente che incarna il tipo di persona che stai prendendo di mira. Quali caratteristiche avrebbe questa persona? Anche se le caratteristiche esatte variano a seconda del tipo di app che hai in mente, puoi iniziare rispondendo alle seguenti domande:

• Quanti anni ha il tuo utente? Potrebbe trattarsi di un'età precisa o di una fascia di età come le persone con più di 60 anni o giovani adulti.  
• Dove vivono? Potrebbe trattarsi di un paese o di una città specifici o di un tipo di luogo, ad esempio vicino al mare o nella grande città.
• Hanno figli?
• Quali sono i loro hobby?
• Hanno un lavoro? E se sì, cos'è??
• Sono attualmente in formazione?
• Qual è il loro tipo preferito di applicazione?
• Qual è il loro tipo di applicazione meno preferito?
• Quali fattori li motivano a scaricare un'app?
• Pagano mai per le app mobili?
• Quanto sono esperti con le app mobili? Sono un utente esperto o un principiante?  
• Quanto sono esperti con la tecnologia in generale?

Creiamo un personaggio utente per la nostra app di viaggio. Per i migliori risultati, aiuta a pensare alla tua persona come a una persona reale. Potresti anche voler dare al tuo utente un nome, che è esattamente quello che farò: incontrare Sasha!

• Lei ha 20 anni.
• È una studentessa universitaria in vacanza estiva.
• Vive con i suoi genitori durante l'estate, ma tornerà alle aule studentesche all'inizio dell'anno accademico.
• Lei è single, senza figli.
• Non ha un lavoro, quindi il suo prestito studentesco è la sua unica fonte di reddito.
• Come qualcuno che è cresciuto con i social media, le sue app preferite sono tutto e tutto ciò che le permette di condividere foto e aggiornamenti di stato con i suoi amici, la famiglia e il World Wide Web in generale.
• È una professionista con la tecnologia, in particolare le app mobili.

Poiché la mia app riguarda l'organizzazione di una vacanza, devo anche definire le esperienze di Sasha relative al viaggio. È probabile che il mio utente "tipico" sia ben viaggiato? Sono stati responsabili di pianificare le proprie vacanze prima o è tutto nuovo per loro?

Aggiungerò le seguenti caratteristiche al mio personaggio utente:

• Sasha è stata all'estero diverse volte, ma sempre con la sua famiglia.
• Questa è la prima volta che pianifica la sua vacanza.
• Sasha può essere organizzata in modo equo quando vuole essere, ma poiché è la prima volta che partecipa alla pianificazione e alla prenotazione di una vacanza, apprezzerà sicuramente una mano amica!

Casi d'uso

Quindi ora abbiamo il chi, ma per quanto riguarda il quando? In quali circostanze Sasha si senta in dovere di tirare fuori il suo telefono e avviare la nostra app?

Ecco alcuni che mi vengono in mente:

• Sasha è in giro con amici universitari, e l'inevitabilità della conversazione si trasforma in quanto divertimento avranno durante l'estate. Tutti si eccitano e prima che tu lo sappia, Sasha ha aperto la nostra app, e lei e i suoi amici stanno pianificando con ansia quello che sarà sicuramente il viaggio di una vita.
• Sasha è appena entrata nella chat di gruppo che lei e i suoi amici lasciano in esecuzione nella loro app di messaggistica istantanea preferita, e lei vede che - finalmente! - tutti hanno concordato una destinazione. Eccitato, Sasha avvia la nostra app e inizia a cercare cose divertenti da fare in quella zona.
• Sasha si sente frustrato. Sembra che lei e le sue amiche trascorrano ore a parlare di quanto sarà bello il loro viaggio, ma non riusciranno mai a farlo prenotazione nulla. Qualcuno deve prendere il comando, e sembra che quella persona debba essere lei. L'unico problema è che non ha mai organizzato nulla di simile prima. Ciò di cui ha bisogno è una specie di app che può togliere lo stress dalla pianificazione e dalla prenotazione delle perfette vacanze estive ... .

3. Creare un elenco di caratteristiche

È ora di divertirti: libera la tua immaginazione e annota tutte le funzionalità che dovresti includere nella tua app se avessi tempo e denaro infiniti e un intero esercito di sviluppatori pronti e impazienti di aiutarti. Per ora, non preoccuparti se queste funzionalità sono pratici - pensa a questo come alla tua lista di funzionalità.

Se stai cercando ispirazione, vai al Google Play Store e scarica alcuni esempi di applicazioni Android che coprono contenuti simili o hanno lo stesso pubblico di destinazione della tua applicazione.

Passa un po 'di tempo ad esplorare queste app e prendi nota di ciò che l'app fa bene e di tutte le aree che ritieni di poter migliorare. 

Ecco alcune delle funzionalità che ho annotato:

• La possibilità di prenotare tutto ciò di cui l'utente potrebbe aver bisogno per il viaggio, dai biglietti aerei, ferroviari e di autobus, alle prenotazioni alberghiere e anche a cose varie come prenotare un tavolo in quel ristorante locale che ha recensioni particolarmente positive su TripAdvisor.
• Leggi le recensioni lasciate da altri utenti e pubblica le tue recensioni.
• L'utente definisce in anticipo il budget e l'app successivamente filtra tutti i suggerimenti in base a questo budget.
• Sii spontaneo! Pianificare una vacanza dovrebbe essere divertente, quindi perché non lasciare tutto al destino attaccando una spilla virtuale in una mappa virtuale?  
• Ok, quindi pianificare una vacanza dovrebbe essere divertente, ma può anche essere un duro lavoro, specialmente se questo è il primo viaggio che tu abbia mai prenotato. La nostra app dovrebbe fornire una lista di controllo di tutto ciò che l'utente deve prenotare e organizzare, al fine di pianificare la vacanza perfetta. 
• Funzionalità dei social media, così gli utenti possono rendere gelosi tutti i loro amici e familiari pubblicando foto e aggiornamenti di stato sul divertimento che stanno facendo in vacanza.
• Un diario di viaggio per quegli utenti che desiderano condividere più di semplici foto e aggiornamenti di stato.
• Poiché il mio pubblico di riferimento è costituito da giovani adulti, questa potrebbe essere la prima volta che molti di loro sono stati responsabili della prenotazione delle proprie vacanze. Potrebbero apprezzare alcuni consigli generali rivolti al viaggiatore per la prima volta, come ad esempio come richiedere un passaporto o il tipo di cose che è possibile e non possono portare nel bagaglio a mano..
• Un conto alla rovescia, in modo che gli utenti possano tenere traccia delle settimane, del giorno, delle ore e dei minuti fino all'ora delle vacanze.

Ora è il momento per un controllo di realtà: non c'è modo in cui chiunque può stipare tutti le loro idee in un'unica app. Anche se tutte le tue idee sono sensate, ben pensate e si rivolgono al tuo pubblico di destinazione, buttare tutto in un app da cucina, tranne il lavello della cucina, sarebbe un incubo per te come sviluppatore e porterebbe probabilmente a un'esperienza utente terribile.

Immagina di lanciare un'app per la prima volta e di confrontarti immediatamente con un menu enorme e complicato, ricco di una tonnellata di opzioni. La scelta è una buona cosa, ma troppa scelta diventa confusa! Dal momento che l'ultima cosa che vuoi fare è confondere i tuoi utenti, abbiamo bisogno di snellire le nostre ultime funzionalità in basso.

Quindi, come decidiamo quali caratteristiche vivono e quali caratteristiche muoiono?

Per la versione iniziale, è necessario concentrarsi sulle funzionalità essenziali per fornire le funzionalità principali della tua app. E ricorda che solo perché una funzionalità non è disponibile nella versione 1.0, non significa che non troverà la sua strada in un successivo aggiornamento. Se trovi una funzionalità nella tua lista che ha un potenziale, ma non è essenziale per adempiere all'attività principale della tua app, prendi nota di essa come qualcosa che vale la pena rivisitare dopo aver abbassato i fondamentali della tua app.

Anche il tuo personaggio utente e i casi d'uso dovrebbero avere un ruolo nel determinare quali funzioni includere nella Versione 1.0 (e nelle versioni successive). Quali caratteristiche hanno più probabilità di piacere a Sasha?

Dopo aver riletto il personaggio dell'utente, i casi d'uso e la dichiarazione sul prodotto, ho scelto le seguenti funzionalità:

• Prenotazione di viaggio e alloggio. Questo è un assoluto must se Sasha non organizza almeno il trasporto e un posto dove dormire, quindi se ne va Da nessuna parte.
• Impostazione di un budget. Sasha sta finanziando l'intero viaggio sul fondo del suo prestito studentesco, quindi impostare un budget è una priorità assoluta per il nostro studente attento ai soldi.
• Attaccare un perno virtuale in una mappa virtuale. Sasha è una giovane studentessa che cerca di prenotare un'avventura estiva con tutti i suoi amici, quindi il pensiero di fare qualcosa di un po 'pazzo e spontaneo potrebbe piacere a lei. Inoltre, ricorda il nostro caso d'uso in cui Sasha è in giro con i suoi amici e si stanno tutti sbattendo l'un l'altro sul divertimento che avranno quest'estate? Questa è l'occasione perfetta per Sasha per ottenere il massimo dal lancio avviando la nostra app e attaccando un pin virtuale in una mappa virtuale.
• Una lista di controllo. Poiché questa è la prima volta che Sasha è stata coinvolta nella pianificazione delle proprie vacanze, avere una chiara lista di controllo da elaborare renderebbe il tutto molto meno intimidatorio.

La nostra lista contiene altre caratteristiche che potrebbero interessare a Sasha, come la possibilità di pubblicare foto del suo viaggio, poiché sappiamo già che Sasha è una fan di tutto ciò che è social media. Tuttavia, per questa versione iniziale manterrò le cose semplici e resterò focalizzato sull'obiettivo principale dell'app. Una volta che hai consegnato le funzionalità principali della tua app e hai soddisfatto la tua dichiarazione di prodotto, puoi rivolgere la tua attenzione a tutti quei fantastici extra aggiunti.

4. Disegnare il flusso ad alto livello

Il prossimo compito è quello di iniziare a pensare alle schermate che dovrai creare, al fine di fornire questo elenco di funzionalità, quindi prendi un foglio di carta e una penna o una matita. Disegna alcuni ruvidi diagrammi di flusso dei percorsi che gli utenti potrebbero eseguire attraverso la tua app, al fine di svolgere le attività principali.

Per la mia app di viaggio, i compiti principali sono:

1. Prenotazione di un viaggio.
2. Revisione dei dettagli su eventuali viaggi che l'utente ha già pianificato.

Generalmente rappresenterai schermate con forme e esprimi la navigazione utilizzando linee o frecce.

Questo esercizio è principalmente inteso a farti riflettere sulle diverse schermate che dovrai creare, al fine di fornire le funzionalità che hai scelto dalla tua lista di funzionalità. Non spendere troppo tempo nel tuo diagramma di flusso, poiché perfezionerai questo flusso quando creerai la tua mappa dello schermo.  

5. Creare una lista di schermate

Successivamente, vieni con un elenco di tutte le schermate che dovrai creare, in base al tuo diagramma di flusso.

Ecco la mia lista di schermate, oltre a una breve panoramica di ciò che ho intenzione di includere in ogni schermata:

• Schermo di casa. Questa schermata contiene un menu di tutti i viaggi che l'utente ha già pianificato tramite la nostra app. L'utente può toccare qualsiasi elemento in questo menu per visualizzare l'elenco di controllo per quel particolare viaggio. In alternativa, possono dare il "Piano A New Adventure!" collegare un rubinetto.
• Carta geografica. Questa schermata contiene una mappa e un pin virtuale. L'utente può toccare una sezione della mappa, o se si sente spontanea può afferrare la spilla virtuale, chiudere gli occhi e lasciare tutto al destino.
  
• Seleziona una città. Una volta che l'utente ha selezionato il paese che desidera visitare, questa schermata suggerisce alcune città in cui potrebbero voler rimanere. Questa schermata contiene anche un dispositivo di scorrimento in cui l'utente può far conoscere all'app il tipo di budget con cui stanno lavorando. 
• lista di controllo. Questa schermata contiene una lista di controllo che l'utente può elaborare. Toccando qualsiasi elemento in questo elenco viene avviata una schermata in cui l'utente può completare questa attività, tra cui:
• Prenota il trasporto.
• Prenotare un hotel.

6. Creare una mappa dello schermo

Ora è il momento di combinare il nostro diagramma di flusso e l'elenco delle schermate in una mappa dello schermo che esprime la relazione di navigazione tra tutti questi schermi.

Inizia con la prima schermata che l'utente vede quando lancia la tua app e lavora verso l'esterno.

Non è mai troppo presto per iniziare a cercare modi per migliorare l'esperienza utente, quindi una volta creata la mappa dello schermo, prenditi un momento per guardarla con occhio critico. Un fattore che ha un enorme impatto sull'esperienza utente è il numero di schermate che l'utente deve percorrere per completare le attività principali dell'app.

In generale, meno passaggi, migliore è l'esperienza dell'utente. Questa mappa è l'occasione perfetta per identificare i luoghi in cui è possibile ridurre il numero di schermate che l'utente deve percorrere. Ciò può comportare la rimozione di schermate, la combinazione di schermate, il riordino di schermate o l'identificazione di luoghi in cui sarebbe opportuno aggiungere una "scorciatoia" di navigazione in modo che l'utente possa passare direttamente dallo schermo A allo schermo E.

Conclusione

Finora abbiamo preso alcune decisioni importanti sull'app che creeremo, compresi chi è il nostro pubblico di destinazione e quali funzioni includeremo nella versione 1.0 (con alcune funzionalità rimaste per le versioni successive). Abbiamo anche creato un elenco di tutti gli schermi che abbiamo bisogno di progettare e abbiamo delineato come questi schermi verranno disposti nella nostra app finale.

A questo punto abbiamo pianificato la nostra app, anche se ad un livello molto alto. Nella parte 2 ho intenzione di scavare più a fondo e progettare i singoli schermi che compongono questa mappa dello schermo, prima di mettere alla prova questi schermi costruendo un prototipo digitale.