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

Feedback?

Twitter@nicolovolpato

Emailnicolo@gnvpartners.com

Webwww.gnvpartners.com