SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Downloaden Sie, um offline zu lesen
PROGETTAZIONE
USER-CENTERED
DI UN SISTEMA
DI MHEALTH
CANDIDATO: Gloria Beccalli | matr. 782486
RELATORE: prof.ssa Rossana Actis Grosso
Laurea Magistrale in Teoria e Tecnologia della Comunicazione
Università degli Studi di Milano - Bicocca
Anno accademico 2015/2016
THIS PROJECT IS JUST A DESIGN CONCEPT MADE FOR ACADEMIC PURPOSE.
IL SEGUENTE PROGETTO RAPPRESENTA SEMPLICEMENTE UN CONCEPT DI
DESIGN REALIZZATO A SCOPO ACCADEMICO.
SAPERE
& SALUTE
CONCEPT PER L’APP
L’obiettivo è proporre un prodotto in grado di supportare le persone nella
quotidiana cura della propria salute, educando a un’automedicazione
responsabile e riducendo il gap medico-paziente che contraddistingue la
relazione tradizionale.
Per realizzare un prodotto di valore, oltre a promuovere una User Experience
efficace, è stato adottato l’approccio del User-Centered Design che ha previsto
il coinvolgimento dei potenziali utenti dell’app nel corso delle fasi di progetto:
discovery, analisi, design e valutazione della soluzione proposta.
Il concept realizzato è orientato a soddisfare le necessità contingenti dell’utente in
mobilità in ottica sia informativa, offrendo contenuti e consigli attendibili e
fruibili in maniera semplice, veloce e attinente ai bisogni e le preferenze
dell’utente, sia operativa, supportandolo al meglio in attività come la ricerca di
farmacie e specialisti o l’identificazione della propria condizione di salute.
INTRODUZIONE
AL PROGETTO
SAPERE & SALUTE
•sito web editoriale no house organ che tratta di salute,
benessere e automedicazione
•buona varietà di content type (news, interviste, schede)
•OWNER: Bayer | GESTIONE: Proformat Comunicazione srl
Star bene in un click
un riferimento nel panorama delle informazioni
per la salute online
DISCOVERY ANALISI DESIGN E VALUTAZIONE
MACRO-FLUSSO DI PROGETTO
revisione della bibliografia
survey esplorativa
benchmark
DISCOVERY
ANALISI DESIGN E VALUTAZIONE
MACRO-FLUSSO DI PROGETTO
ANALISI
raccolta requisiti business
analisi euristica esperta
survey online
user test
Personas e user journey
DESIGN E VALUTAZIONEDISCOVERY
MACRO-FLUSSO DI PROGETTO
DESIGN E VALUTAZIONE
requirement e pillar
architettura, navigazione e wireframing
test utente quick & dirty
look & feel
ANALISIDISCOVERY
MACRO-FLUSSO DI PROGETTO
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
una sola piattaforma affidabile a cui gli utenti possono rivolgersi nei
momenti di necessità o semplicemente a scopo preventivo;
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
naturale evoluzione mobile del sito Sapere & Salute, caratterizzata da
nuove funzionalità che rispondano ai bisogni delle persone in mobilità;
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
accesso ai contenuti semplice ed immediato, in modo da raggiungere in
pochi tap ed in maniera efficace il dettaglio di contenuto desiderato
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
i contenuti informativi proposti devono aiutare l’utente a conoscere e
gestire in autonomia sintomi e patologie di lieve entità e fornire consigli
utili per operare un’automedicazione responsabile
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
CONCEPT PILLAR
RIFERIMENTO AFFIDABILE
il sistema deve permettere all’utente di agire in modo efficiente in
relazione ai suoi scopi, fungendo da piattaforma a supporto delle attività
dell’utente nell’ambito dell’automedicazione responsabile
INTEGRATA NEL SISTEMA
SEMPLICE E VELOCE
APP INFORMATIVA
APP OPERATIVA
DESIGN
ACCESSO E ONBOARDING
HOMEPAGE
•area informativa e di aggiornamento per l’utente
•contenuti proposti sulla base degli interessi e dello
stato dell’utente
•card: Consigli per te, Come ti senti oggi?, News
•forte collegamento con Sapere & Salute
NAVIGAZIONE
Modello ed elementi
•header e accesso al bot trasversali alle
aree principali dell’app
•tabs per raggiungere un medesimo
contenuto attraverso modalità differenti
•ultimi livelli: schede/overlay di
dettaglio
NAVIGAZIONE
Hamburger menu
•accesso alla maggior parte delle sezioni dell’app
•visibilità dello stato del sistema
•evidenza del logo Bayer per aumentare l’affidabilità
percepita
CHATBOT
•funzionalità core dell’app
•chatbot avanzato basato su machine learning
•personalità: tone of voice caldo e rassicurante
Funzioni:
•diagnosi: individuare una o più possibili patologie relate
ai sintomi indicati dagli utenti
•ricerca di informazioni: rispetto a sintomi e patologie,
se e quando rivolgersi a uno specialista, indicazioni
rispetto alle farmacie più vicine
AREA PERSONALE
•grafico che rappresenta l’andamento dello stato di
salute/emotivo dell’utente
•visualizzazione della situazione per giorno,
settimana o mese
La mia salute
AREA PERSONALE
•gestione dei medicinali con sistema di notifiche
•inserimento manuale o automatico della
scadenza
•DB di prodotti farmaceutici OTC e SOP
Armadietto dei farmaci
SINTOMI E PATOLOGIE
SCHEDA SINTOMI E PATOLOGIE
Suggerimento automatico nel caso in cui
l’utente abbia inserito nell’armadietto dei
farmaci un prodotto adatto al trattamento di
un sintomo/patologia riconducibile
all’automedicazione
Rimedi
TROVA
FARMACIE
•ricerca semplice e veloce in mobilità
•risposta agli I want to go / I want to buy moment
•filtri: tutte le farmacie, aperte ora, aperte 24h, solo
farmacie, solo parafarmacie
TROVA ESPERTI
GRAZIE

Weitere ähnliche Inhalte

Ähnlich wie Progettazione User-Centered di un sistema di mHealth

Aperitivo Innovativo: Mobile Strategy & Development
Aperitivo Innovativo: Mobile Strategy & DevelopmentAperitivo Innovativo: Mobile Strategy & Development
Aperitivo Innovativo: Mobile Strategy & DevelopmentStefano Dindo
 
Application Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredApplication Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredMiriade Spa
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusJessica Forlani
 
Progettare un'applicazione mobile. Approccio. Workflow. Design
Progettare un'applicazione mobile. Approccio. Workflow. DesignProgettare un'applicazione mobile. Approccio. Workflow. Design
Progettare un'applicazione mobile. Approccio. Workflow. DesignElena Demidenko
 
Marketing & Big Data Analytics
Marketing & Big Data AnalyticsMarketing & Big Data Analytics
Marketing & Big Data AnalyticsElisa Iandiorio
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionMarco Buonvino
 
Portfolio-Nausica Tempesti-UI designer.pdf
 Portfolio-Nausica Tempesti-UI designer.pdf Portfolio-Nausica Tempesti-UI designer.pdf
Portfolio-Nausica Tempesti-UI designer.pdfNausicaTempesti
 
WorkUp - Popup Cms
WorkUp - Popup CmsWorkUp - Popup Cms
WorkUp - Popup CmsWorkUp
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7Argentea
 
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Quanto conosciamo i nostri utenti | Italian Agile Day 2018Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Quanto conosciamo i nostri utenti | Italian Agile Day 2018Emanuele Mantovani
 

Ähnlich wie Progettazione User-Centered di un sistema di mHealth (20)

Aperitivo Innovativo: Mobile Strategy & Development
Aperitivo Innovativo: Mobile Strategy & DevelopmentAperitivo Innovativo: Mobile Strategy & Development
Aperitivo Innovativo: Mobile Strategy & Development
 
Application Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredApplication Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centered
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +Plus
 
User Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&UsabilityUser Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&Usability
 
UserPie
UserPieUserPie
UserPie
 
Progettare un'applicazione mobile. Approccio. Workflow. Design
Progettare un'applicazione mobile. Approccio. Workflow. DesignProgettare un'applicazione mobile. Approccio. Workflow. Design
Progettare un'applicazione mobile. Approccio. Workflow. Design
 
Presentazione Soluzione Risorse web
Presentazione Soluzione Risorse webPresentazione Soluzione Risorse web
Presentazione Soluzione Risorse web
 
Marketing & Big Data Analytics
Marketing & Big Data AnalyticsMarketing & Big Data Analytics
Marketing & Big Data Analytics
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
 
Ux fast - workshop
Ux fast - workshop Ux fast - workshop
Ux fast - workshop
 
Portfolio-Nausica Tempesti-UI designer.pdf
 Portfolio-Nausica Tempesti-UI designer.pdf Portfolio-Nausica Tempesti-UI designer.pdf
Portfolio-Nausica Tempesti-UI designer.pdf
 
WorkUp - Popup Cms
WorkUp - Popup CmsWorkUp - Popup Cms
WorkUp - Popup Cms
 
Innova s@lute 2017
Innova s@lute 2017Innova s@lute 2017
Innova s@lute 2017
 
Ux activities
Ux activitiesUx activities
Ux activities
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
 
Consumer Visual Impact - SR Labs Marketing&Usability
Consumer Visual Impact - SR Labs Marketing&UsabilityConsumer Visual Impact - SR Labs Marketing&Usability
Consumer Visual Impact - SR Labs Marketing&Usability
 
Layout tesi stampa
Layout tesi stampaLayout tesi stampa
Layout tesi stampa
 
Retis R&D
Retis R&DRetis R&D
Retis R&D
 
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Quanto conosciamo i nostri utenti | Italian Agile Day 2018Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
 
Innovare nel B2C
Innovare nel B2CInnovare nel B2C
Innovare nel B2C
 

Mehr von Gloria Beccalli

CTgo: smartwatch per la mobilità in città
CTgo: smartwatch per la mobilità in cittàCTgo: smartwatch per la mobilità in città
CTgo: smartwatch per la mobilità in cittàGloria Beccalli
 
Elevator: a new experience
Elevator: a new experienceElevator: a new experience
Elevator: a new experienceGloria Beccalli
 
Comunicazione digitale bombelli e beccalli
Comunicazione digitale   bombelli e beccalliComunicazione digitale   bombelli e beccalli
Comunicazione digitale bombelli e beccalliGloria Beccalli
 
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014Gloria Beccalli
 
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014Gloria Beccalli
 
IL LINGUAGGIO DEGLI SMS E DELLE E-MAIL
IL LINGUAGGIO DEGLI SMS E DELLE E-MAILIL LINGUAGGIO DEGLI SMS E DELLE E-MAIL
IL LINGUAGGIO DEGLI SMS E DELLE E-MAILGloria Beccalli
 

Mehr von Gloria Beccalli (9)

Introduzione alla SEO
Introduzione alla SEOIntroduzione alla SEO
Introduzione alla SEO
 
CTgo: smartwatch per la mobilità in città
CTgo: smartwatch per la mobilità in cittàCTgo: smartwatch per la mobilità in città
CTgo: smartwatch per la mobilità in città
 
Elevator: a new experience
Elevator: a new experienceElevator: a new experience
Elevator: a new experience
 
Comunicazione digitale bombelli e beccalli
Comunicazione digitale   bombelli e beccalliComunicazione digitale   bombelli e beccalli
Comunicazione digitale bombelli e beccalli
 
Biscovery
BiscoveryBiscovery
Biscovery
 
Influence Marketing
Influence MarketingInfluence Marketing
Influence Marketing
 
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
 
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
L'EVOLUZIONE DELL'INTERFACCIA GRAFICA DI FACEBOOK DAL 2007 AL 2014
 
IL LINGUAGGIO DEGLI SMS E DELLE E-MAIL
IL LINGUAGGIO DEGLI SMS E DELLE E-MAILIL LINGUAGGIO DEGLI SMS E DELLE E-MAIL
IL LINGUAGGIO DEGLI SMS E DELLE E-MAIL
 

Progettazione User-Centered di un sistema di mHealth

  • 1. PROGETTAZIONE USER-CENTERED DI UN SISTEMA DI MHEALTH CANDIDATO: Gloria Beccalli | matr. 782486 RELATORE: prof.ssa Rossana Actis Grosso Laurea Magistrale in Teoria e Tecnologia della Comunicazione Università degli Studi di Milano - Bicocca Anno accademico 2015/2016
  • 2. THIS PROJECT IS JUST A DESIGN CONCEPT MADE FOR ACADEMIC PURPOSE. IL SEGUENTE PROGETTO RAPPRESENTA SEMPLICEMENTE UN CONCEPT DI DESIGN REALIZZATO A SCOPO ACCADEMICO.
  • 4. L’obiettivo è proporre un prodotto in grado di supportare le persone nella quotidiana cura della propria salute, educando a un’automedicazione responsabile e riducendo il gap medico-paziente che contraddistingue la relazione tradizionale. Per realizzare un prodotto di valore, oltre a promuovere una User Experience efficace, è stato adottato l’approccio del User-Centered Design che ha previsto il coinvolgimento dei potenziali utenti dell’app nel corso delle fasi di progetto: discovery, analisi, design e valutazione della soluzione proposta. Il concept realizzato è orientato a soddisfare le necessità contingenti dell’utente in mobilità in ottica sia informativa, offrendo contenuti e consigli attendibili e fruibili in maniera semplice, veloce e attinente ai bisogni e le preferenze dell’utente, sia operativa, supportandolo al meglio in attività come la ricerca di farmacie e specialisti o l’identificazione della propria condizione di salute. INTRODUZIONE AL PROGETTO
  • 5. SAPERE & SALUTE •sito web editoriale no house organ che tratta di salute, benessere e automedicazione •buona varietà di content type (news, interviste, schede) •OWNER: Bayer | GESTIONE: Proformat Comunicazione srl Star bene in un click un riferimento nel panorama delle informazioni per la salute online
  • 6. DISCOVERY ANALISI DESIGN E VALUTAZIONE MACRO-FLUSSO DI PROGETTO
  • 7. revisione della bibliografia survey esplorativa benchmark DISCOVERY ANALISI DESIGN E VALUTAZIONE MACRO-FLUSSO DI PROGETTO
  • 8. ANALISI raccolta requisiti business analisi euristica esperta survey online user test Personas e user journey DESIGN E VALUTAZIONEDISCOVERY MACRO-FLUSSO DI PROGETTO
  • 9. DESIGN E VALUTAZIONE requirement e pillar architettura, navigazione e wireframing test utente quick & dirty look & feel ANALISIDISCOVERY MACRO-FLUSSO DI PROGETTO
  • 10. CONCEPT PILLAR RIFERIMENTO AFFIDABILE INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 11. CONCEPT PILLAR RIFERIMENTO AFFIDABILE una sola piattaforma affidabile a cui gli utenti possono rivolgersi nei momenti di necessità o semplicemente a scopo preventivo; INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 12. CONCEPT PILLAR RIFERIMENTO AFFIDABILE naturale evoluzione mobile del sito Sapere & Salute, caratterizzata da nuove funzionalità che rispondano ai bisogni delle persone in mobilità; INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 13. CONCEPT PILLAR RIFERIMENTO AFFIDABILE accesso ai contenuti semplice ed immediato, in modo da raggiungere in pochi tap ed in maniera efficace il dettaglio di contenuto desiderato INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 14. CONCEPT PILLAR RIFERIMENTO AFFIDABILE i contenuti informativi proposti devono aiutare l’utente a conoscere e gestire in autonomia sintomi e patologie di lieve entità e fornire consigli utili per operare un’automedicazione responsabile INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 15. CONCEPT PILLAR RIFERIMENTO AFFIDABILE il sistema deve permettere all’utente di agire in modo efficiente in relazione ai suoi scopi, fungendo da piattaforma a supporto delle attività dell’utente nell’ambito dell’automedicazione responsabile INTEGRATA NEL SISTEMA SEMPLICE E VELOCE APP INFORMATIVA APP OPERATIVA
  • 18. HOMEPAGE •area informativa e di aggiornamento per l’utente •contenuti proposti sulla base degli interessi e dello stato dell’utente •card: Consigli per te, Come ti senti oggi?, News •forte collegamento con Sapere & Salute
  • 19. NAVIGAZIONE Modello ed elementi •header e accesso al bot trasversali alle aree principali dell’app •tabs per raggiungere un medesimo contenuto attraverso modalità differenti •ultimi livelli: schede/overlay di dettaglio
  • 20. NAVIGAZIONE Hamburger menu •accesso alla maggior parte delle sezioni dell’app •visibilità dello stato del sistema •evidenza del logo Bayer per aumentare l’affidabilità percepita
  • 21. CHATBOT •funzionalità core dell’app •chatbot avanzato basato su machine learning •personalità: tone of voice caldo e rassicurante Funzioni: •diagnosi: individuare una o più possibili patologie relate ai sintomi indicati dagli utenti •ricerca di informazioni: rispetto a sintomi e patologie, se e quando rivolgersi a uno specialista, indicazioni rispetto alle farmacie più vicine
  • 22. AREA PERSONALE •grafico che rappresenta l’andamento dello stato di salute/emotivo dell’utente •visualizzazione della situazione per giorno, settimana o mese La mia salute
  • 23. AREA PERSONALE •gestione dei medicinali con sistema di notifiche •inserimento manuale o automatico della scadenza •DB di prodotti farmaceutici OTC e SOP Armadietto dei farmaci
  • 25. SCHEDA SINTOMI E PATOLOGIE
  • 26. Suggerimento automatico nel caso in cui l’utente abbia inserito nell’armadietto dei farmaci un prodotto adatto al trattamento di un sintomo/patologia riconducibile all’automedicazione Rimedi
  • 27. TROVA FARMACIE •ricerca semplice e veloce in mobilità •risposta agli I want to go / I want to buy moment •filtri: tutte le farmacie, aperte ora, aperte 24h, solo farmacie, solo parafarmacie