SlideShare a Scribd company logo
1 of 113
Download to read offline
"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
WHY PERF MATTERS?
Anche io ho
fatto, faccio e
farò siti del…
Anche voi
avete fatto, fate
e farete siti del…
"Design is a language!"
Sono tante le cose che
dimentichiamo durante
la fase di progettazione di
prodotti web/app/digital
More Google searches were
completed on mobile devices than
desktop computers.
Google Search chief Amit Shingal - sourceOctober 2015
894 million
facebook mobile daily active users.
3rd Quarter 2015 Facebook Report - sourceNovember 2015
manifest.json
SMC
La favicon
La favicon
Onboarding
SELF-SELECT QUICKSTART TOP USER BENEFIT
Feature discovery
La gestione
degli empty state
L’empy state
“nessun risultato”
Gli stati di errore
La pagina 404
Il flusso di
recupero password
La fase di
ringraziamento
post registrazione
L’email di benvenuto
Le pagine
privacy e termini
La documentazione
Immagini profilo
di default
Il pulsante
di logout
Il footer
I vari stati
dei bottoni
Ciclo di vita degli
elementi
The worst case state
I meccanismi
di ordinamento
filtraggio e ricerca
nelle tabelle
Le notifiche
di sistema
Il loading state
Il loading state
Il loading state
Le preferenze
di notifica
La pagina
delle fatture
La pagina delle fatture
L’opzione per rimuovere
il proprio account
Lo strumento di cropping
dell’immagine di profilo
Il flusso di upgrade
dell’account
La modifica dei
dati personali
La modifica dei
dati personali
Le immagini
per gli store
Le immagini
per i social
Le immagini
promozionali
per campagne
di advertising
Le immagini promozionali
per campagne adv
Le immagini
per i profili social
Il flusso di aggiunta
di una carta di credito
Il flusso di aggiunta,
modifica, impostazione
di oggetti in massa
Il flusso di
creazione elementi
tramite duplicazione
Il flusso di
“do e undo”
Il flusso di eliminazione
e ripristino
Il flusso di aggiunta dei
prodotti al carrello
Il flusso di creazione
di filtri personalizzati
La contestualizzazione
degli elementi durante
il filtraggio/ricerca
Il flusso di invita
amici o collaboratori
Il flusso di modifica
dei permessi di accesso
Le animazioni
e transizioni
delle interazioni
L’accessibilità
Anticipatory flow
Microcopy
Skeleton templates
ORA NIENTE PRANZO
CI SONO ALTRE 100 SLIDE SU
WEB PERFORMANCE OPTIMIZATION
"Design is a language!"
La differenza tra un cazzo di sito e un sito del cazzo
Andrea Pernici
CTO & Co-Founder
Search On Media Group
and 3Bmeteo
"Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo

More Related Content

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

IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità:  una strat...IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità:  una strat...
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...TSW
 
Presentazione WEBB.it 2004 - Bilanciare SEO e PPC
Presentazione WEBB.it 2004 - Bilanciare SEO e PPCPresentazione WEBB.it 2004 - Bilanciare SEO e PPC
Presentazione WEBB.it 2004 - Bilanciare SEO e PPCMarco Fontebasso
 
Comportamenti di ricerca, SEO e commercio elettronico
Comportamenti di ricerca, SEO e commercio elettronicoComportamenti di ricerca, SEO e commercio elettronico
Comportamenti di ricerca, SEO e commercio elettronicoMarco Loguercio [FIND]
 
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015FIND / Search Driven Marketing
 
Nereo Sciutto, Webranking, IAB Seminar 2011 Search Marketing
Nereo Sciutto, Webranking, IAB Seminar 2011 Search MarketingNereo Sciutto, Webranking, IAB Seminar 2011 Search Marketing
Nereo Sciutto, Webranking, IAB Seminar 2011 Search MarketingNereo Sciutto
 
I Brand sono importanti per Google
I Brand sono importanti per GoogleI Brand sono importanti per Google
I Brand sono importanti per GoogleE. Luca Bove
 
SEO con Lungimiranza - VI Convegno GT 2011
SEO con Lungimiranza - VI Convegno GT 2011SEO con Lungimiranza - VI Convegno GT 2011
SEO con Lungimiranza - VI Convegno GT 2011Paolo Dello Vicario
 
Internazionalizzazione web - SMAU - Milano Ottobre 2013
Internazionalizzazione web - SMAU - Milano Ottobre 2013Internazionalizzazione web - SMAU - Milano Ottobre 2013
Internazionalizzazione web - SMAU - Milano Ottobre 2013Achille Falzone
 
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul web
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul webIISS "Andrea Fantoni" di Clusone | Il mio lavoro sul web
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul webRuben Vezzoli
 
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...B com Expo | GL events Italia
 
Piano strategico di Web marketing
Piano strategico di Web marketingPiano strategico di Web marketing
Piano strategico di Web marketingCentocento IMCT
 
L'universo dietro alle App
L'universo dietro alle AppL'universo dietro alle App
L'universo dietro alle AppMatteo Collina
 
Smau milano 2012 arena social media matteo-collina
Smau milano 2012   arena social media matteo-collinaSmau milano 2012   arena social media matteo-collina
Smau milano 2012 arena social media matteo-collinaSMAU
 
Tecnologie semantiche per il giornalismo @ SISSA
Tecnologie semantiche per il giornalismo @ SISSATecnologie semantiche per il giornalismo @ SISSA
Tecnologie semantiche per il giornalismo @ SISSAMatteo Brunati
 
Laboratorio internet 9: Sviluppo delle funzioni
Laboratorio internet 9: Sviluppo delle funzioniLaboratorio internet 9: Sviluppo delle funzioni
Laboratorio internet 9: Sviluppo delle funzioniRoberto Polillo
 
Knowledge group hrc 12 novembre 2009 - amplifon
Knowledge group   hrc 12 novembre 2009 - amplifonKnowledge group   hrc 12 novembre 2009 - amplifon
Knowledge group hrc 12 novembre 2009 - amplifonEugenio Amendola
 

Similar to "Design is a Language!" / La differenza tra un cazzo di sito e un sito del cazzo (20)

IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità:  una strat...IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità:  una strat...
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...
 
Presentazione WEBB.it 2004 - Bilanciare SEO e PPC
Presentazione WEBB.it 2004 - Bilanciare SEO e PPCPresentazione WEBB.it 2004 - Bilanciare SEO e PPC
Presentazione WEBB.it 2004 - Bilanciare SEO e PPC
 
Web reputation
Web reputation Web reputation
Web reputation
 
Web Reputation
Web ReputationWeb Reputation
Web Reputation
 
Comportamenti di ricerca, SEO e commercio elettronico
Comportamenti di ricerca, SEO e commercio elettronicoComportamenti di ricerca, SEO e commercio elettronico
Comportamenti di ricerca, SEO e commercio elettronico
 
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
 
Nereo Sciutto, Webranking, IAB Seminar 2011 Search Marketing
Nereo Sciutto, Webranking, IAB Seminar 2011 Search MarketingNereo Sciutto, Webranking, IAB Seminar 2011 Search Marketing
Nereo Sciutto, Webranking, IAB Seminar 2011 Search Marketing
 
I Brand sono importanti per Google
I Brand sono importanti per GoogleI Brand sono importanti per Google
I Brand sono importanti per Google
 
curriculum
curriculumcurriculum
curriculum
 
SEO con Lungimiranza - VI Convegno GT 2011
SEO con Lungimiranza - VI Convegno GT 2011SEO con Lungimiranza - VI Convegno GT 2011
SEO con Lungimiranza - VI Convegno GT 2011
 
Internazionalizzazione web - SMAU - Milano Ottobre 2013
Internazionalizzazione web - SMAU - Milano Ottobre 2013Internazionalizzazione web - SMAU - Milano Ottobre 2013
Internazionalizzazione web - SMAU - Milano Ottobre 2013
 
Search Engine Copywriting
Search Engine CopywritingSearch Engine Copywriting
Search Engine Copywriting
 
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul web
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul webIISS "Andrea Fantoni" di Clusone | Il mio lavoro sul web
IISS "Andrea Fantoni" di Clusone | Il mio lavoro sul web
 
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...
B com 2013 | SEO: Search Experience Optimization. Quello che piace agli Utent...
 
Piano strategico di Web marketing
Piano strategico di Web marketingPiano strategico di Web marketing
Piano strategico di Web marketing
 
L'universo dietro alle App
L'universo dietro alle AppL'universo dietro alle App
L'universo dietro alle App
 
Smau milano 2012 arena social media matteo-collina
Smau milano 2012   arena social media matteo-collinaSmau milano 2012   arena social media matteo-collina
Smau milano 2012 arena social media matteo-collina
 
Tecnologie semantiche per il giornalismo @ SISSA
Tecnologie semantiche per il giornalismo @ SISSATecnologie semantiche per il giornalismo @ SISSA
Tecnologie semantiche per il giornalismo @ SISSA
 
Laboratorio internet 9: Sviluppo delle funzioni
Laboratorio internet 9: Sviluppo delle funzioniLaboratorio internet 9: Sviluppo delle funzioni
Laboratorio internet 9: Sviluppo delle funzioni
 
Knowledge group hrc 12 novembre 2009 - amplifon
Knowledge group   hrc 12 novembre 2009 - amplifonKnowledge group   hrc 12 novembre 2009 - amplifon
Knowledge group hrc 12 novembre 2009 - amplifon
 

More from Andrea Pernici

SEO & UX: Fitting Them Into the Design Process
SEO & UX: Fitting Them Into the Design ProcessSEO & UX: Fitting Them Into the Design Process
SEO & UX: Fitting Them Into the Design ProcessAndrea Pernici
 
Improving and evaluating your websites performance #SEOzone
Improving and evaluating your websites performance #SEOzoneImproving and evaluating your websites performance #SEOzone
Improving and evaluating your websites performance #SEOzoneAndrea Pernici
 
Mobile Search Marketing: promotion opportunities for your site and your appli...
Mobile Search Marketing: promotion opportunities for your site and your appli...Mobile Search Marketing: promotion opportunities for your site and your appli...
Mobile Search Marketing: promotion opportunities for your site and your appli...Andrea Pernici
 
Responsive Web Design at The Speed of light
Responsive Web Design at The Speed of lightResponsive Web Design at The Speed of light
Responsive Web Design at The Speed of lightAndrea Pernici
 
Lo scenario del mobile in italia e il suo futuro
Lo scenario del mobile in italia e il suo futuroLo scenario del mobile in italia e il suo futuro
Lo scenario del mobile in italia e il suo futuroAndrea Pernici
 
SEO - Le Basi dell'Ottimizzazione Per I Motori Di Ricerca
SEO - Le Basi dell'Ottimizzazione Per I Motori Di RicercaSEO - Le Basi dell'Ottimizzazione Per I Motori Di Ricerca
SEO - Le Basi dell'Ottimizzazione Per I Motori Di RicercaAndrea Pernici
 
Google+ Ha Fatto Flop #gplusflop
Google+ Ha Fatto Flop #gplusflopGoogle+ Ha Fatto Flop #gplusflop
Google+ Ha Fatto Flop #gplusflopAndrea Pernici
 
Author Rank & Authorship Markup
Author Rank & Authorship MarkupAuthor Rank & Authorship Markup
Author Rank & Authorship MarkupAndrea Pernici
 
Web Performance Optimization: Non Puoi Più Astenerti e Ignorarle
Web Performance Optimization: Non Puoi Più Astenerti e IgnorarleWeb Performance Optimization: Non Puoi Più Astenerti e Ignorarle
Web Performance Optimization: Non Puoi Più Astenerti e IgnorarleAndrea Pernici
 

More from Andrea Pernici (10)

SEO & UX: Fitting Them Into the Design Process
SEO & UX: Fitting Them Into the Design ProcessSEO & UX: Fitting Them Into the Design Process
SEO & UX: Fitting Them Into the Design Process
 
Improving and evaluating your websites performance #SEOzone
Improving and evaluating your websites performance #SEOzoneImproving and evaluating your websites performance #SEOzone
Improving and evaluating your websites performance #SEOzone
 
Mobile Search Marketing: promotion opportunities for your site and your appli...
Mobile Search Marketing: promotion opportunities for your site and your appli...Mobile Search Marketing: promotion opportunities for your site and your appli...
Mobile Search Marketing: promotion opportunities for your site and your appli...
 
Responsive Web Design at The Speed of light
Responsive Web Design at The Speed of lightResponsive Web Design at The Speed of light
Responsive Web Design at The Speed of light
 
Lo scenario del mobile in italia e il suo futuro
Lo scenario del mobile in italia e il suo futuroLo scenario del mobile in italia e il suo futuro
Lo scenario del mobile in italia e il suo futuro
 
SEO - Le Basi dell'Ottimizzazione Per I Motori Di Ricerca
SEO - Le Basi dell'Ottimizzazione Per I Motori Di RicercaSEO - Le Basi dell'Ottimizzazione Per I Motori Di Ricerca
SEO - Le Basi dell'Ottimizzazione Per I Motori Di Ricerca
 
Google+ Ha Fatto Flop #gplusflop
Google+ Ha Fatto Flop #gplusflopGoogle+ Ha Fatto Flop #gplusflop
Google+ Ha Fatto Flop #gplusflop
 
Author Rank & Authorship Markup
Author Rank & Authorship MarkupAuthor Rank & Authorship Markup
Author Rank & Authorship Markup
 
Seo e Non Seo
Seo e Non SeoSeo e Non Seo
Seo e Non Seo
 
Web Performance Optimization: Non Puoi Più Astenerti e Ignorarle
Web Performance Optimization: Non Puoi Più Astenerti e IgnorarleWeb Performance Optimization: Non Puoi Più Astenerti e Ignorarle
Web Performance Optimization: Non Puoi Più Astenerti e Ignorarle
 

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