"Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

113
"Design is a language!" La differenza tra un cazzo di sito e un sito del cazzo @andreapernici +AndreaPernici Andrea Pernici CTO & CO-Founder Search On Media Group & 3Bmeteo

Transcript of "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Page 1: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

andreapernici

+AndreaPernici

Andrea PerniciCTO amp CO-Founder

Search On Media Group

amp 3Bmeteo

WHY PERF MATTERS

Anche io ho fatto faccio e farograve siti delhellip

Anche voiavete fatto fate e farete siti delhellip

Design is a language

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 2: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

WHY PERF MATTERS

Anche io ho fatto faccio e farograve siti delhellip

Anche voiavete fatto fate e farete siti delhellip

Design is a language

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 3: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Anche io ho fatto faccio e farograve siti delhellip

Anche voiavete fatto fate e farete siti delhellip

Design is a language

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 4: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Anche voiavete fatto fate e farete siti delhellip

Design is a language

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 5: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Design is a language

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 6: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Sono tante le cose chedimentichiamo durantela fase di progettazione di prodotti webappdigital

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 7: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

More Google searches were completed on mobile devices than desktop computers

Google Search chief Amit Shingal - sourceOctober 2015

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 8: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

894 millionfacebook mobile daily active users

3rd Quarter 2015 Facebook Report - sourceNovember 2015

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 9: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

manifestjson

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 10: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

SMC

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 11: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La favicon

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 12: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La favicon

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 13: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Onboarding

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 14: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

SELF-SELECT QUICKSTART TOP USER BENEFIT

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 15: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Feature discovery

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 16: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La gestionedegli empty state

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 17: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Lrsquoempy stateldquonessun risultatordquo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 18: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Gli stati di errore

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 19: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La pagina 404

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 20: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di recupero password

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 21: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La fase di ringraziamento

post registrazione

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 22: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Lrsquoemail di benvenuto

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 23: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le pagineprivacy e termini

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 24: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La documentazione

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 25: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Immagini profilodi default

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 26: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il pulsantedi logout

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 27: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il footer

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 28: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

I vari statidei bottoni

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 29: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Ciclo di vita deglielementi

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 30: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

The worst case state

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 31: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

I meccanismidi ordinamento

filtraggio e ricercanelle tabelle

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 32: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le notifichedi sistema

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 33: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il loading state

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 34: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il loading state

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 35: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il loading state

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 36: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le preferenzedi notifica

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 37: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La paginadelle fatture

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 38: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La pagina delle fatture

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 39: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Lrsquoopzione per rimuovereil proprio account

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 40: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Lo strumento di croppingdellrsquoimmagine di profilo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 41: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di upgradedellrsquoaccount

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 42: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La modifica deidati personali

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 43: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La modifica deidati personali

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 44: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le immaginiper gli store

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 45: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le immaginiper i social

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 46: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le immaginipromozionaliper campagnedi advertising

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 47: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le immagini promozionaliper campagne adv

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 48: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le immaginiper i profili social

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 49: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di aggiuntadi una carta di credito

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 50: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di aggiunta modifica impostazione

di oggetti in massa

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 51: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso dicreazione elementi

tramite duplicazione

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 52: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso dildquodo e undordquo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 53: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di eliminazionee ripristino

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 54: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di aggiunta deiprodotti al carrello

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 55: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di creazionedi filtri personalizzati

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 56: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

La contestualizzazionedegli elementi durante

il filtraggioricerca

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 57: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di invitaamici o collaboratori

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 58: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Il flusso di modificadei permessi di accesso

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 59: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Le animazionie transizioni

delle interazioni

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 60: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Lrsquoaccessibilitagrave

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 61: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Anticipatory flow

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 62: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Microcopy

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 63: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Skeleton templates

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 64: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

ORA NIENTE PRANZOCI SONO ALTRE 100 SLIDE SUWEB PERFORMANCE OPTIMIZATION

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 65: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Design is a languageLa differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 66: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

Andrea PerniciCTO amp Co-FounderSearch On Media Groupand 3Bmeteo

Page 67: "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo