Download - #VDT - Visual Design Thinkig @AppyDays Todi 2015

Transcript
Page 1: #VDT - Visual Design Thinkig @AppyDays Todi 2015

+

#VDT VISUAL DESIGN THINKING

Una modesta proposta

DIGITAL DESIGN THINKING.

Page 2: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Carlo Frinolli

Ho fondato nois3, una Experience Design Agency di Roma. Insegno allo IED dal 2011 e ho in carico l’area Web e UX del corso di Cinema e Nuovi Media.

SEGUITEMI SU:(twitter) @carl0s_(linkedin) https://www.linkedin.com/in/carlofrinolli(blog) http://carlofrinolli.it(www) http://nois3.it

CEO + FOUNDER DI NOIS3

Page 3: #VDT - Visual Design Thinkig @AppyDays Todi 2015

“ No ma credo che li userò nel mio lavoro quotidianamente…

—ME STESSO, NEL 2011.

La domanda me la fecero alla prima Co-Design Jam che organizzammo e a cui partecipai nell’estate 2011.

#VDT - VISUAL DESIGN THINKING

Page 4: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Disclaimer

e se volete commentare questo talk usate #appyvdt su Twitter :P

VI PARLO SOLO DI BUON SENSO, TUTTALPIÙ SISTEMATIZZATO.

Page 5: #VDT - Visual Design Thinkig @AppyDays Todi 2015

“ Quanto una User Experience frustrante può danneggiare voi e il vostro progetto?

E perché non applicare lo stesso impegno al processo stesso?

#VDT - VISUAL DESIGN THINKING

Page 6: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Insights

Cosa faremo

Farò un breve ex-cursus per farvi capire cos’è #VDT. E poi proveremo a fare un giochino insieme.

Non vi girate, sto parlando a voi.

Case Study

Si gioca!

+ +

+

Page 7: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

È l’applicazione di una piccola serie di metodi, tool e approccio mutuati dal co-design per cercare di migliorare il processo lavorativo, la collaborazione con il cliente per aumentare la qualità del progetto finito.

Visual Design Thinking WTF?APPUNTO: STRUMENTI, METODI E BUON SENSO

Page 8: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

E allora occupiamoci di noi

DEI NOSTRI PROGETTI E DEL NOSTRO PROCESSO

Page 9: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Tre proposte. E poi scelgono “il logo della prima”, i colori della seconda, però con il mood della terza. Ovviamente facendo il logo più grande.

Il problemaQUELLO CHE CI CAPITA(VA) CONTINUAMENTE

Page 10: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

È ora di (dire) basta!

SCEGLIAMO LA VITA.

Page 11: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Primo chiedersi “per chi?”© Daniele Tamagni - Gentlemen of Bacongo

Page 12: #VDT - Visual Design Thinkig @AppyDays Todi 2015

“ Think of two customers. Both were born in 1948, male, raised in Great Britain, married, successful and wealthy. Furthermore, both of them have at least two children, like dogs and love the Alps. One of them could be Princes Charles and the other one Ozzy Osbourne.This is service design thinking.

#VDT - VISUAL DESIGN THINKING

Page 13: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Ricordatevi che gli attori in gioco in ogni progetto sono almeno di tre tipi.

Stakeholder o committenti, utenti e voi. E dovete essere tutti soddisfatti.

Progetti e ménage à troisSTAKEHOLDER, UTENTI E VOI

Page 14: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Ricerca sul campoINTERVISTA I TUOI UTENTI PER CONOSCERLI MEGLIO

Page 15: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Qualità più che quantità, relazioni e shareholder (o stakeholder) piuttosto che clienti.

Vi confido un segreto: gli utenti sono umani, non robot. Falliranno miseramente.Usate un po’ di umanità per favore ;)

Know thy userSHAREHOLDER PIUTTOSTO CHE CLIENTI

Page 16: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Il più presto possibile.

Tutte le informazioni e i feedback che potete carpire all’inizio di ogni progetto saranno fondamentali per un progetto di successo.

Quando?IL MOMENTO GIUSTO PER COINVOLGERLI

Page 17: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

How?

Page 18: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Piccole Idee

Utenti mediDimenticateli: non esistono.

Nicchie!Focalizzarsi su una nicchia vi darà risultati migliori che cerca di accontentare tutti, a meno che non stiate cercando di creare il nuovo Facebook… e anche lì…

Page 19: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Heisenberg, my friendNon pretendete di essere obiettivi. Le interviste sono tra esseri umani, e in fondo lo siete anche voi…

Data, big timeUsate i dati, i dati sono il male. Vi aiuteranno anche a capire quale sia la domanda giusta da porre.

One more thing…

Suggerimenti utili

Page 20: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

How long?

Ascolta, osserva, prendi note. Poi riguardale, e pensaci. E via da capo.

PRENDETEVI IL TEMPO CHE SERVE

Page 21: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Abbiamo somministrato un questionario online ai membri della Rete Italiana Open Source per capire cosa fosse per loro RIOS. Le risposte sono state utili, oneste e sincere. Il risultato però non è stato portato avanti.

Un primo fallimentoUN PROCESSO DEL GENERE NECESSITA CONVINZIONE E MOTIVAZIONE

Page 22: #VDT - Visual Design Thinkig @AppyDays Todi 2015

+

RIOS UN BRAND APERTO?

DIGITAL DESIGN THINKING.

Page 23: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Disclaimer

VI PREGO NON GUARDATE IL SITO. OK VE L’AVEVO DETTO.

Page 24: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Le nostre domande

1. The bar situationYou meet an old friend in a bar just a few minutes after a RIOS meeting, and you start talking about what you're doing. How would you explain him what RIOS is?

2. Co-what?Think about the other people/companies members of RIOS. How can you define your collaboration with them? Try to use only few words.

Page 25: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

3. The suitcaseImagine you are a salesman in a client's office with the RIOS suitcase. What's inside it?

Le nostre domande

Page 26: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Sono incredibilmente utili da affiancare a (troppo) lunghe riunioni in cui si parla di deliverables, specifiche, e altre supercazzole invece di usare il poco tempo per conoscere al massimo il progetto.

Discovery workshopDA AFFIANCARE A (TROPPO) LUNGHI KICK-OFF MEETING

Page 27: #VDT - Visual Design Thinkig @AppyDays Todi 2015

+

ORIZZONTI.TV EDUCAZIONE ALLA FINANZA

DIGITAL DESIGN THINKING.

Page 28: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Scoperta, discussione e opinioni - So SWOT?

FORZA, DEBOLEZZA, OPPORTUNITÀ, MINACCE.

Page 29: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Svolgimento: Ogni partecipante ha 5 minuti per parlare di Orizzonti.tv esprimendo liberamente la propria opinione. Tutti i punti di vista sono accettati, nessuna opinione è sbagliata, tutti gli aspetti sono utili ad evidenziare punti di forza & debolezza, opportunità e minacce.

Giro di opinioni“IO PENSO CHE…” & “LA MIA OPINIONE È…”

Page 30: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

So SwotIL RISULTATO

Page 31: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Forza • Contenuti di valore (Storico/economico) • Qualità dei contenuti • Progetto laico* • Educazione all’economia/finanza

*individuato come value proposition iniziale!

Debolezza • Assenza di un modello di business • Gerarchie di contenuto (mancanza di

standardizzazione dei contenuti) • Assenza di intro, riassunto e info correlativa al

video • Label di navigazione non parlanti • Confusione sul target (target poco conosciuto) • SEO debole • Mancanza di una roadmap del progetto condivisa • Mancanza di sponsorship istituzionali

Opportunità • Enciclopedico/Glossario • Link a fonti esterne (eventi/news) • Approfondimento contenuto contestuale • Format “Mieli” assenti in altri siti, approfondimenti • Homepage curata (non chiarisce al momento lo

scopo del progetto) • Inglobare contenuti • Contenuti video più interattivi • Opportunità di collaborare

Minacce • Value Proposition debole (dominio?) • Inflazione Youtube • Roadmap • Broadcast

Page 32: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Riflessioni, Idee e Opportunità Lavoro in gruppo

BRAINSTORMING - GENERAZIONE E DISCUSSIONE DI IDEE.

Page 33: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Svolgimento: Formiamo due gruppi. Ogni gruppo ha 10 min./15 min. per discutere i 3 grandi argomenti che sono usciti durante l’analisi “SWOT”:

• Approfondimento e interattività contenuti • Confusione sul target • Business Model

Lavoro in gruppoRIFLESSIONI, IDEE E OPPORTUNITÀ

Page 34: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Lavoro in gruppoARGOMENTI: CONTENUTI, TARGET, BUSINESS MODEL

Page 35: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Scoperta, discussione e opinioni

Page 36: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Target • target mediamente erudito • la motivazione del target è approfondire

l’argomento finanza ed economia in generale

• non è molto invogliato a studiare e quindi il format del video è gradito

• non dipendenti bancari

Laicità/Value Proposition • uno spirito da mantenere • in/formazione (congiungere attualità

con pillole di education)

Approfondimento di contenuti • storytelling & narrazione • implementazione sistema con

animazioni per giovani • distinguere video per livello di utenza e

per livello di conoscenza trasmessa • rimandi a fonti esterne (forum

moderato) • includere più temi di attualità • riscontro sul contenuto visto

Business model • ritorno di reputazione (collegato al

brand Credito Cooperativo) • pre&post-roll video (sulla piattaforma

orizzonti.tv) • no a prodotti finanziari (da valutare) • product placement/sponsorship &

partnership • strategia di lead landing page

Page 37: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Personas e utenti I nostri stakeholder.

CHI SONO I NOSTRI UTENTI, QUALI SONO I LORO COMPORTAMENTI, ABITUDINI ED ASPETTATIVE?

Page 38: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Durante questo step abbiamo fatto i primi passi per definire gli utenti tipo di Orizzonti.tv. Abbiamo creato quindi veri e propri personaggi per simulare i loro bisogni e le loro aspettative rispetto al sito e per capire i contesti d’uso che ne potrebbero fare.

Questo approccio è fondamentale per poter progettare una struttura dei contenuti e un design collocando al centro di esse i bisogni dei nostri utenti.

Definizione delle personasPERCHÉ È FONDAMENTALE QUESTO PASSAGGIO?

Page 39: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

PersonasCHI È…

Page 40: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKINGMarianna De Carolis impiegata - addetta alla comunicazione in una PMI 31 anni

“Fico, ho finalmente capito che cos’è un bond. Alla prossima conversazione di finanza con il mio collega non farà più brutta figura.”

• personalità: curiosa ed erudita • comportamento online: acquista

online, si informa quotidianamente sui siti dei quotidiani, passa molto tempo su Facebook, condividendo post ed info con gli amici

• device: smartphone Android, laptop Windows

Page 41: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKINGAndrea Cecchini impiegato Federlus 39 anni

“Vorrei una roadmap chiara del nostro progetto. […] Mi piacerebbe strutturarmi per avere successo.”

• personalità: goal driven, erudita e sempre curioso verso le nuove tecnologie

• comportamento online: passa molto tempo sui quotidiani online, segue diversi gruppi venture capital sui social network

• device: smartphone iPhone, notebook Mac

Page 42: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKINGLeonardo Bertoli scolare scuola media 10 anni

“Da grande voglio fare l’agricoltore gestendo la mia fattoria tramite l’iPad.”

• personalità: allegro e curioso, nativo digitale e appassionato dell’agricoltura

• comportamento online: gioca con i suoi amici online e si triene in contatto tramite Whatsapp, usa internet come fonte di informazione per studiare e per preparare le tesine per la scuola

• device: smartphone Android, computer desktop Windows

Page 43: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

PersonasSUMMARY

Gli obiettivi di questa fase erano la creazione di alcuni utenti tipo (personas) e la definizione della lista delle KPI degli stakeholder interni (Key Performance Indicators) e delle CTA (Call To Action) degli stakeholder esterni.

Page 44: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Certo, se dobbiamo sviluppare per conto di qualcuno un’esperienza adatta ai loro utenti, a un certo punto necessiteremo di una lista di feature…

E adesso?VI PREGO DATEMI LE MIE SPECIFICHE!

Page 45: #VDT - Visual Design Thinkig @AppyDays Todi 2015

Tutti amano le storie,anche gli sviluppatori. © Kelly Mac Morris

#VDT - VISUAL DESIGN THINKING

Page 46: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Spiegare l’esigenza presuppone condividere le modalità con cui vuoi raggiungere un obiettivo. Raccontarla ci aiuta a capire non solo di cosa hai bisogno, ma anche come lo interpreti o te lo aspetti. È molto meglio di un requisito. Ed emerge già nel workshop di discovery.

BRAND STRATEGY, WEB DESIGN

Non darmi una soluzione, raccontami l’esigenza

Page 47: #VDT - Visual Design Thinkig @AppyDays Todi 2015

Indovina chi è?

#VDT - VISUAL DESIGN THINKING

Page 48: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Bella storia!

Page 49: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

As a <role> I want to <action> in order to <benefit>

SÌ, VIENE DA AGILE THINKING.

Page 50: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Let's have an epic carpaccio

E grazie Fabio Armani per avercene parlato.

Page 51: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Dividi, dividi, dividi.

Separa le user stories in atomi

Page 52: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Partendo da un livello più ampio, e poi dividendole in storie sempre più piccole potremmo andare a svilupparle con più semplicità. Senza perdere di dettagli, né di visione.

Dīvide et īmperaPRENDERE UNA STORIA EPICA E DIVIDERLA IN STORIE PIÙ PICCOLE

Page 53: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Purtroppo non ci si può trasferire sempre in sede del cliente, ma qualcosa per lavorare insieme sulle parti di branding più visuale si può fare…

Vabbene, tutto belloMA IL TALK SI CHIAMA VISUAL, DOV’È IL VISUAL!?

Page 54: #VDT - Visual Design Thinkig @AppyDays Todi 2015

+

BRANDING CO-DESIGN E COLLABORAZIONE

DIGITAL DESIGN THINKING.

Page 55: #VDT - Visual Design Thinkig @AppyDays Todi 2015

http://www. visualdesignthinking.it

Page 56: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 57: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 58: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 59: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 60: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 61: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Chi sono io per deludervi? Tra gli altri realizzati vi mostro questo. Abbiamo deciso di cominciare da qui a realizzare una jam con tutto il team per progettare l’app.

Ei amico, questa è AppyDaysNON CE LA FAI VEDERE UN’APP?

Page 62: #VDT - Visual Design Thinkig @AppyDays Todi 2015

+

APP DESIGN SVILUPPATORI E DESIGNER. INSIEME. GIURO.

DIGITAL DESIGN THINKING.

Page 63: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 64: #VDT - Visual Design Thinkig @AppyDays Todi 2015

http://www. visualdesignthinking.it

Page 65: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

WE CREATE MEANINGFUL INTERACTIONS THAT ARE LOVED BY YOUR CUSTOMERS AND ADD REAL VALUE. REALLY.

WE GIVE A VOICE AND A FACE TO YOUR BRAND.

Page 66: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Page 67: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Questo gioco, mutuato dal libro Gamestorming ha come idea quella di immaginare il futuro ideale di AppyDays fra 2 anni. Di quali aspetti parlerà il magazine più ambito del settore riguardo a quest’evento? E perché?

BRAND STRATEGY, WEB DESIGNProviamo a immaginare AppyDays fra 2 anni

Page 68: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Grazie dell’attenzione

Page 69: #VDT - Visual Design Thinkig @AppyDays Todi 2015

#VDT - VISUAL DESIGN THINKING

Carlo Frinolli

(twitter) @carl0s_(linkedin) https://www.linkedin.com/in/carlofrinolli(blog) http://carlofrinolli.it(www) http://nois3.it

CEO + FOUNDER DI NOIS3

#appyvdt