visual design vs. creatività
DESCRIPTION
Presentazione fatta a Better Software 2012 (26.09.2012)TRANSCRIPT
VISUAL DESIGNvs
CREATIVITÀ
Ciao
Chi sono?
Nicolò Volpatovisual designer / UX designer
presso GNV&Partners
@nicolovolpato
BETTER SOFTWARE needs
BETTER DESIGN
STARTUPSneed
BETTER DESIGN
PEOPLEneed
BETTER DESIGN
Lo stato delle cose
Molti assunti sbagliati sul design,sul visual design in particolare
Lo stato delle cose
“Ci serve della creatività!”
WTF?
Agenziacreativa
DevUX
Agenziacreativa
DevUX
Pitch!
FeedbackMockup
Cliente
Agenziacreativa
FeedbackMockup
Cliente
= 2 MESI
Agenziacreativa
Tempo
Conoscenza
Visual design
WTF!!!
BETTER DESIGN
1
BETTER DESIGN
1
(e miglior cultura del design)
“Abolire la parola creatività e promuovere processi user-centered.”
— Alberto Mucignat, AgileUX Camp 2012
Il visual design non è arte.
E‘ metodologia,
è ricerca continua,
è esperienza.
La creatività è sopravvalutata.
Un buon design non è il prodotto di un’intuizione di un secondo.
E’ frutto di un processo, è un ragionamento.Richiede tempo, richiede pratica.
Il design è un mestiere.
Perfe!o non esiste.
Il design è un processo che si svolge nel tempo.
L’esito della progettazione cambia se cambiano gli utenti o i loro bisogni.
Il design è iterativo, non fisso.
Buono è abbastanza
Buono è abbastanza, per questa iterazione.
Lavorare per iterazioni presuppone miglioramenti successivi e consegne a step.
L’eccellenza si raggiunge per gradi, con l’esercizio.
Pixel-perfect non esiste.
Abbandoniamo i pitch con 3 proposte.
Riduciamo il numero dei mockup in Photoshop.
Spostiamoci verso processi di visual design più agili, device e resolution-independent.
Design in the browser.
La “coolness” non esiste.
Non proponete ad un cliente un visual design perché è cool, di moda o perché segue i trend delle design galleries.
E voi clienti, non chiedete un design uguale a quello che avete visto nelle design galleries.
La “coolness” non esiste.
Un visual design non va venduto al cliente.
Va argomentato al cliente.
Il visual design non é “making things pre!y”.
Come ogni linguaggio che trasmette un contenuto, interpreta il contenuto stesso.
L’estetica non può essere slegata dal contenuto, deve essere conseguenza del contenuto.
“Content precedes design. Design in the absence of content is not design, it’s decoration.”
— Jeffrey Zeldman
Il visual design non è designer-centered.
Occorre umiltà
Non avere fretta di prendere decisioni.
La conoscenza del progetto aumenta nel tempo.
“I’ve merely changed my responsibility from making choices to asking questions.”
— Paul Soulellis
Lo stile del designer non è rilevante.
Sono il progetto, la tipologia di utenti, il contenuto a determinare lo stile ed il tono del visual design.
Il risultato deve avere una propria personalità,non rispecchiare la personalità del designer.
Occorre rimuovere l’ego dal processo.
“Good design should not dominate.It should not dominate people, it should help people.”
— Dieter Rams
Il visual design non è solo esecuzione.
“It’s not about asking How, but Why.It’s not about execution, it’s about the purpose of what we’re doing.”
— Frank Chimero
How Design Why
Making Design Thinking
How vs. WhyEsecuzione vs. Obiettivi
Decorazione vs. Significati
How vs. WhyEsecuzione vs. Obiettivi
Decorazione vs. Significati
?
Usabile
Affidabile
Funzionale
Qualità dell’interfaccia
Piacevole
Usabile
Affidabile
Funzionale
Qualità dell’interfaccia
BETTER TEAMWORK
2
Il visual design è parte del processo di UX.
Perché esternalizzarlo?
Perché non è mansione del team di UX?
Design e sviluppo sono aspe!i dello stesso processo.
Non sono separati.
— Aral Balkan, From The Front 2012
Design
Dev
informs leads
Piacevole
Usabile
Affidabile
Funzionale
Impa!o del visual design
Può il visual design essere agile?
Può il visual design essere agile?
Sì.
Può il visual design essere agile?
Sì.
– disegnare per iterazioni, non tutto upfront
– “refactoring” continuo: occorre mettere in discussione le scelte, rivederle, migliorarle in modo continuo
– coinvolgere il cliente ed educarlo a fornire feedback migliore
UX
Design vision
VisualDev
UX
VisualDev
UX
VisualDev
UX
Design vision
VisualDev
UX
VisualDev
UX
VisualDev
Brand Personas Strategy
Miglioramenticontinui
Miglioramenticontinui
Coerenza
BETTER FEEDBACK
3
Occorre andare oltre il gusto personale.
Sogge!ività.Arbitrarietà.
Sogge!ività.Arbitrarietà.
Ogge!ività.
“Il «bello» è conseguenza del «giusto».”
— Bruno Munari
Discutere le motivazioni (Why).
– designer: argomentare le scelte e le decisioni
– cliente: chiedere e comprendere le ragioni alla base del design
Due parametri da valutare con a!enzione:
1
Adeguatezza
1
Adeguatezza{Metafore Storie EmozioniTono
1
Adeguatezza{Metafore Storie EmozioniTono
Registro
Stile
Linguaggio
Contesto
1
Adeguatezza{Metafore Storie EmozioniTono
Registro
Stile
Linguaggio
Contesto
Skeumorfismo
Texture
1
Adeguatezza{Metafore Storie EmozioniTono
Registro
Stile
Linguaggio
Contesto
Skeumorfismo
Texture
Narrazione
Immagini/Foto
Personaggi
Animazioni
Transizioni
1
Adeguatezza{Metafore Storie EmozioniTono
Registro
Stile
Linguaggio
Contesto
Skeumorfismo
Texture
Narrazione
Immagini/Foto
Personaggi
Animazioni
Transizioni
Personalità
Anticipazione
Sorpresa
Reward
2
Coerenza
2
Coerenza
Design vision
Miglioramenti continui
Controlli a ritroso
Umiltà
{
“Not extraordinary design.Be!er design.” — Dieter Rams
Grazie