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

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
Marco Fontebasso
 
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
SMAU
 

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 - 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
 
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
 
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
 
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
 
L'universo dietro alle App
L'universo dietro alle AppL'universo dietro alle App
L'universo dietro alle App
 
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

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