YOGA LINE PROGETTO APP

NON PROGETTO UNA COSA TANTO PER, MA PROGETTO UNA SOLUZIONE AD UN PROBLEMA.

Il Processo UX Completo:

  • Intervista agli steackholder, analisi del business goal.
  • Analisi dei competitor.
  • Definizione dei problemi.
  • User Research.
  • User Personas.
  • Customer Journey Map / User Flow.
  • Business Requirements Document.
  • Information Architectura.
  • Wireframing / Prototipi / User Interface / Mockup.
  • Test Finale.
Yoga line prima foto

Cliente: Yoga Line App 

UX / UI Designer, Interaction Designer e UX Researcher: Elif Salman

Brief:Il cliente desiderava sviluppare un’app mobile semplice e gratuita per lo yoga, disponibile sia su IOS che su Android. L’app doveva essere in lingua inglese e non richiedere alcuna forma di accesso. Cosa ho fatto: Ho avviato il processo di progettazione dell’app seguendo l’approccio Human-Centered Design. La mia prima priorità è stata comprendere le aspettative del cliente riguardo a questo progetto. Ho condotto ricerche approfondite sul processo di User Experience (UX) e ho mantenuto il cliente costantemente informato su ciascuna fase del processo. Solo dopo aver superato con successo la revisione finale, abbiamo proceduto con il lancio del prodotto.

INIZIAMO CON IL PROGETTO!

1-Intervista agli steackholder, analisi del business goal:

Design Thinking

Con il cliente abbiamo ragionato in merito agli obiettivi di business. Cosa aspetta dal prodotto? Chi è il target? Cosa vuole per gli utenti? Con il cliente abbiamo analizzato gli obiettivi di business e discusso delle aspettative nei confronti del prodotto. Abbiamo definito chi fosse il target di riferimento e quali requisiti desiderassero soddisfare per gli utenti. In questa fase, abbiamo anche affrontato i potenziali ostacoli e le preoccupazioni relative a un possibile insuccesso. Ho cercato di mantenere una comunicazione aperta e trasparente riguardo alla fattibilità degli obiettivi prefissati. Alla fine, abbiamo stabilito il budget o i parametri finanziari per il progetto. Abbiamo quindi avviato il nostro progetto seguendo il processo di design thinking.

2-Analisi dei competitor (Benchmark):

Abbiamo condotto un’analisi dei competitor per valutare ciò che è stato realizzato da altre app simili nel settore dello yoga. Ho esaminato attentamente due app simili, identificando sia i loro punti di forza che le loro debolezze. Ho quindi elaborato un report dettagliato e creato una scheda di valutazione competitiva. In questa fase, ho cercato di ideare un’approccio originale e semplice per la progettazione dell’app yoga, basandomi anche sulle best practice e suggerimenti derivanti dai materiali di studio del corso “Google UX Design Professional Certificate.”

3-Definizione dei problemi:

Adesso è il momento di trovare soluzioni per i problemi reali.

Problema 1: Gli utenti desiderano un’app che consenta loro di praticare lo yoga ovunque, poiché spesso non hanno il tempo per partecipare alle lezioni in presenza.

Obiettivo 1: L’app deve essere estremamente intuitiva e accessibile a tutti gli utenti, senza richiedere alcuna procedura di registrazione, con un flusso di utilizzo semplificato in modo che gli utenti possano raggiungere i propri obiettivi in pochi passaggi.

Problema 2: Gli utenti cercano un’app che permetta loro di praticare yoga comodamente a casa, evitando le lezioni di gruppo o l’interazione con un insegnante.

Obiettivo 2: L’app deve offrire agli utenti la possibilità di selezionare facilmente l’esercizio yoga adatto alle loro esigenze con un processo decisionale semplificato.

4-User Research:

Abbiamo condotto un sondaggio al fine di approfondire le opinioni del nostro pubblico di riferimento e identificare i pain points necessari per raggiungere i nostri obiettivi. Nel sondaggio, abbiamo cercato di valutare l’efficacia delle soluzioni che avevamo in mente. Il sondaggio è stato realizzato tramite Google Form.
 

5-User Personas:

Nell’UX Design l’utente è sempre al primo posto. Ma per mettere al primo posto le esigenze degli utenti, dobbiamo sapere di chi stiamo parlando. Dobbiamo costruire un identikit degli utenti ideali. Gli elementi che ho utilizzato per le User Personas sono:
  • Nome
  • Foto
  • Breve biografia
  • Età e professione
  • Obiettivi
  • Frustrazioni
In questa parte ci concentreremo nuovamente sulla definizione dei problemi. Presenterò due esempi di Jasmin e Kevin.

6-Customer Journey Map / User Flow:

Nel campo del design UX, porre l’utente al centro è una priorità fondamentale. Tuttavia, per mettere realmente al primo posto le esigenze degli utenti, dobbiamo avere una comprensione chiara di chi essi siano. È essenziale creare profili dettagliati degli utenti ideali, noti come “User Personas.” I componenti utilizzati per creare User Personas includono:
  1. Nome
  2. Fotografia
  3. Breve biografia
  4. Età e occupazione
  5. Obiettivi
  6. Necessità e frustrazioni
In questa fase, presenteremo due esempi di User Personas, Jasmin e Kevin, per meglio definire i problemi e le esigenze.

Ho condotto un’analisi dettagliata delle diverse azioni che gli utenti potrebbero intraprendere durante l’utilizzo del nostro prodotto. Questo ha incluso la considerazione dei loro pensieri, sentimenti e opportunità di miglioramento lungo il percorso con il prodotto. Tenendo conto delle esigenze degli utenti, abbiamo garantito la possibilità di personalizzare aspetti come l’identità di genere, l’età, l’obiettivo e il livello di competenza per consentire loro di raggiungere i propri obiettivi. Utilizzeremo l’esempio di Jasmin per illustrare queste considerazioni in modo più specifico.

7-Business Requirements Document:

Questa fase è di cruciale importanza. È essenziale comunicare al cliente una serie di elementi chiave, tra cui una tabella dei competitor, le user story, i flussi di utilizzo e alcune fonti di ispirazione visiva. A seconda delle preferenze del cliente, potremmo anche presentare un wireflow o un prototipo, oppure, come previsto in questo progetto, riservare questa fase per la successiva presentazione. Il nostro obiettivo è fornire al cliente in modo chiaro tutti gli output rilevanti. Di seguito, presento le prime 4 pagine della mia presentazione, utilizzando il template ispirato al corso “Google UX Design Professional Certificate”.

8-Information Architectura

Ho disegnato tutta l’alberatura del prodotto. Abbiamo messo a disposizione la possibilità di scegliere l’identità di genere, l’età, l’obiettivo e il livello per scegliere il giusto esercizio.

9-Wireframing / Prototipi / User Interface / Mockup.

Inizialmente, ho progettato le schermate senza l’aspetto grafico, utilizzando i wireframe. Successivamente, ho sviluppato un prototipo e ho condotto un test con 5 utenti target. Sulla base dei risultati del test, ho apportato alcune modifiche al progetto. Una volta ottenuto il consenso del cliente sul progetto, abbiamo proceduto a creare il mockup con il design grafico definitivo.

9-Test Finale:

Ho sviluppato l’ultimo mockup al fine di testare la versione finale con gli utenti. Abbiamo selezionato i colori giallo e verde acqua per l’aspetto grafico dell’app. Una volta che il progetto ha superato con successo tutti i test, siamo finalmente giunti al momento del lancio del nostro prodotto!!! Successivamente, abbiamo condotto un test di usabilità per raccogliere dati significativi. Sono lieto di comunicare che il progetto ha ottenuto un notevole successo.