Visual Design vs. Creatività

9,849
-1

Published on

Presentazione fatta a Better Software 2012 (26.09.2012)

Published in: Design
5 Comments
46 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,849
On Slideshare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
106
Comments
5
Likes
46
Embeds 0
No embeds

No notes for slide

Visual Design vs. Creatività

  1. 1. VISUAL DESIGN vs CREATIVITÀ
  2. 2. Ciao
  3. 3. Chi sono? Nicolò Volpatovisual designer / UX designer presso GNV&Partners
  4. 4. @nicolovolpato
  5. 5. BETTER SOFTWARE needs BETTER DESIGN
  6. 6. STARTUPS needBETTER DESIGN
  7. 7. PEOPLE needBETTER DESIGN
  8. 8. Lo stato delle coseMolti assunti sbagliati sul design, sul visual design in particolare
  9. 9. Lo stato delle cose“Ci serve della creatività!”
  10. 10. WTF?
  11. 11. Agenzia creativaUX Dev
  12. 12. Pitch! Agenzia creativaUX Dev
  13. 13. Agenzia creativaMockup Feedback Cliente
  14. 14. Agenzia creativaMockup Feedback Cliente = 2 MESI
  15. 15. ConoscenzaVisualdesign Tempo
  16. 16. WTF!!!
  17. 17. 1BETTER DESIGN
  18. 18. 1 BETTER DESIGN(e miglior cultura del design)
  19. 19. “Abolire la parola creativitàe promuovere processi user-centered.”— Alberto Mucignat, AgileUX Camp 2012
  20. 20. Il visual design non è arte.E‘ metodologia,è ricerca continua,è esperienza.
  21. 21. La creatività è sopravvalutata.Un buon design non è il prodotto di un’intuizionedi un secondo.E’ frutto di un processo, è un ragionamento.Richiede tempo, richiede pratica.Il design è un mestiere.
  22. 22. Perfe o non esiste.Il design è un processo che si svolge nel tempo.L’esito della progettazione cambia se cambiano gliutenti o i loro bisogni.Il design è iterativo, non fisso.
  23. 23. Buono è abbastanza
  24. 24. Buono è abbastanza, per questa iterazione.Lavorare per iterazioni presuppone miglioramentisuccessivi e consegne a step.L’eccellenza si raggiunge per gradi, con l’esercizio.
  25. 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. 26. La “coolness” non esiste.Non proponete ad un cliente un visual design perché ècool, di moda o perché segue i trend delle designgalleries.E voi clienti, non chiedete un design uguale a quelloche avete visto nelle design galleries.
  27. 27. La “coolness” non esiste.Un visual design non va venduto al cliente.Va argomentato al cliente.
  28. 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. 29. “Content precedes design.Design in the absence of content is not design,it’s decoration.”— Jeffrey Zeldman
  30. 30. Il visual design non è designer-centered.
  31. 31. Occorre umiltàNon avere fretta di prendere decisioni.La conoscenza del progetto aumenta nel tempo.
  32. 32. “I’ve merely changed my responsibility frommaking choices to asking questions.”— Paul Soulellis
  33. 33. Lo stile del designer non è rilevante.Sono il progetto, la tipologia di utenti, il contenuto adeterminare lo stile ed il tono del visual design.Il risultato deve avere una propria personalità,non rispecchiare la personalità del designer.
  34. 34. Occorre rimuovere l’ego dal processo.
  35. 35. “Good design should not dominate.It should not dominate people,it should help people.”— Dieter Rams
  36. 36. Il visual design non è solo esecuzione.
  37. 37. “It’s not about asking How, but Why.It’s not about execution, it’s aboutthe purpose of what we’re doing.”— Frank Chimero
  38. 38. How Design Why
  39. 39. Making Design Thinking
  40. 40. How vs. Why Esecuzione vs. ObiettiviDecorazione vs. Significati
  41. 41. How vs. Why Esecuzione vs. ObiettiviDecorazione vs. Significati
  42. 42. Qualità dell’interfaccia ? Usabile Affidabile Funzionale
  43. 43. Qualità dell’interfaccia Piacevole Usabile Affidabile Funzionale
  44. 44. 2BETTER TEAMWORK
  45. 45. Il visual design è parte del processo di UX.Perché esternalizzarlo?Perché non è mansione del team di UX?
  46. 46. Design e sviluppo sono aspe idello stesso processo.Non sono separati.
  47. 47. Design leadsinforms Dev — Aral Balkan, From The Front 2012
  48. 48. Impa o del visual design Piacevole Usabile Affidabile Funzionale
  49. 49. Può il visual design essere agile?
  50. 50. Può il visual design essere agile?Sì.
  51. 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. 52. Design vision UX UX UXDev Visual Dev Visual Dev Visual
  53. 53. Brand Personas Strategy Design vision Coerenza UX UX UX Dev Visual Dev Visual Dev Visual Miglioramenti Miglioramenti continui continui
  54. 54. 3BETTER FEEDBACK
  55. 55. Occorre andare oltre il gusto personale.
  56. 56. Sogge ività.Arbitrarietà.
  57. 57. Sogge ività.Arbitrarietà.Ogge ività.
  58. 58. “Il «bello» è conseguenza del «giusto».”— Bruno Munari
  59. 59. Discutere le motivazioni (Why).– designer: argomentare le scelte e le decisioni– cliente: chiedere e comprendere le ragioni alla base del design
  60. 60. Due parametri da valutare con a enzione:
  61. 61. 1Adeguatezza
  62. 62. 1 AdeguatezzaTono { Metafore Storie Emozioni
  63. 63. 1 Adeguatezza Tono Registro StileLinguaggio { Metafore Storie EmozioniContesto
  64. 64. 1 Adeguatezza Tono Registro StileLinguaggio { Metafore Skeumorfismo Texture Storie EmozioniContesto
  65. 65. 1 Adeguatezza Tono Registro StileLinguaggio { Metafore Skeumorfismo Texture Storie Narrazione Immagini/Foto Personaggi EmozioniContesto Animazioni Transizioni
  66. 66. 1 Adeguatezza Tono Registro StileLinguaggio { Metafore Skeumorfismo Texture Storie Narrazione Immagini/Foto Personaggi Emozioni Personalità Anticipazione SorpresaContesto Animazioni Reward Transizioni
  67. 67. 2Coerenza
  68. 68. 2 Coerenza{ Design visionMiglioramenti continui Controlli a ritroso Umiltà
  69. 69. “Not extraordinary design.Be er design.”— Dieter Rams
  70. 70. Grazie
  71. 71. Feedback?Twitter@nicolovolpatoEmailnicolo@gnvpartners.comWebwww.gnvpartners.com

×