O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
#knowdata16
Data Driven
Design
Perchéildesigninformato

èilsolodesignchefunziona.
NICOLA BONORA (Mentine.net)
TREVISO, 10 ...
Dormito bene?
Cos’è il design?
Wow
Figo
Essenziale
Pulito
Semplice
Lineare
Bianco
Sottile
*Miocugino
Daun’indagineautorevole*,ildesignèqualcosachesi
rico...
L’agenzia per cui lavoro, Mentine, si
occupa di redesign digitale, con un
focus nella progettazione del web.
Redesign: prendiamo un sito
esistente e lo portiamo dallo stato in
cui si trova a uno stato differente,
possibilmente con ...
Non ristrutturiamo edifici.
Rielaboriamo conoscenza per
generare buone esperienze.
Per noi fare design significa
trasforma...
La qualità della nostra materia prima
determina la qualità del risultato
finale.
M**d-in = M**d-out
La fonte del dato:

la ricerca
“La ricerca è, semplicemente, indagine
sistematica: vuoi approfondire un
particolare argomento, costruisci un
processo per...
Laricercaèl’attivitàdiraccoltadeidatiedelle
informazioniutilia:
Informareildesign
Prevenireerroridiqualsiasiscala
(ricorda...
Assunti
Assunti
Assunti (II)
Assunti
Assunti (II)
Politiche
Assunti
Assunti (II)
Politiche
Hippo
Assunti
Assunti (II)
Politiche
Hippo
Gusto personale
“La ricerca è un eccellente profilattico
contro la complessità inaspettata”
ERIKA HALL
Due tipi di dato e di ricerca
DATO DI TIPO NUMERICO
Quantitativo
Rileva chi, cosa, quanto, quando, e dove
DATO DI TIPO NON...
Gliambitidellaricerca
DOMANDE
UTENTI
PRODOTTO
CONTENUTO
ORGANIZZAZIONE
CONCORRENZA
Perciascunodiquesticontesti,sonodifferentilepossibilitàdi
ottenereinformazionieirisultaticheneconseguono.
DOMANDE
UTENTI
P...
GENERATIVA/ESPLORATIVA
“What’supwith…”

Nonconoscoancorailproblema,
nonholadomanda.
OBIETTIVO:
Definizionedelbisogno,Innov...
PIATTAFORMA
ESPERIENZA
INTERVIEWS
CONTEXTUAL INQUIRY
LITERATURE REVIEW
SWOT ANALYSIS
BRAND AUDIT HEURISTIC ANALYSIS
COMPETITIVE ANALYSIS
USABILIT...
Rappresentare
l’informazione
In un processo di ricerca, la
rappresentazione dell’informazione
è importante quasi quanto
l’informazione stessa.
Organizzazione
Source: http://clairemicklin.com/wordpress/wp-content/uploads/2012/03/StakeholderMap_green2.png
Stakeholdermap
Ilcoinvolgi...
Concorrenza
Analisi competitiva
Ricerca strategica
Mappandolaconoscenzadelle
bestpracticedisuccesso
all’internodelmercatodi
riferiment...
Persone
Interviste|Scenarinarrativi|Jobstories
Checosaserveallepersone?

Checosapotrebbeesserefatto
perloro?Checosausanole
persone...
Source: http://szafranek.net/files/news/20080616/mental.png
Mentalmodel
IlMentalmodelèuno
strumentodianalisiche
permettedi...
Source: http://fakecrow.com/wp-content/uploads/2014/04/FakeCrow_Persona_Template2.jpg
Personas
Lepersonassono
stereotipizz...
Source: https://www.digitalgov.gov/files/2015/07/1000-x-800-USAgov-Personas-and-Journey-Maps.jpg
Userjourneymap
LaUserjour...
Serviceblueprint
LaServiceblueprintèun
diagrammachecombinalefasi
classichediunservizio,
distribuitegeneralmentepergli
spaz...
Design
Contentmap,Navigationtree
Perrendereilprogettopossibile
esensatointerminidi
correlazioneinformativa,è
necessarioavereun’ot...
Wireframe
Iwireframesono
rappresentazioniabassa
fedeltàdeimodellidiinterfaccia
(pagine)definiti
nell’architettura
dell’inf...
(infine…)

interfacce grafiche
Et vous?
“Non conta chi sei,
conta chi scegli di essere”
ALBUS DUMBLEDORE
Non c’è tempo per la ricerca
Vs.
Tempo &
budget
Grifondoro
Tempo &
budget
Serpeverde
PERCHÉ È IMPORTANTE PARLARE DI QUESTO?
Perché oggi più che mai è
fondamentale fare la domanda
giusta.
Il primo vero, indispensabile
investimento dovrebbe essere
un percorso di definizione, o di
validazione, delle domande giu...
QUANDO FARE RICERCA?
Design
(ALWAYS BIG, BY DESIGN)
Big redesign
(GRANDE REDESIGN, GRANDE RISCHIO. STRATEGIA)
Evolution
(M...
THE
BESTW
EBSITESYOURS
5 YEARS GAPS
BETWEEN
{
UNDER -
ACHIEVEMENT
{
Traditionalwebsiteredesign
Evolutionarywebsiteredesign
FACILI METAFORE: L’AUTO
Comeilcruscottoèilcentrodicomandodell’esperienzadell’automobilee
nepermetteilpienocontrollo,cosìla...
Abbiamocreatounamacchinaconvolante,pedali,esoprattuttoun
cruscotto,chepossiamoguidareconcoscienzaesicurezzaverso
ilSoldell...
BONUS TRACK (QUESTA NON C’ERA A TREVISO)
Da cosa si riconosce
un bravo designer?
Veste in
nero
Chiede sempre
“Perché”
Risponde sempre
“Dipende”
Grazie.
Tutti i diritti riservati ©
LA PROPRIETÀ INTELLETTUALE DEI CONCEPT CREATIVI, LE IDEE STRATEGICHE, GLI STRUMENTI E ...
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Data Driven Design - KnowData16, Treviso, 10/6/2016
Próximos SlideShares
Carregando em…5
×

Data Driven Design - KnowData16, Treviso, 10/6/2016

479 visualizações

Publicada em

Presentazione sul Data Driven Design e sull'importanza della Ricerca per costruire qualcosa che Funziona - di Nicola Bonora, Mentine - utilizzata durante l'evento sull'approccio data driven KnowData16, svoltosi a Treviso il 10/6/2016

Publicada em: Marketing
  • Entre para ver os comentários

Data Driven Design - KnowData16, Treviso, 10/6/2016

  1. 1. #knowdata16 Data Driven Design Perchéildesigninformato
 èilsolodesignchefunziona. NICOLA BONORA (Mentine.net) TREVISO, 10 GIUGNO 2016
  2. 2. Dormito bene?
  3. 3. Cos’è il design?
  4. 4. Wow Figo Essenziale Pulito Semplice Lineare Bianco Sottile *Miocugino Daun’indagineautorevole*,ildesignèqualcosachesi riconoscesoloquandolosivede,conaderenzeaquesto universosemantico:
  5. 5. L’agenzia per cui lavoro, Mentine, si occupa di redesign digitale, con un focus nella progettazione del web.
  6. 6. Redesign: prendiamo un sito esistente e lo portiamo dallo stato in cui si trova a uno stato differente, possibilmente con migliori performance.
  7. 7. Non ristrutturiamo edifici. Rielaboriamo conoscenza per generare buone esperienze. Per noi fare design significa trasformare dati e informazioni.
  8. 8. La qualità della nostra materia prima determina la qualità del risultato finale. M**d-in = M**d-out
  9. 9. La fonte del dato:
 la ricerca
  10. 10. “La ricerca è, semplicemente, indagine sistematica: vuoi approfondire un particolare argomento, costruisci un processo per aumentare la tua conoscenza. ERIKA HALL
  11. 11. Laricercaèl’attivitàdiraccoltadeidatiedelle informazioniutilia: Informareildesign Prevenireerroridiqualsiasiscala (ricordateSegway,TV3D,ilsocialnetwork Color…) Allinearel’organizzazione Neutralizzarei“nemici”
  12. 12. Assunti
  13. 13. Assunti Assunti (II)
  14. 14. Assunti Assunti (II) Politiche
  15. 15. Assunti Assunti (II) Politiche Hippo
  16. 16. Assunti Assunti (II) Politiche Hippo Gusto personale
  17. 17. “La ricerca è un eccellente profilattico contro la complessità inaspettata” ERIKA HALL
  18. 18. Due tipi di dato e di ricerca DATO DI TIPO NUMERICO Quantitativo Rileva chi, cosa, quanto, quando, e dove DATO DI TIPO NON NUMERICO Qualitativo Rileva come e perché
  19. 19. Gliambitidellaricerca DOMANDE UTENTI PRODOTTO CONTENUTO ORGANIZZAZIONE CONCORRENZA
  20. 20. Perciascunodiquesticontesti,sonodifferentilepossibilitàdi ottenereinformazionieirisultaticheneconseguono. DOMANDE UTENTI PRODOTTO CONTENUTO ORGANIZZAZIONE CONCORRENZA Gliambitidellaricerca
  21. 21. GENERATIVA/ESPLORATIVA “What’supwith…”
 Nonconoscoancorailproblema, nonholadomanda. OBIETTIVO: Definizionedelbisogno,Innovazione. DESCRITTIVA “Cosaecome?”
 Holadomanda,hoilproblema, approfondiscoilcampo. OBIETTIVO: Identificazionedellepossibilisoluzioni. ANALITICA/CAUSALE “Perchèsuccede?”
 Hofeedbackdall’uso delmioservizioonline. OBIETTIVO: Miglioramento. VALUTATIVA “Cisiamovicini?”
 Hounachiaracoscienzadel problemadarisolvereeideesu comefarlo. OBIETTIVO: Testevalidazionedelleidee. Gliambitidellaricerca DOMANDE UTENTI PRODOTTO CONTENUTO ORGANIZZAZIONE CONCORRENZA
  22. 22. PIATTAFORMA ESPERIENZA
  23. 23. INTERVIEWS CONTEXTUAL INQUIRY LITERATURE REVIEW SWOT ANALYSIS BRAND AUDIT HEURISTIC ANALYSIS COMPETITIVE ANALYSIS USABILITY TESTING A/B TESTING USABILITY TESTING INTERVIEWS DOMANDE UTENTI PRODOTTO CONTENUTO ORGANIZZAZIONE CONCORRENZA
  24. 24. Rappresentare l’informazione
  25. 25. In un processo di ricerca, la rappresentazione dell’informazione è importante quasi quanto l’informazione stessa.
  26. 26. Organizzazione
  27. 27. Source: http://clairemicklin.com/wordpress/wp-content/uploads/2012/03/StakeholderMap_green2.png Stakeholdermap Ilcoinvolgimentodegli stakeholder,nell’areadella organizationalresearch,è strategicaeindispensabileper acquisireunacorretta conoscenzadeldominioe allinearel’organizzazionea obiettivieaspettativecomuni. Lamappadeglistakeholder riassumeiprincipaliattoriin gioconelprogetto,ilcuiruolo potrebbenonesserechiaroa chinonconosceildominio.
  28. 28. Concorrenza
  29. 29. Analisi competitiva Ricerca strategica Mappandolaconoscenzadelle bestpracticedisuccesso all’internodelmercatodi riferimento,èunostrumentodi orientamentonellasuccessiva fasediideazionee progettazionedelservizio. Aprelastradaallaconoscenza, alladefinizionee all’esplorazionedel“contesto”, laraisond’êtrestessadel serviziocheciaccingiamoa progettare. Benchmark
  30. 30. Persone
  31. 31. Interviste|Scenarinarrativi|Jobstories Checosaserveallepersone?
 Checosapotrebbeesserefatto perloro?Checosausanole persone?Comesicomportano? Inunaintervistaqualitativa siamointeressatiaraccogliere quantipiùinsightnon convenzionalisipossanoe effettivamenteraccogliere,e questoavvienesolo nelmomentoincuilepersone entranonelflussodella narrazioneesianomessenella condizionediraccontarearuota liberalaloroesperienza quotidiana,senzal’influenzadel contestoincuiavviene l’intervistaelafacilitazionedi doversceglierefravoci preselezionate.
  32. 32. Source: http://szafranek.net/files/news/20080616/mental.png Mentalmodel IlMentalmodelèuno strumentodianalisiche permettediottenereuna comprensioneprofondadelle motivazioni,degliobiettivie quindideiprocessimentaliche siconcretizzanoinundato comportamentodell’utente.
 L’utilitàdiquestostrumentonel processodiprogettazioneuser centereddiventaassaimaggiore nelmomentoincuisiaggiunge, allarappresentazione strutturataevisualizzatadei task,organizzatiinspazi mentali,laparteinferiore relativaalle“features”presenti.
  33. 33. Source: http://fakecrow.com/wp-content/uploads/2014/04/FakeCrow_Persona_Template2.jpg Personas Lepersonassono stereotipizzazionidialcuni profilispecificidiutentidi potenzialeinteresseperil progetto,cosìvivierealida consentircidiaveredavanti l’utentepercuivogliamo progettareedisuoirealibisogni eobiettivi,siaquotidiani,chedi medioelungoperiodo. Aiutanoasuperarelasindrome diMalkovich:latendenzaa crederechetuttivogliano interagireconilnostroservizio comelofaremmonoi,ead aiutarciacapirecheil progettistanonèl’utentereale, ancheperchél’utenterealenon èuno-enelladefinizionedel servizioècrucialedecidereper chiprogettare.
  34. 34. Source: https://www.digitalgov.gov/files/2015/07/1000-x-800-USAgov-Personas-and-Journey-Maps.jpg Userjourneymap LaUserjourneymapèlastoria dell’utilizzodelserviziodaparte dell’utente,inquestocasodei Personas,rappresentatocome fosseunracconto. 
 Inserisceladimensione temporalenell’interazione, dandociunavisionediinsieme delflussodiinterazione,dei diversipuntidicontattofrail servizioel’utente;cipermettedi ragionaresugliaspettida privilegiaredurantela progettazione.
  35. 35. Serviceblueprint LaServiceblueprintèun diagrammachecombinalefasi classichediunservizio, distribuitegeneralmentepergli spazimentalidell’utente,e l’implementazionedeisingoli touchpointnecessariper soddisfare,confunzionalità,i requisitidiciascunospazio mentale. Èundiagrammaalivelli,dove nellapartealtavengonoindicati itouchpoint,mentrenellaparte inferiorevienevisualizzatala relazionefraillivellodifront- office,back-officeesistema.
  36. 36. Design
  37. 37. Contentmap,Navigationtree Perrendereilprogettopossibile esensatointerminidi correlazioneinformativa,è necessarioavereun’ottima strutturadelleinformazioni, capacedigestiregrandi quantitàdidatididiversa natura,senzapregiudicarein alcunmodolatrovabilità dell’informazione. Lemappedicontenutoegli alberidinavigazione rappresentanograficamentele tassonomie,lemodalitàdi organizzazione dell’informazioneall’internodel sitoelecorrelazionitra contenuti.
  38. 38. Wireframe Iwireframesono rappresentazioniabassa fedeltàdeimodellidiinterfaccia (pagine)definiti nell’architettura dell’informazione. Contrariamenteallaprassi tradizionale,cheprevedevaun processodiprototipazione “statica”,sempredipiù vengonorealizzatiin-browser (HTML/CSS),inmododapoterli verificareetestare realisticamenterispettoalloro comportamentosudiverse viewport(desktop,mobile,tablet, wearable,sportellodel freezer…) eintercettareapriori problemidicomportamentoe interazione.
  39. 39. (infine…)
 interfacce grafiche
  40. 40. Et vous?
  41. 41. “Non conta chi sei, conta chi scegli di essere” ALBUS DUMBLEDORE
  42. 42. Non c’è tempo per la ricerca
  43. 43. Vs. Tempo & budget Grifondoro Tempo & budget Serpeverde
  44. 44. PERCHÉ È IMPORTANTE PARLARE DI QUESTO? Perché oggi più che mai è fondamentale fare la domanda giusta.
  45. 45. Il primo vero, indispensabile investimento dovrebbe essere un percorso di definizione, o di validazione, delle domande giuste.
  46. 46. QUANDO FARE RICERCA? Design (ALWAYS BIG, BY DESIGN) Big redesign (GRANDE REDESIGN, GRANDE RISCHIO. STRATEGIA) Evolution (MICROEVOLUZIONE CONTINUA. RISCHIO BASSO. TATTICA) Nonsoloprima.Nonsolodopo.Sempre.
  47. 47. THE BESTW EBSITESYOURS 5 YEARS GAPS BETWEEN { UNDER - ACHIEVEMENT { Traditionalwebsiteredesign
  48. 48. Evolutionarywebsiteredesign
  49. 49. FACILI METAFORE: L’AUTO Comeilcruscottoèilcentrodicomandodell’esperienzadell’automobilee nepermetteilpienocontrollo,cosìlaricercacreaunsistemadi informazionicherendonounsitogovernabile,virtuoso,funzionante.
  50. 50. Abbiamocreatounamacchinaconvolante,pedali,esoprattuttoun cruscotto,chepossiamoguidareconcoscienzaesicurezzaverso ilSoldell’Avvenire.
  51. 51. BONUS TRACK (QUESTA NON C’ERA A TREVISO) Da cosa si riconosce un bravo designer?
  52. 52. Veste in nero
  53. 53. Chiede sempre “Perché”
  54. 54. Risponde sempre “Dipende”
  55. 55. Grazie. Tutti i diritti riservati © LA PROPRIETÀ INTELLETTUALE DEI CONCEPT CREATIVI, LE IDEE STRATEGICHE, GLI STRUMENTI E QUANT’ALTRO CONTENUTO NEL PRESENTE DOCUMENTO È DI PROPRIETÀ DI MENTINE S.R.L. . È FATTO DIVIETO A CHIUNQUE DI UTILIZZARE, ANCHE SOLO IN PARTE, I CONTENUTI DI TALE DOCUMENTO SENZA UNA DEFINIZIONE CONTRATTUALE TRA LE PARTI.

×