Un piccolo compendio di strumenti e metodi di Design centrato sugli utenti (Human Centered Design) come introduzione al Design Thinking, tendendo in considerazione che in genere i progetti sono ménage à trois e i nostri utenti vivono sempre più spesso sul social web.

1. +
#VDT
VISUAL DESIGN THINKING
Human Centred Design
DIGITAL DESIGN THINKING.

2. #VDT - VISUAL DESIGN THINKING
Carlo Frinolli
CEO + FOUNDER DI NOIS3
www.carlofrinolli.it • www.nois3.it
@carl0s_
Experience Designer, Founder e CEO di nois3,
lavoro, insegno e vivo a Roma – non
necessariamente in quest’ordine.
Via Alberto da Giussano 62/D
00176 Roma (IT)
+39 06 29 66 60
@wearenois3
hello@nois3.it
www.nois3.it

3. #VDT - VISUAL DESIGN THINKING
User… che?

4. #VDT - VISUAL DESIGN THINKING
Primo chiedersi “per chi?”
© Daniele Tamagni - Gentlemen of Bacongo

5. “
#VDT - VISUAL DESIGN THINKING
Think of two customers.
“
One of them could be Prince Charles and the
other one Ozzy Osbourne.
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…
THIS IS SERVICE DESIGN THINKING.

6. #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 à trois
STAKEHOLDER, UTENTI E VOI

7. +
MA DOVE SONO
GLI UTENTI?
DIGITAL DESIGN THINKING.

8. #VDT - VISUAL DESIGN THINKING

9. #VDT - VISUAL DESIGN THINKING
DIGITAL DESIGN THINKING.
+
We design responsive websites
and digital strategies
to connect organizations
to their customers.
#VDT - VISUAL DESIGN THINKING

10. Le persone usano i social media continuamente.
Condividono momenti, mettono like, producono
informazioni, si profilano anche inconsciamente.
Sharing is caring?
Dati creati volontariamente, che aspe ano di essere le i e interpretati
#VDT - VISUAL DESIGN THINKING
AD ESEMPIO… AVETE MAI GUARDATO GOOGLE MAPS HISTORY? :)

11. La reputazione o ce l’hai
o te la fanno
— Ma eo Flora
“
#VDT - VISUAL DESIGN THINKING

12. Le persone si formano un’idea
o parlano degli acquisti o delle proprie
esperienze con i servizi indipendentemente dal
fatto che i Brand lo vogliano.
Moments of Truth
From Zero to Third, at least.
#VDT - VISUAL DESIGN THINKING

13. E se analizzassimo le conversazioni online
per poter trarne ispirazione su quali
siano i bisogni inespressi o soddisfatti poco
e male? Incrociando da sorgenti diverse,
e non limitandosi a una sola.
Customers & needs discovery
Comprendere trend o necessità e bisogni
#VDT - VISUAL DESIGN THINKING

14. #VDT - VISUAL DESIGN THINKING
DIGITAL DESIGN THINKING.
+
We design responsive websites
and digital strategies
to connect organizations
to their customers.

15. #VDT - VISUAL DESIGN THINKING
Ricerca sul campo
INTERVISTA I TUOI UTENTI PER CONOSCERLI MEGLIO

16. Heisenberg, my friend
No non quello di Breaking Bad, il fisico.
#VDT - VISUAL DESIGN THINKING
L’osservatore perturba l’esperimento?
Non pretendete di essere obiettivi.
Vi confido un segreto: gli utenti sono
umani, non robot. Falliranno miseramente.
E potreste fallire anche voi. ;)

17. WTF?
#VDT - VISUAL DESIGN THINKING

18. #VDT - VISUAL DESIGN THINKING
Qualità più che quantità,
relazioni e shareholder (o stakeholder)
piuttosto che clienti.
Storie e aneddoti invece di domande dirette.
Know thy user
SHAREHOLDER PIUTTOSTO CHE CLIENTI

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

20. #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 fallimento
UN PROCESSO DEL GENERE NECESSITA CONVINZIONE E MOTIVAZIONE

21. +
RIOS
UN BRAND APERTO?
DIGITAL DESIGN THINKING.

22. #VDT - VISUAL DESIGN THINKING
Disclaimer
VI PREGO NON GUARDATE IL SITO. OK VE L’AVEVO DETTO.

23. #VDT - VISUAL DESIGN THINKING
Le nostre
domande
1. The bar situation
You 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.

24. #VDT - VISUAL DESIGN THINKING
3. The suitcase
Imagine you are a salesman in a client's
office with the RIOS suitcase.
What's inside it?
Le nostre
domande

25. #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 workshop
DA AFFIANCARE A (TROPPO) LUNGHI KICK-OFF MEETING

26. +
ALCUNI ESEMPI
DALLA NOSTRA RECENTE ESPERIENZA
DIGITAL DESIGN THINKING.

27. #VDT - VISUAL DESIGN THINKING
DIGITAL DESIGN THINKING.
+

28. #VDT - VISUAL DESIGN THINKING
Riflessioni, Idee e Opportunità
Lavoro in gruppo
BRAINSTORMING - GENERAZIONE E DISCUSSIONE DI IDEE.

29. #VDT - VISUAL DESIGN THINKING
Scoperta, discussione e opinioni -
So SWOT?
FORZA, DEBOLEZZA, OPPORTUNITÀ, MINACCE.

30. #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 È…”

31. #VDT - VISUAL DESIGN THINKING
Personas e utenti
I nostri stakeholder.
CHI SONO I NOSTRI UTENTI, QUALI SONO I LORO
COMPORTAMENTI, ABITUDINI ED ASPETTATIVE?

32. #VDT - VISUAL DESIGN THINKING
Personas e utenti
I nostri stakeholder.
CHI SONO I NOSTRI UTENTI, QUALI SONO I LORO
COMPORTAMENTI, ABITUDINI ED ASPETTATIVE?

33. #VDT - VISUAL DESIGN THINKING
Personas e utenti
I nostri stakeholder.
CHI SONO I NOSTRI UTENTI, QUALI SONO I LORO
COMPORTAMENTI, ABITUDINI ED ASPETTATIVE?

34. #VDT - VISUAL DESIGN THINKING
Lavoro in gruppo
ARGOMENTI: CONTENUTI, TARGET, BUSINESS MODEL

35. #VDT - VISUAL DESIGN THINKING
Personas e utenti
I nostri stakeholder.
CHI SONO I NOSTRI UTENTI, QUALI SONO I LORO
COMPORTAMENTI, ABITUDINI ED ASPETTATIVE?

36. #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 personas
PERCHÉ È FONDAMENTALE QUESTO PASSAGGIO?

37. #VDT - VISUAL DESIGN THINKING
Personas
CHI È…

38. #VDT - VISUAL DESIGN THINKING
Marianna 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

39. #VDT - VISUAL DESIGN THINKING
Andrea 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

40. #VDT - VISUAL DESIGN THINKING
Leonardo 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

41. #VDT - VISUAL DESIGN THINKING
Personas
SUMMARY
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.

42. #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!

43. Tutti amano le storie,
anche gli sviluppatori. © Kelly Mac Morris
#VDT - VISUAL DESIGN THINKING

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

45. Indovina chi è?
#VDT - VISUAL DESIGN THINKING

46. #VDT - VISUAL DESIGN THINKING
Bella storia!

47. #VDT - VISUAL DESIGN THINKING
As a <role> I want to <action>
in order to <benefit>
SÌ, VIENE DA AGILE THINKING.

48. #VDT - VISUAL DESIGN THINKING
Let's have
an epic carpaccio
E grazie Fabio Armani per avercene parlato.

49. #VDT - VISUAL DESIGN THINKING
Dividi,
dividi, dividi.
Separa le user stories in atomi

50. #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 īmpera
PRENDERE UNA STORIA EPICA E DIVIDERLA IN STORIE PIÙ PICCOLE

51. #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 bello
MA IL TALK SI CHIAMA VISUAL, DOV’È IL VISUAL!?

52. +
BRANDING
CO-DESIGN E COLLABORAZIONE
DIGITAL DESIGN THINKING.

53. http://www. visualdesignthinking.it

54. #VDT - VISUAL DESIGN THINKING

55. #VDT - VISUAL DESIGN THINKING

56. #VDT - VISUAL DESIGN THINKING

57. #VDT - VISUAL DESIGN THINKING

58. #VDT - VISUAL DESIGN THINKING

59. #VDT - VISUAL DESIGN THINKING
Grazie dell’attenzione