1.
#knowdata16
Data Driven
Design
Perchéildesigninformato
èilsolodesignchefunziona.
NICOLA BONORA (Mentine.net)
TREVISO, 10 GIUGNO 2016

2.
Dormito bene?

3.
Cos’è il design?

4.
Wow
Figo
Essenziale
Pulito
Semplice
Lineare
Bianco
Sottile
*Miocugino
Daun’indagineautorevole*,ildesignèqualcosachesi
riconoscesoloquandolosivede,conaderenzeaquesto
universosemantico:

5.
L’agenzia per cui lavoro, Mentine, si
occupa di redesign digitale, con un
focus nella progettazione del web.

6.
Redesign: prendiamo un sito
esistente e lo portiamo dallo stato in
cui si trova a uno stato differente,
possibilmente con migliori
performance.

7.
Non ristrutturiamo edifici.
Rielaboriamo conoscenza per
generare buone esperienze.
Per noi fare design significa
trasformare dati e informazioni.

8.
La qualità della nostra materia prima
determina la qualità del risultato
finale.
M**d-in = M**d-out

9.
La fonte del dato:
la ricerca

10.
“La ricerca è, semplicemente, indagine
sistematica: vuoi approfondire un
particolare argomento, costruisci un
processo per aumentare la tua
conoscenza.
ERIKA HALL

11.
Laricercaèl’attivitàdiraccoltadeidatiedelle
informazioniutilia:
Informareildesign
Prevenireerroridiqualsiasiscala
(ricordateSegway,TV3D,ilsocialnetwork
Color…)
Allinearel’organizzazione
Neutralizzarei“nemici”

12.
Assunti

13.
Assunti
Assunti (II)

14.
Assunti
Assunti (II)
Politiche

15.
Assunti
Assunti (II)
Politiche
Hippo

16.
Assunti
Assunti (II)
Politiche
Hippo
Gusto personale

17.
“La ricerca è un eccellente profilattico
contro la complessità inaspettata”
ERIKA HALL

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.
Gliambitidellaricerca
DOMANDE
UTENTI
PRODOTTO
CONTENUTO
ORGANIZZAZIONE
CONCORRENZA

20.
Perciascunodiquesticontesti,sonodifferentilepossibilitàdi
ottenereinformazionieirisultaticheneconseguono.
DOMANDE
UTENTI
PRODOTTO
CONTENUTO
ORGANIZZAZIONE
CONCORRENZA
Gliambitidellaricerca

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.
PIATTAFORMA
ESPERIENZA

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.
Rappresentare
l’informazione

25.
In un processo di ricerca, la
rappresentazione dell’informazione
è importante quasi quanto
l’informazione stessa.

26.
Organizzazione

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.
Concorrenza

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.
Persone

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.
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.
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.
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.
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.
Design

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.
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.
(infine…)
interfacce grafiche

40.
Et vous?

41.
“Non conta chi sei,
conta chi scegli di essere”
ALBUS DUMBLEDORE

42.
Non c’è tempo per la ricerca

43.
Vs.
Tempo &
budget
Grifondoro
Tempo &
budget
Serpeverde

44.
PERCHÉ È IMPORTANTE PARLARE DI QUESTO?
Perché oggi più che mai è
fondamentale fare la domanda
giusta.

45.
Il primo vero, indispensabile
investimento dovrebbe essere
un percorso di definizione, o di
validazione, delle domande giuste.

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.
THE
BESTW
EBSITESYOURS
5 YEARS GAPS
BETWEEN
{
UNDER -
ACHIEVEMENT
{
Traditionalwebsiteredesign

48.
Evolutionarywebsiteredesign

49.
FACILI METAFORE: L’AUTO
Comeilcruscottoèilcentrodicomandodell’esperienzadell’automobilee
nepermetteilpienocontrollo,cosìlaricercacreaunsistemadi
informazionicherendonounsitogovernabile,virtuoso,funzionante.

50.
Abbiamocreatounamacchinaconvolante,pedali,esoprattuttoun
cruscotto,chepossiamoguidareconcoscienzaesicurezzaverso
ilSoldell’Avvenire.

51.
BONUS TRACK (QUESTA NON C’ERA A TREVISO)
Da cosa si riconosce
un bravo designer?

52.
Veste in
nero

53.
Chiede sempre
“Perché”

54.
Risponde sempre
“Dipende”

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.