Healher: app con piani sanitari personalizzati

Panoramica

Healher aiuta le persone che lavorano da casa a mantenere la propria salute.

Healher è progettato per coloro che trascorrono molte ore al giorno davanti al computer. Grazie al braccialetto intelligente con il marchio dell’azienda, l’applicazione acquisisce informazioni dettagliate sull’utente. È consigliata una visita da un medico specializzato per fornire indicazioni sulle attività che dovrebbero essere incluse nella lista delle attività quotidiane e quelle da evitare. L’obiettivo del servizio è garantire un miglioramento della salute dell’utente.

Cliente

Healher LLC

Servizi

Discovery
Wireframing
Interactive Prototyping
UI design

Healher: app con piani sanitari personalizzati - Website Development - Photo 2

Healher: app con piani sanitari personalizzati - Website Development - Photo 3

Esigenza aziendale

Ottieni un preventivo

Richiesta del cliente

Il nostro cliente era appassionato di creare un’applicazione che funzionasse con il braccialetto intelligente aziendale. Il braccialetto intelligente raccoglieva tutte le metriche disponibili, dalla qualità del sonno ai livelli di stress, dai livelli di ossigeno nel sangue all’ECG. In generale, l’applicazione doveva essere semplice e facile da navigare, motivando le persone a prendersi cura della propria salute e utilizzare l’applicazione quotidianamente.

Il nostro ruolo

Dopo aver ricevuto il brief dal cliente, abbiamo immediatamente compreso l’idea del progetto. Ci siamo resi conto che questo progetto avrebbe sicuramente ottenuto successo poiché abbiamo già esperienza nello sviluppo di app nel settore sanitario. Abbiamo approfondito il prodotto attraverso un’analisi SWOT al fine di comprendere le sfide che gli utenti affrontano in questo settore. Inoltre, abbiamo condotto un’analisi aziendale per determinare il tipo di funzionalità necessarie per soddisfare le esigenze degli utenti.

Ottieni un preventivo

Healher: app con piani sanitari personalizzati - Website Development - Photo 4

Healher: app con piani sanitari personalizzati - Website Development - Photo 5

Progetto

Problemi e soluzioni

Problema

L'app Healthcare deve essere coinvolgente per l'utente al fine di garantire una monetizzazione efficace.

In teoria, ci sono molte attività che possono influenzare la salute di una persona. Tuttavia, il problema principale è offrire all'utente le attività che soddisfino i suoi bisogni e interessi specifici.

Gli utenti tendono spesso a perdere la motivazione e smettere di utilizzare un'app quando perdono interesse. Pertanto, è fondamentale mantenere l'utente coinvolto fornendo contenuti e funzionalità che siano rilevanti, interessanti e personalizzati alle sue esigenze.

Soluzione

Per coinvolgere l'utente, offriamo una selezione di piani tra cui scegliere, in modo che possano trovare quello che si adatta meglio ai loro obiettivi. Questo aumenta le probabilità di suscitare l'interesse dell'utente e incoraggiarlo ad acquistare l'abbonamento.

Inoltre, proponiamo di avviare un sondaggio all'atto della registrazione dell'utente per raccogliere informazioni utili sulle sue esigenze. Successivamente, il sistema fornirà all'utente attività specifiche che soddisfano le sue preferenze.

Al fine di aumentare la motivazione e incoraggiare la fedeltà degli utenti, suggeriamo di implementare un sistema di notifiche che permetta loro di monitorare i loro progressi. Questo può aiutare a mantenere l'utente impegnato nel raggiungimento dei propri obiettivi.

Fasi di ricerca

Processo di ricerca

Prima di iniziare la fase di progettazione, abbiamo condotto una ricerca dettagliata per approfondire il progetto e trovare soluzioni ai problemi identificati. Ci siamo concentrati sull’analisi dei principali concorrenti del cliente nel settore sanitario utilizzando l’approccio SWOT. Inoltre, abbiamo coinvolto un analista aziendale per garantire un’implementazione ottimale delle funzionalità e per identificare le opportunità di profitto per il prodotto.

Fasi

Analisi SWOT
Analisi aziendale
Mappa
User Flow

Healher: app con piani sanitari personalizzati - Website Development - Photo 6

Fase 1

Analisi SWOT della concorrenza

Consideriamo attentamente i punti di forza, i punti deboli, le opportunità e le minacce di ciascun concorrente attraverso un’analisi SWOT. Questo ci permette di identificare le funzionalità più rilevanti da includere nella nostra app e di determinare quali miglioramenti apportare. L’obiettivo è fornire un prodotto di successo che superi le aspettative degli utenti e si distingua dalla concorrenza.

Cosa abbiamo fatto

Abbiamo condotto uno studio su quattro dei principali concorrenti nel settore sanitario al fine di ottenere un’analisi dettagliata. Durante l’analisi, abbiamo preso in considerazione non solo le funzionalità offerte dai concorrenti, ma anche la convenienza complessiva dell’utilizzo dell’app, l’aderenza ai moderni principi di sviluppo di app mobili e la posizione di mercato dell’azienda. Sulla base di quest’analisi, abbiamo identificato un elenco di funzionalità chiave che riteniamo sia importante implementare in Healher:

Registrazione rapida con solo nome e numero di telefono e codice di autenticazione
Sondaggio dopo la registrazione nell’app
La possibilità di scegliere un piano tra altri offerti
Mostra i progressi di oggi sulla schermata iniziale
Mostra le statistiche sull’attività dell’utente
Offrire una grande varietà di attività nelle raccomandazioni
Possibilità di modificare il piano e modificare, aggiungere le attività al piano

Fase 2

Analisi aziendale

Durante la fase di analisi aziendale, si seleziona la soluzione ottimale, si preparano i requisiti, si valutano le funzionalità più importanti per il cliente e si redige e approva la relativa documentazione. Tale documentazione consente di minimizzare i costi di sviluppo in quanto tutto è già stato attentamente considerato e descritto nel dettaglio. Gli sviluppatori devono soltanto creare il prodotto in accordo con la documentazione, senza dover inventare nulla. Inoltre, l’analisi aziendale consente di stimare con precisione il budget di sviluppo, il che facilita la pianificazione finanziaria dell’azienda.

Cosa abbiamo fatto

Il nostro analista aziendale ha redatto un elenco dettagliato delle funzionalità, scrivendo una storia dell’utente per ciascuna di esse. Per creare questo documento, abbiamo utilizzato i risultati chiave della ricerca e i dati di input forniti dal cliente. Abbiamo impiegato il framework ICE per attribuire priorità alle funzionalità, poiché si rivela ottimo per i progetti di avvio. Grazie a questo framework, abbiamo pianificato le future release dell’app, consentendo al cliente di scegliere liberamente il budget per il futuro.

Healher: app con piani sanitari personalizzati - Website Development - Photo 7

Fase 3

Mappa

Dopo aver definito tutte le funzionalità, è necessario visualizzare l’architettura dell’app, che ci ha aiutato ad organizzare le informazioni, creare una roadmap per lo sviluppo futuro e comprendere quali schermate devono essere sviluppate in modo da definire con precisione il lavoro da svolgere. Di conseguenza, abbiamo creato sei flussi principali. Questa mappa ci ha inoltre assistito nel determinare le azioni da intraprendere nelle fasi successive del progetto.

Fase 4

Flusso utente

Nella fase di flusso dell’utente, visualizziamo la sequenza di azioni che l’utente compie per raggiungere i suoi obiettivi quando utilizza l’app. Lo facciamo ponendo domande sull’azione e offrendo opzioni per scenari positivi e negativi in cui l’utente può trovarsi durante l’esecuzione dell’azione e nel raggiungimento del suo obiettivo. Il flusso degli utenti ci aiuta a individuare quei momenti nascosti a cui potremmo non pensare inizialmente quando sviluppiamo un’idea. Se si trascura il flusso degli utenti, potrebbero sorgere problemi durante la fase di sviluppo del prodotto.

Inoltre utilizziamo User Flow per concordare con il cliente gli scenari per l’utilizzo del prodotto o della funzionalità.

Healher: app con piani sanitari personalizzati - Website Development - Photo 8

Fasi progettuali

Ricevi il preventivo

Design

Una volta stabilita una solida base analitica, possiamo trasformarla in un’interfaccia user-friendly. A questo punto, è necessario decidere come sarà strutturata l’interfaccia e dove verranno posizionati i vari elementi. Si procede quindi alla creazione di un prototipo cliccabile e alla scelta dello stile di design che sarà utilizzato.

Fasi

Wireframe
Moodboard
Concetto di design
Design dell’interfaccia utente

Ricevi il preventivo

Fase 1

Wireframe

Il wireframe è uno schizzo approssimativo della struttura di un prodotto che consente di avere un’idea rapida di come le cose funzioneranno. Questo metodo di progettazione richiede meno tempo rispetto ad altre fasi e ci consente di risparmiare tempo e denaro. Di solito, utilizziamo i wireframe come primo passo per ottenere una panoramica generale del progetto. Tuttavia, creiamo anche un prototipo cliccabile per condurre dei test con gli utenti, poiché spesso hanno una prospettiva diversa dalla nostra. Sulla base dei feedback ricevuti, apportiamo le modifiche necessarie alle funzionalità e procediamo alla fase di moodboard, che ci permette di definire lo stile visivo e l’atmosfera generale del prodotto.

Healher: app con piani sanitari personalizzati - Website Development - Photo 9

Healher: app con piani sanitari personalizzati - Website Development - Photo 10

Fase 2

Moodboard e concetto di design

Per definire la direzione visiva e lo stile dell’interfaccia, il nostro team crea moodboard e li discute con il cliente. Questo ci consente di selezionare la soluzione più appropriata prima di passare alla fase di sviluppo dell’interfaccia utente.

Una volta che il moodboard viene approvato, procediamo a creare il primo concept visivo dell’app. Questo ci consente di dimostrare il design e lo stile scelti in condizioni reali, prima di sviluppare il design finale dell’interfaccia utente per tutti gli schermi dell’applicazione. In questo modo, possiamo valutare come il design si traduce effettivamente nel contesto del prodotto e apportare eventuali modifiche necessarie prima di procedere con il design definitivo.

Healher: app con piani sanitari personalizzati - Website Development - Photo 11

Healher: app con piani sanitari personalizzati - Website Development - Photo 12

Fase 3

Progettazione dell’interfaccia utente

Quando progettiamo l’interfaccia utente, creiamo sempre una serie di stili per i colori e la tipografia. Utilizziamo i token di design per assegnare nomi a questi stili. Questo aiuta i progettisti a comunicare in modo efficace con gli ingegneri, assicurandoci di parlare la stessa lingua in termini di design.
Inoltre, creiamo anche componenti per gli elementi comuni, che possono essere riutilizzati e modificati a seconda delle necessità. Questo approccio ci consente di ottimizzare i tempi di progettazione e di sviluppo, utilizzando casi d’uso predefiniti per i componenti.
Parallelamente, raccogliamo tutti gli stili e i componenti all’interno di un kit dell’interfaccia utente, che è una raccolta di risorse contenente un insieme di elementi di design. Questo non solo ci aiuta a organizzare e sistematizzare gli elementi di design, ma è anche essenziale per il processo di sviluppo front-end.
Questo approccio semplifica il lavoro sul progetto, riduce i tempi di progettazione e sviluppo e assicura coerenza e coesione nell’interfaccia utente complessiva.

Di conseguenza, il design risulta moderno e fresco. Non si riscontra sovraccarico visivo e l’aspetto risulta molto semplice. Sono state utilizzate le emoji come elementi grafici, il che conferisce freschezza e curiosità. L’argomento oscuro è stato sviluppato seguendo le regole moderne dello sviluppo mobile.

Healher: app con piani sanitari personalizzati - Website Development - Photo 13

Progetto

Funzionalità che abbiamo implementato

Monitoraggio delle metriche con il braccialetto

Healher si impegna ad utilizzare l'ultima tecnologia. L'azienda ha sviluppato un braccialetto intelligente che dispone di informazioni complete sull'utente. Esso raccoglie una vasta gamma di metriche, che vanno dalla qualità del sonno ai livelli di stress, dai livelli di ossigeno nel sangue all'ECG, e così via. Una volta effettuata l'associazione del dispositivo all'app, tutti i dati sono immediatamente accessibili nella sezione "Le tue metriche". Nel caso in cui una metrica rilevi un valore al di fuori della norma, l'utente riceverà un avviso e gli verrà consigliato, ad esempio, di consultare un medico.

Healher: app con piani sanitari personalizzati - Website Development - Photo 14

Creazione di piani individuali

L'app crea un piano di attività individuale per ogni giorno, basandosi sui risultati di un sondaggio al quale l'utente è invitato a partecipare. Sulla base dei risultati del sondaggio, vengono presentati all'utente tre piani tra cui scegliere. L'utente ha la possibilità di selezionare l'intero piano o di personalizzarlo scegliendo singoli consigli che si adattino alle proprie esigenze personali. Il piano attuale viene visualizzato come un elenco di attività sulla homepage dell'app, consentendo all'utente di monitorare i propri progressi giornalieri. Inoltre, l'utente ha la possibilità di aggiungere nuove attività al piano dalla libreria disponibile.

Healher: app con piani sanitari personalizzati - Website Development - Photo 15

Monitoraggio delle statistiche per ogni attività

L'utente ha bisogno di conoscere i suoi successi e i progressi compiuti in base al piano, poiché la sua motivazione dipende da tali risultati. È per questo motivo che abbiamo incluso statistiche per ogni attività. Questo consente all'utente di confrontare facilmente le proprie prestazioni e capire quali aspetti richiedano maggiore attenzione.

Healher: app con piani sanitari personalizzati - Website Development - Photo 16

Grande varietà di attività

Sia che si tratti di un allenamento o di una ricetta di cucina, all'utente viene richiesto di visualizzare un video. Tuttavia, per situazioni in cui l'utente è offline o ha poco tempo per scaricare il video, è sempre presente una descrizione testuale sulla schermata dell'attività. In questo modo, anche in assenza del video, l'utente avrà accesso alle informazioni necessarie attraverso la descrizione testuale.

Healher: app con piani sanitari personalizzati - Website Development - Photo 17

Funzionale

Il lavoro continua sulle nuove funzionalità

Le sessioni online con esperti

Nella prossima versione, stiamo introducendo la possibilità di tenere sessioni online con coach, psicologi, psicoterapeuti, nutrizionisti e altri specialisti. Riconosciamo che le persone hanno bisogno di una comunicazione in tempo reale per esplorare se stesse più a fondo. Offrire supporto gratuito a persone in situazioni di crisi è di fondamentale importanza.

Chat tematiche

Molte persone desiderano rimanere connesse e far parte di una comunità. Le comunità sono luoghi in cui le persone imparano nuove cose e condividono informazioni con gli altri. Pertanto, nella prossima versione, introdurremo la funzionalità di chat. Gli utenti potranno trovare le chat che desiderano utilizzando la funzione di ricerca e i tag appropriati. Al fine di evitare il flooding nella chat e mantenere un ambiente piacevole, ogni utente dovrà essere verificato prima di accedere.

Sistema di risultati

Nella prossima versione, stiamo introducendo un nuovo modo per motivare gli utenti: il sistema dei risultati. Abbiamo creato una raccolta di ricompense illustrate utilizzando una mascotte originale. Le illustrazioni sono progettate per essere insolite e memorabili, in modo che gli utenti siano costantemente stimolati a scoprirne di nuove. Questo sistema di risultati fornirà un'ulteriore motivazione per gli utenti nell'utilizzo dell'app.

Healher: app con piani sanitari personalizzati - Website Development - Photo 18

Healher: app con piani sanitari personalizzati - Website Development - Photo 19

Conclusione

Ricevi il preventivo

Risultati

Il risultato è un’applicazione ben progettata, dotata di tutte le funzionalità necessarie per le persone che si preoccupano della propria salute. L’interfaccia è intuitiva e il design è moderno e di alta qualità.
Il nostro cliente è rimasto estremamente soddisfatto dei risultati del lavoro poiché abbiamo dedicato particolare attenzione ad ogni fase del processo e abbiamo fornito un pacchetto completo di documentazione di sviluppo. Durante la fase di definizione delle priorità, abbiamo inoltre sviluppato le funzionalità da includere nelle future fasi di rilascio. Questo ha consentito al team di Healher di pianificare con sicurezza il budget del progetto per il futuro.

In qualità di specialisti del design, abbiamo accumulato una vasta esperienza lavorando con prodotti innovativi nel settore sanitario. Abbiamo costantemente ampliato le nostre conoscenze attraverso la ricerca e l’interazione con gli operatori sanitari. Siamo stati fiduciosi dell’efficacia del nostro approccio, ma allo stesso tempo abbiamo riconosciuto le sfide presenti nelle varie fasi del lavoro e le abbiamo affrontate eliminando inefficienze e ottimizzando il processo complessivo.

L’app Healher ha ottenuto risultati positivi sul mercato e continuiamo a lavorare sulle nuove funzionalità.

Oltre 40 schermate

Con un design unico e di alta qualità, le schermate dell'app sono collegate tra loro in un prototipo cliccabile.

240 ore

Il complesso lavoro di squadra ha portato a un risultato così eccezionale.

56%

Utenti attivi negli ultimi 30 giorni.

2200 kCal

In media, gli utenti hanno effettuato il login e registrato un giorno di attività attraverso la nostra app il mese scorso.

Ricevi il preventivo

Nostri business cases

Più business cases