#knowdata16

Data Driven Design

Perché il design informatoè il solo design che funziona.

NICOLA BONORA (Mentine.net) TREVISO, 10 GIUGNO 2016

Dormito bene?

Cos’è il design?

Wow Figo Essenziale Pulito

Semplice Lineare Bianco Sottile

* Mio cugino

Da un’indagine autorevole*, il design è qualcosa che si riconosce solo quando lo si vede, con aderenze a questo universo semantico:

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 migliori performance.

Non ristrutturiamo edifici. Rielaboriamo conoscenza per generare buone esperienze.

Per noi fare design significa trasformare dati e informazioni.

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 aumentare la tua

conoscenza. ERIKA HALL

La ricerca è l’attività di raccolta dei dati e delle informazioni utili a:

Informare il design

Prevenire errori di qualsiasi scala (ricordate Segway, TV 3D, il social network Color…)

Allineare l’organizzazione

Neutralizzare i “nemici”

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 NUMERICO

Qualitativo Rileva come e perché

Gli ambiti della ricerca

DOMANDE

UTENTI

PRODOTTO

CONTENUTOORGANIZZAZIONE

CONCORRENZA

Per ciascuno di questi contesti, sono differenti le possibilità di ottenere informazioni e i risultati che ne conseguono.

DOMANDE

UTENTI

PRODOTTO

CONTENUTOORGANIZZAZIONE

CONCORRENZA

Gli ambiti della ricerca

GENERATIVA/ESPLORATIVA “What’s up with…”

Non conosco ancora il problema, non ho la domanda.

OBIETTIVO: Definizione del bisogno, Innovazione.

DESCRITTIVA “Cosa e come?” Ho la domanda, ho il problema, approfondisco il campo. OBIETTIVO: Identificazione delle possibili soluzioni.

ANALITICA/CAUSALE “Perchè succede?”

Ho feedback dall’uso del mio servizio on line.

OBIETTIVO: Miglioramento.

VALUTATIVA “Ci siamo vicini?” Ho una chiara coscienza del problema da risolvere e idee su come farlo. OBIETTIVO: Test e validazione delle idee.

Gli ambiti della ricerca

DOMANDE

UTENTI

PRODOTTO

CONTENUTOORGANIZZAZIONE

CONCORRENZA

PIATTAFORMA

ESPERIENZA

INTERVIEWS

CONTEXTUAL INQUIRY

LITERATURE REVIEW

SWOT ANALYSIS

BRAND AUDIT HEURISTIC ANALYSIS

COMPETITIVE ANALYSIS

USABILITY TESTING

A/B TESTING

USABILITY TESTING

INTERVIEWS

DOMANDE

UTENTI

PRODOTTO

CONTENUTOORGANIZZAZIONE

CONCORRENZA

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

Stakeholder mapIl coinvolgimento degli stakeholder, nell’area della organizational research, è strategica e indispensabile per acquisire una corretta conoscenza del dominio e allineare l’organizzazione a obiettivi e aspettative comuni.

La mappa degli stakeholder riassume i principali attori in gioco nel progetto, il cui ruolo potrebbe non essere chiaro a chi non conosce il dominio.

Concorrenza

Analisi competitiva Ricerca strategica

Mappando la conoscenza delle best practice di successo all’interno del mercato di riferimento, è uno strumento di orientamento nella successiva fase di ideazione e progettazione del servizio.

Apre la strada alla conoscenza, alla definizione e all’esplorazione del “contesto”, la raison d’être stessa del servizio che ci accingiamo a progettare.

Benchmark

Persone

Interviste | Scenari narrativi | Job storiesChe cosa serve alle persone?Che cosa potrebbe essere fatto per loro? Che cosa usano le persone? Come si comportano?

In una intervista qualitativa siamo interessati a raccogliere quanti più insight non convenzionali si possano e effettivamente raccogliere, e questo avviene solo nel momento in cui le persone entrano nel flusso della narrazione e siano messe nella condizione di raccontare a ruota libera la loro esperienza quotidiana, senza l’influenza del contesto in cui avviene l’intervista e la facilitazione di dover scegliere fra voci preselezionate.

Source: http://szafranek.net/files/news/20080616/mental.png

Mental modelIl Mental model è uno strumento di analisi che permette di ottenere una comprensione profonda delle motivazioni, degli obiettivi e quindi dei processi mentali che si concretizzano in un dato comportamento dell’utente.

L’utilità di questo strumento nel processo di progettazione user centered diventa assai maggiore nel momento in cui si aggiunge, alla rappresentazione strutturata e visualizzata dei task, organizzati in spazi mentali, la parte inferiore relativa alle “features” presenti.

Source: http://fakecrow.com/wp-content/uploads/2014/04/FakeCrow_Persona_Template2.jpg

PersonasLe personas sono stereotipizzazioni di alcuni profili specifici di utenti di potenziale interesse per il progetto, così vivi e reali da consentirci di avere davanti l’utente per cui vogliamo progettare ed i suoi reali bisogni e obiettivi, sia quotidiani, che di medio e lungo periodo. Aiutano a superare la sindrome di Malkovich: la tendenza a credere che tutti vogliano interagire con il nostro servizio come lo faremmo noi, e ad aiutarci a capire che il progettista non è l’utente reale, anche perché l’utente reale non è uno - e nella definizione del servizio è cruciale decidere per chi progettare.

Source: https://www.digitalgov.gov/files/2015/07/1000-x-800-USAgov-Personas-and-Journey-Maps.jpg

User journey mapLa User journey map è la storia dell’utilizzo del servizio da parte dell’utente, in questo caso dei Personas, rappresentato come fosse un racconto. Inserisce la dimensione temporale nell’interazione, dandoci una visione di insieme del flusso di interazione, dei diversi punti di contatto fra il servizio e l’utente; ci permette di ragionare sugli aspetti da privilegiare durante la progettazione.

Service blueprintLa Service blueprint è un diagramma che combina le fasi classiche di un servizio, distribuite generalmente per gli spazi mentali dell’utente, e l’implementazione dei singoli touchpoint necessari per soddisfare, con funzionalità, i requisiti di ciascuno spazio mentale.

È un diagramma a livelli, dove nella parte alta vengono indicati i touchpoint, mentre nella parte inferiore viene visualizzata la relazione fra il livello di front-office, back-office e sistema.

Design

Content map, Navigation treePer rendere il progetto possibile e sensato in termini di correlazione informativa, è necessario avere un’ottima struttura delle informazioni, capace di gestire grandi quantità di dati di diversa natura, senza pregiudicare in alcun modo la trovabilità dell’informazione.

Le mappe di contenuto e gli alberi di navigazione rappresentano graficamente le tassonomie, le modalità di organizzazione dell’informazione all’interno del sito e le correlazioni tra contenuti.

WireframeI wireframe sono rappresentazioni a bassa fedeltà dei modelli di interfaccia (pagine) definiti nell’architettura dell’informazione.

Contrariamente alla prassi tradizionale, che prevedeva un processo di prototipazione “statica”, sempre di più vengono realizzati in-browser (HTML/CSS), in modo da poterli verificare e testare realisticamente rispetto al loro comportamento su diverse viewport (desktop, mobile, tablet, wearable, sportello del freezer…) e intercettare a priori problemi di comportamento e interazione.

(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 giuste.

QUANDO FARE RICERCA?

Design (ALWAYS BIG, BY DESIGN)

Big redesign (GRANDE REDESIGN, GRANDE RISCHIO. STRATEGIA)

Evolution (MICROEVOLUZIONE CONTINUA. RISCHIO BASSO. TATTICA)

Non solo prima. Non solo dopo. Sempre.

THE BEST W

EBSITES

YOURS

5 YEARS GAPS BETWEEN

{ UNDER - ACHIEVEMENT

{

Traditional website redesign

Evolutionary website redesign

FACILI METAFORE: L’AUTO Come il cruscotto è il centro di comando dell’esperienza dell’automobile e ne permette il pieno controllo, così la ricerca crea un sistema di informazioni che rendono un sito governabile, virtuoso, funzionante.

Abbiamo creato una macchina con volante, pedali, e soprattutto un cruscotto, che possiamo guidare con coscienza e sicurezza verso il Sol dell’Avvenire.

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