際際滷

際際滷Share a Scribd company logo
UX Pattern Library
Che cos竪 un Pattern?
Che cos竪 un Pattern?
Che cos竪 un Pattern?
La base di A Pattern Language
proviene dall'osservare le citt
medievali.
UX Patterns Library
Ogni pattern descrive un problema
che si verifica pi湛 e pi湛 volte nel nostro
ambiente e quindi descrive il nucleo
della soluzione a tale problema, in un
modo che 竪 possibile utilizzare questa
soluzione un milione di volte, senza
mai farlo nello stesso modo due volte

Christopher Alexander
A Pattern Language
The Post-PSD Era
Che cos竪 un Pattern?
Un design pattern 竪 un modo
formale di risolvere un problema di
progettazione generale in un
particolare contesto
 Sono una risorsa universale per
allineare le best practices
 Descrive gli elementi di buon
design
 Fornisce un repository in modo che
altre persone possano facilmente
riutilizzare queste soluzioni
Che cos竪 un Pattern?
UX Patterns Library
Qual 竪 la differenza tra
pattern e componente?
I componenti sono come funziona qualcosa,
inclusi compromessi e vincoli realizzati
attraverso un processo di costruzione
Nathan Curtis
Patterns  Components
The Post-PSD Era
I pattern descrivono come qualcosa
DOVREBBE funzionare in condizioni ideali e
suggerisce come affrontare i compromessi

Nathan Curtis
Patterns  Components
The Post-PSD Era
Esistono altre UX Patterns
Libraries?
Esistono altre UX Patterns Libraries?
Esistono altre UX Patterns Libraries?
Esistono altre UX Patterns Libraries?
Esistono altre UX Patterns Libraries?
Atomic Design
Atomic Design
Cosa abbiamo fatto?
UX Patterns Library
Nathan Curtis
Component Design Guidelines
Le linee guida di progettazione iniziano
come esercizio di scrittura. Le parole ben
scritte contano. Con una struttura ben
organizzata qualsiasi lettore, in particolare i
designer, pu嘆 fare scelte migliori quando si
utilizza un componente.
The Post-PSD Era
Introduzione del nome del componente e del
breve contenuto descrittivo
Esempi che illustrano la variazione, gli stati e le
altre variazioni di un componente
Riferimenti di progettazione che includono Cosa
fare e cosa non fare
Regole del documento
Sono le regole di utilizzo e formattazione del
documento
UX Design Totem 
Sono i principi generali della UX allinterno
dellapplicazione riguardanti ad esempio il
microcopy, le regole di accessibilit e le regole
di formattazione di valori e grafici.
Flussi Generici
Sono i flussi che pi湛 si ripetono nellapplicazione,
pensati dal loro inizio alla loro conclusione. Ad
esempio: flussi di selezione, di attivazione o di
modifica.
Flussi Specifici
Sono i flussi applicati su casi specifici o unici e
che hanno delle particolari criticit o interazioni
che si applicano in contesti precisi (ad esempio
nella prima attivazione o in attivit esclusive del
trading, del planner o della gestione dei conti e
delle carte)
Funzionamento dei componenti
Facendo riferimento ai componenti documentati
della UI Pattern Library di riferimento (iOS,
Android o Web), chiarire casi duso, stati o
comportamenti errati.
Resource
Sono link alle varie fonti principali di
documentazione. Possono essere di progetto,
documentazioni tecniche o riferimento ad
utenze e accessi.
Challenges
Una lista di contenuti che si vorrebbe
approfondire o trattare.
Quando va fatta una
Pattern Library?
UX Patterns Library
I designers applicano pattern per prendere
decisioni gi nella pratica.
Nathan Curtis
Patterns  Components
I designers applicano pattern per prendere
decisioni gi nella pratica
The Post-PSD Era
Discovery
Design
Build
Documentazione
Pubblicazione
Workflow
Workflow
UX Patterns Library

More Related Content

UX Patterns Library

  • 2. Che cos竪 un Pattern?
  • 3. Che cos竪 un Pattern?
  • 4. Che cos竪 un Pattern? La base di A Pattern Language proviene dall'osservare le citt medievali.
  • 6. Ogni pattern descrive un problema che si verifica pi湛 e pi湛 volte nel nostro ambiente e quindi descrive il nucleo della soluzione a tale problema, in un modo che 竪 possibile utilizzare questa soluzione un milione di volte, senza mai farlo nello stesso modo due volte Christopher Alexander A Pattern Language The Post-PSD Era
  • 7. Che cos竪 un Pattern? Un design pattern 竪 un modo formale di risolvere un problema di progettazione generale in un particolare contesto
  • 8. Sono una risorsa universale per allineare le best practices Descrive gli elementi di buon design Fornisce un repository in modo che altre persone possano facilmente riutilizzare queste soluzioni Che cos竪 un Pattern?
  • 10. Qual 竪 la differenza tra pattern e componente?
  • 11. I componenti sono come funziona qualcosa, inclusi compromessi e vincoli realizzati attraverso un processo di costruzione Nathan Curtis Patterns Components The Post-PSD Era
  • 12. I pattern descrivono come qualcosa DOVREBBE funzionare in condizioni ideali e suggerisce come affrontare i compromessi Nathan Curtis Patterns Components The Post-PSD Era
  • 13. Esistono altre UX Patterns Libraries?
  • 14. Esistono altre UX Patterns Libraries?
  • 15. Esistono altre UX Patterns Libraries?
  • 16. Esistono altre UX Patterns Libraries?
  • 17. Esistono altre UX Patterns Libraries?
  • 22. Nathan Curtis Component Design Guidelines Le linee guida di progettazione iniziano come esercizio di scrittura. Le parole ben scritte contano. Con una struttura ben organizzata qualsiasi lettore, in particolare i designer, pu嘆 fare scelte migliori quando si utilizza un componente. The Post-PSD Era
  • 23. Introduzione del nome del componente e del breve contenuto descrittivo
  • 24. Esempi che illustrano la variazione, gli stati e le altre variazioni di un componente
  • 25. Riferimenti di progettazione che includono Cosa fare e cosa non fare
  • 26.
  • 27. Regole del documento Sono le regole di utilizzo e formattazione del documento
  • 28. UX Design Totem Sono i principi generali della UX allinterno dellapplicazione riguardanti ad esempio il microcopy, le regole di accessibilit e le regole di formattazione di valori e grafici.
  • 29. Flussi Generici Sono i flussi che pi湛 si ripetono nellapplicazione, pensati dal loro inizio alla loro conclusione. Ad esempio: flussi di selezione, di attivazione o di modifica.
  • 30. Flussi Specifici Sono i flussi applicati su casi specifici o unici e che hanno delle particolari criticit o interazioni che si applicano in contesti precisi (ad esempio nella prima attivazione o in attivit esclusive del trading, del planner o della gestione dei conti e delle carte)
  • 31. Funzionamento dei componenti Facendo riferimento ai componenti documentati della UI Pattern Library di riferimento (iOS, Android o Web), chiarire casi duso, stati o comportamenti errati.
  • 32. Resource Sono link alle varie fonti principali di documentazione. Possono essere di progetto, documentazioni tecniche o riferimento ad utenze e accessi.
  • 33. Challenges Una lista di contenuti che si vorrebbe approfondire o trattare.
  • 34. Quando va fatta una Pattern Library?
  • 36. I designers applicano pattern per prendere decisioni gi nella pratica.
  • 37. Nathan Curtis Patterns Components I designers applicano pattern per prendere decisioni gi nella pratica The Post-PSD Era