Presentazione fatta a Better Software 2012 (26.09.2012)

1. VISUAL DESIGN
vs
CREATIVITÀ

2. Ciao

3. Chi sono?
Nicolò Volpato
visual designer / UX designer
presso GNV&Partners

4. @nicolovolpato

5. BETTER SOFTWARE
needs
BETTER DESIGN

6. STARTUPS
need
BETTER DESIGN

7. PEOPLE
need
BETTER DESIGN

8. Lo stato delle cose
Molti assunti sbagliati sul design,
sul visual design in particolare

9. Lo stato delle cose
“Ci serve della creatività!”

10. WTF?

11. Agenzia
creativa
UX Dev

12. Pitch!
Agenzia
creativa
UX Dev

13. Agenzia
creativa
Mockup Feedback
Cliente

14. Agenzia
creativa
Mockup Feedback
Cliente
= 2 MESI

15. Conoscenza
Visual
design
Tempo

16. WTF!!!

17. 1
BETTER DESIGN

18. 1
BETTER DESIGN
(e miglior cultura del design)

19. “Abolire la parola creatività
e promuovere processi user-centered.”
— Alberto Mucignat, AgileUX Camp 2012

20. Il visual design non è arte.
E‘ metodologia,
è ricerca continua,
è esperienza.

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

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

23. Buono è abbastanza

24. Buono è abbastanza, per questa iterazione.
Lavorare per iterazioni presuppone miglioramenti
successivi e consegne a step.
L’eccellenza si raggiunge per gradi, con l’esercizio.

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

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

27. La “coolness” non esiste.
Un visual design non va venduto al cliente.
Va argomentato al cliente.

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

29. “Content precedes design.
Design in the absence of content is not design,
it’s decoration.”
— Jeffrey Zeldman

30. Il visual design non è designer-centered.

31. Occorre umiltà
Non avere fretta di prendere decisioni.
La conoscenza del progetto aumenta nel tempo.

32. “I’ve merely changed my responsibility from
making choices to asking questions.”
— Paul Soulellis

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

34. Occorre rimuovere l’ego dal processo.

35. “Good design should not dominate.
It should not dominate people,
it should help people.”
— Dieter Rams

36. Il visual design non è solo esecuzione.

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

38. How Design Why

39. Making Design Thinking

40. How vs. Why
Esecuzione vs. Obiettivi
Decorazione vs. Significati

41. How vs. Why
Esecuzione vs. Obiettivi
Decorazione vs. Significati

42. Qualità dell’interfaccia
?
Usabile
Affidabile
Funzionale

43. Qualità dell’interfaccia
Piacevole
Usabile
Affidabile
Funzionale

44. 2
BETTER TEAMWORK

45. Il visual design è parte del processo di UX.
Perché esternalizzarlo?
Perché non è mansione del team di UX?

46. Design e sviluppo sono aspe i
dello stesso processo.
Non sono separati.

47. Design
leads
informs
Dev
— Aral Balkan, From The Front 2012

48. Impa o del visual design
Piacevole
Usabile
Affidabile
Funzionale

49. Può il visual design essere agile?

50. Può il visual design essere agile?
Sì.

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

52. Design vision
UX UX UX
Dev Visual Dev Visual Dev Visual

53. Brand Personas Strategy
Design vision
Coerenza
UX UX UX
Dev Visual Dev Visual Dev Visual
Miglioramenti Miglioramenti
continui continui

54. 3
BETTER FEEDBACK

55. Occorre andare oltre il gusto personale.

56. Sogge ività.
Arbitrarietà.

57. Sogge ività.
Arbitrarietà.
Ogge ività.

58. “Il «bello» è conseguenza del «giusto».”
— Bruno Munari

59. Discutere le motivazioni (Why).
– designer: argomentare le scelte e le decisioni
– cliente: chiedere e comprendere le ragioni alla
base del design

60. Due parametri da valutare con a enzione:

61. 1
Adeguatezza

62. 1
Adeguatezza
Tono {
Metafore Storie Emozioni

63. 1
Adeguatezza
Tono
Registro
Stile
Linguaggio
{
Metafore Storie Emozioni
Contesto

64. 1
Adeguatezza
Tono
Registro
Stile
Linguaggio
{
Metafore
Skeumorfismo
Texture
Storie Emozioni
Contesto

65. 1
Adeguatezza
Tono
Registro
Stile
Linguaggio
{
Metafore
Skeumorfismo
Texture
Storie
Narrazione
Immagini/Foto
Personaggi
Emozioni
Contesto Animazioni
Transizioni

66. 1
Adeguatezza
Tono
Registro
Stile
Linguaggio
{
Metafore
Skeumorfismo
Texture
Storie
Narrazione
Immagini/Foto
Personaggi
Emozioni
Personalità
Anticipazione
Sorpresa
Contesto Animazioni Reward
Transizioni

67. 2
Coerenza

68. 2
Coerenza
{ Design vision
Miglioramenti continui
Controlli a ritroso
Umiltà

69. “Not extraordinary design.
Be er design.”
— Dieter Rams

70. Grazie

71. Feedback?
Twitter
@nicolovolpato
Email
nicolo@gnvpartners.com
Web
www.gnvpartners.com