O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
10hack
perrealizzareunsito
editorialedisuccesso
interventoa codemastertaginnovationschool
18novembre2015
fabiobin
chisono
unosviluppatore?(purtroppo)no
eundesigner?nemmeno
chisono
unosviluppatore?(purtroppo)no
eundesigner?nemmeno
checifaccioqui?
all’universitàwebdesignerautodidatta
responsabilemarketingepubblicitàonlineingruppieditoriali
coordinatore delcomitatotecn...
dicosa
parliamo
oggi?
comesi
realizzaun
prodotto
editoriale
digital
dicosa
parliamo
oggi?
che
caratteristiche
haunprodotto
editoriale?
doppio
mercato
audience Credits: Shutterstock
audience
advertising
Credits: Shutterstock Credits: Kappuru / Life of Pix
offrirecontenuti
(diqualità)
attrarreaudience
manteneregliutentia
lungosulsito
Credits: Shutterstock
renderearmonicii
contenutiela
pubblicitàCredits: Shutterstock
misurarei
fenomeni
rilevanti
Credits: Shutterstock
rendere
l’advertising
performante Credits: Shutterstock
contenuti
audience
advertising
Credits: Shutterstock
ilnostro
caso
unsitoeditoriale
perstudenti.
dazero.
ilnostro
caso
unpiccolopasso
indietro
abbiamogià
unsitoeuna
community
leadersul
targetdegli
studentidelle
superiori…
Credits: ScuolaZoo
…manon
presentesul
targetdegli
universitari
unsegmento
presidiatoda
competitor
focusedsu
appuntie
didattica
sipotrebbefare…
studentiuniversitari,fuori
sedeegiovanilavoratori
rispondereaproblemi
praticidellavitadituttii
giorni
conuntonoleggeroe
pr...
Essereillifehackerdegli
studentiedeigiovani
lavoratori
unbrand
statement,
una
mission
“
”
let’sdoit!
let’sdoit!
vediamo
questi
hack?
maprima…
adottiamo
un
approccio
full-stack
manon
solonello
sviluppo!
Fonte: Sitepoiint
full-stack
come
mindset
metterele
maniinpasta.
dappertuttoCredits: Life of Pix
hack#1
progetta
inbase
agli
obiettivi
realizzareunprodottoeditorialeonline
l’elenco
degli
obiettivi
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
l’elenco
degli
obiettivi
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
latecnologiaolasoluzioneche
voglioimplementaremiconsentedi
raggiungeregliobiettivi?
possoimmaginaresoluzionidiUXe
UIrealis...
hack#2
traducigli
obiettivi
inKPIs
rilevanti
periltuo
business
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
realizzareunprodottoeditorialeonline
scalabilepervolumidicontenuti
scalabilepervolumiditraffico
accessibiledacollaboratori...
obiettiviKPIs
numerovisite
numeroutenti
numerodiPagineViste/Visita
tempodipermanenza
bouncerate
traffico
KPIsprimari
obiettiviKPIs
traffico
numerovisite
numeroutenti
numerodiPagineViste/Visita
tempodipermanenza
bouncerate
clicksuspecificib...
hack#3
organizzai
contenuti

(eicontenitori)
contentsufesteerasmus
dove
collocoil
contenuto
?
università studiall’estero divertimento cittàuniversitarie
quanti
contenitori
devo
prevedere
?
tesilaurea studiall’estero divertimento vacanze
matricole università studiare vitauniv...
devo
prevedere
deisotto-
contenitori
?
fuorisede
casealloggio coinquilini bolletteedeconomia
domestica
cittàuniversitarie
cherelazionideveprevederetral’articoloeilsuo
autore?
eancora
chiedersi
cherelazionideveprevederetral’articoloeilsuo
autore?
comeordinoladisponibilitàdiunarticolo
all’internoall’internodiunapagi...
cherelazionideveprevederetral’articoloeilsuo
autore?
comeordinoladisponibilitàdiunarticolo
all’internoall’internodiunapagi...
cherelazionideveprevederetral’articoloeilsuo
autore?
comeordinoladisponibilitàdiunarticolo
all’internoall’internodiunapagi...
cherelazionideveprevederetral’articoloeilsuo
autore?
comeordinoladisponibilitàdiunarticolo
all’internoall’internodiunapagi...
la
risposta?
lasciamociguidaredallebest
practices
la
risposta?
lajourney
classicadi
unsitonon
brand
singlecontent
lajourney
classicadi
unsitonon
brand
singlecontent
single+paginecollegate
lajourney
classicadi
unsitonon
brand
singlecontent
single+paginecollegate
single+suggestedarticles
struttura
seoma
come?
partiamodaivolumidiricerca
peritopicprincipali
struttura
seoma
come?
…einbaseaquestacostruiamo
l’alberaturadelsitochevogliamo
struttura
seoma
come?
conslug“parlanti”e metaben
valorizzati
scendere
adun
livellodi
maggior
dettaglio
vediamoi
template
fondamentali:
content pages
pagine
contenuto
“single”
pagine
contenuto
“gallery”
pagine
contenuto
“slide”
paginedi
raccordo,
aggregatori,
homepage
versioniper
mobile
hack#4
pensada
subito
alla
pubblicità
devmostly
frequent
ouch
Mi passi il tag?
“ ”Ma dov’è che va?
“ ”
Azz! ci siamo dimenticati l’adv!
“ ”Ma su mobile non funz...
devmostly
frequent
ouch
tanto io ho l’adblocker
“ ”
ripartiamo l’avddeveessereperformante
(eperesserlodeveesserevisibile)
visibilenonvuol
dire
necessariamente
“inalto”
inaltosudesktop

(mainfondosumobile)
prevederetuttele
casistiche

(eprepariamoci
anche
all’evoluzione)
Skin
Intro Header
Una nuova tipologia di intro al sito c...
integrarenativee
customcontent
nelCMS
integrare
sponsored

teaser
e

sponsored
content

nelCMS
rendere
sponsorizzabili
tuttiiteaser
integrareilCMS
consistemidi
trackingadv
terzeparti!
hack#5
razionalizza
quellodicui
haibisogno
periniziare
facciamo
una
checklist
cosaciserve?
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
facciamo
una
checklist
unpianoeditoriale
macronecessitàalivellodifunzionalitàCMS
ladefinizionedell’architetturadell’inform...
e
finalmente
hack#6
snellisciil
processoe
itera.
ilflusso
tradizionale
strategia UX wireframe UI/visual front-end
ilflusso
tradizionale
strategia UX wireframe UI/visual front-end
ilflusso
tradizionale
strategia UX wireframe UI/visual front-end
snellire.
sipuò.
strategia UX UI/Visual
Front-end
UX
strategia UX wireframe UI/visual front-end
alivello
macro
980px 1140px
darequisiti rework
alivellodi
dettaglio
alivellodi
dettaglio
elavorare
direttamente
sufront-end
eliminareancheireworksuvisual
hack#7
progettain
mododa
manteneregli
utentiilpiù a
lungopossibile
sulsito
offrireall’utenteilmaggiornumero
possibiledioccasionidiconsumare
ulteroricontenuti
strategia#1
incentivare
l’utentea
consu...
strategia#1
incentivare
l’utentea
consumare
piùcontenuti
servizidicontentdiscovery
plug-inwordpress custom
strategia#1
incentivare
l’utentea
consumare
piùcontenuti
posizionamentointelligentedeiwidget
strategia#1
incentivare
l’utentea
consumare
piùcontenuti
integrazionelook&feeldeiwidget
strategia#1
incentivare
l’utentea
consumare
piùcontenuti
ridondanzadinuovicontenuti/link
creareun’esperienzadi
paginationfluidae“sensata”,
chenondeveesserepercepita
comeforzata
strategia#2
“trascinare”
l’utentes...
strategia#2
“trascinare”
l’utentesupiù
paginenell’ambito
dellostesso
contenuto
strategia#2
“trascinare”
l’utentesupiù
paginenell’ambito
dellostesso
contenuto
strategia#2
“trascinare”
l’utentesupiù
paginenell’ambito
dellostesso
contenuto
strategia#2
“trascinare”
l’utentesupiù
paginenell’ambito
dellostesso
contenuto
strategia#2
“trascinare”
l’utentesupiù
paginenell’ambito
dellostesso
contenuto
hack#8
progettaper
massimizzare
lecondivisioni
tastidi
share.
preminenti
tastidi
share.
…econtestuali
tastidi
share.
device-based
tastidi
share.
facebooksempreprotagonista
enondimenticarei
metaOGele
immaginiperlo
share!
FAIL! THISISBAD
bastapoco!
ITWORKS!
hack#9 curaidettagli
The details are not details.
They make the product.
“
”CHARLES EAMES
Calltoaction
suteaser
customizzabile
dall’editor
calltoactioncustom
elementidi
microUI:
numerazione
bulletpointse
progressbar
slide
bulletcustom
progressbarpaginationslide
breadcrumb
mascherateda
“etichette”
Home > Vita universitaria > Buzz
breadcrumb
mascherateda
“etichette”
breadcrumb
call-outall’over
suelementidi
UIproprietari
call-out
pagineautore
concover
personalizzata,
socialprofiles
edatidiattività
spazioautore
customsu
ogni
contenuto
schedaautore
coversezioni
personalizzabili
defaultcover
coversezioni
personalizzabili
customcover
coversezioni
personalizzabili
customcover
schedeautore
supagina
redazione
customizzabili
perciascun
autore
tastoarticolo
successivo
conetichetta
dicontenuto
labeltasto
hack#10
steallikean
artist
The only art I’ll
ever study is
stuff that
I can steal from
“
”DAVID BOWIE
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
studiare
per
copiare
soluzionidiUX/UI
cosa
“copiare”

?
formatdicontenuto
snippetdicodice
ideecreative
tuttoquellochetiserve
rubare
“bene”
Fonte:AustinKleon
grazie!
fabiobin@zoocom.it
https://it.linkedin.com/in/fabiobin
Próximos SlideShares
Carregando em…5
×

10 hack per creare un sito editoriale di successo

1.448 visualizações

Publicada em

Intervento al CodeMaster - Tag Innovation School con indicazioni pratiche su come progettare un sito editoriale multi device per il target studenti in 10 step: dal concept alla definizione dell'architettura dell'informazione, dalla requisitazione di alto livello allo sviluppo di UX e UI fino alla messa in produzione

Publicada em: Internet
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

10 hack per creare un sito editoriale di successo

  1. 1. 10hack perrealizzareunsito editorialedisuccesso interventoa codemastertaginnovationschool 18novembre2015 fabiobin
  2. 2. chisono unosviluppatore?(purtroppo)no eundesigner?nemmeno
  3. 3. chisono unosviluppatore?(purtroppo)no eundesigner?nemmeno checifaccioqui?
  4. 4. all’universitàwebdesignerautodidatta responsabilemarketingepubblicitàonlineingruppieditoriali coordinatore delcomitatotecnicodiaudiweb responsabileprodottodigitaleingruppieditoriali pubblicitàeinnovazionedigitaleinOneDay dicosamisonooccupato
  5. 5. dicosa parliamo oggi?
  6. 6. comesi realizzaun prodotto editoriale digital dicosa parliamo oggi?
  7. 7. che caratteristiche haunprodotto editoriale?
  8. 8. doppio mercato
  9. 9. audience Credits: Shutterstock
  10. 10. audience advertising Credits: Shutterstock Credits: Kappuru / Life of Pix
  11. 11. offrirecontenuti (diqualità)
  12. 12. attrarreaudience
  13. 13. manteneregliutentia lungosulsito Credits: Shutterstock
  14. 14. renderearmonicii contenutiela pubblicitàCredits: Shutterstock
  15. 15. misurarei fenomeni rilevanti Credits: Shutterstock
  16. 16. rendere l’advertising performante Credits: Shutterstock
  17. 17. contenuti audience advertising Credits: Shutterstock
  18. 18. ilnostro caso unsitoeditoriale perstudenti. dazero.
  19. 19. ilnostro caso unpiccolopasso indietro
  20. 20. abbiamogià unsitoeuna community leadersul targetdegli studentidelle superiori… Credits: ScuolaZoo
  21. 21. …manon presentesul targetdegli universitari
  22. 22. unsegmento presidiatoda competitor focusedsu appuntie didattica
  23. 23. sipotrebbefare…
  24. 24. studentiuniversitari,fuori sedeegiovanilavoratori rispondereaproblemi praticidellavitadituttii giorni conuntonoleggeroe pratico perchi perché? come?
  25. 25. Essereillifehackerdegli studentiedeigiovani lavoratori unbrand statement, una mission “ ”
  26. 26. let’sdoit!
  27. 27. let’sdoit!
  28. 28. vediamo questi hack?
  29. 29. maprima…
  30. 30. adottiamo un approccio full-stack
  31. 31. manon solonello sviluppo! Fonte: Sitepoiint
  32. 32. full-stack come mindset
  33. 33. metterele maniinpasta. dappertuttoCredits: Life of Pix
  34. 34. hack#1 progetta inbase agli obiettivi
  35. 35. realizzareunprodottoeditorialeonline l’elenco degli obiettivi
  36. 36. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico l’elenco degli obiettivi
  37. 37. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice l’elenco degli obiettivi
  38. 38. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice conunafortebrandidentity conunposizionamentochiaroedifferenziante l’elenco degli obiettivi
  39. 39. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice conunafortebrandidentity conunposizionamentochiaroedifferenziante ingradodiattirarenuoviutentidaSEO e…dasocial l’elenco degli obiettivi
  40. 40. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice conunafortebrandidentity conunposizionamentochiaroedifferenziante ingradodiattirarenuoviutentidaSEO e…dasocial ingradodigenerareunelevatonumerodiPVs chesupportiformatiadvertisingstandardecustom l’elenco degli obiettivi
  41. 41. latecnologiaolasoluzioneche voglioimplementaremiconsentedi raggiungeregliobiettivi? possoimmaginaresoluzionidiUXe UIrealisticamenteapplicabilieche miconsentanodiraggiungeregli obiettivi? le domande daporsi
  42. 42. hack#2 traducigli obiettivi inKPIs rilevanti periltuo business
  43. 43. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice conunafortebrandidentity conunposizionamentochiaroedifferenziante ingradodiattirarenuoviutentidaSEO …edasocial ingradodigenerareunelevatonumerodiPVs chesupportiformatiadvertisingstandardecustom torniamo all’elenco degli obiettivi
  44. 44. realizzareunprodottoeditorialeonline scalabilepervolumidicontenuti scalabilepervolumiditraffico accessibiledacollaboratoriesterni ottimizzatopertuttiidevice conunafortebrandidentity conunposizionamentochiaroedifferenziante ingradodiattirarenuoviutentidaSEO …edasocial ingradodigenerareunelevatonumerodiPVs chesupportiformatiadvertisingstandardecustom focuson
  45. 45. obiettiviKPIs numerovisite numeroutenti numerodiPagineViste/Visita tempodipermanenza bouncerate traffico KPIsprimari
  46. 46. obiettiviKPIs traffico numerovisite numeroutenti numerodiPagineViste/Visita tempodipermanenza bouncerate clicksuspecificibottoni numerosharedallapagina perfomanceperautore performancepersezione KPIssecondari
  47. 47. hack#3 organizzai contenuti
 (eicontenitori)
  48. 48. contentsufesteerasmus dove collocoil contenuto ? università studiall’estero divertimento cittàuniversitarie
  49. 49. quanti contenitori devo prevedere ? tesilaurea studiall’estero divertimento vacanze matricole università studiare vitauniversitaria alloggio coinquilini lavoro stage
  50. 50. devo prevedere deisotto- contenitori ? fuorisede casealloggio coinquilini bolletteedeconomia domestica cittàuniversitarie
  51. 51. cherelazionideveprevederetral’articoloeilsuo autore? eancora chiedersi
  52. 52. cherelazionideveprevederetral’articoloeilsuo autore? comeordinoladisponibilitàdiunarticolo all’internoall’internodiunapaginacollettore?eancora chiedersi
  53. 53. cherelazionideveprevederetral’articoloeilsuo autore? comeordinoladisponibilitàdiunarticolo all’internoall’internodiunapaginacollettore? ènecessariofaredellepaginecollettori? eancora chiedersi
  54. 54. cherelazionideveprevederetral’articoloeilsuo autore? comeordinoladisponibilitàdiunarticolo all’internoall’internodiunapaginacollettore? ènecessariofaredellepaginecollettori? alivellodisingolapaginachetipodi organizzazioneinternadevoavere? eancora chiedersi
  55. 55. cherelazionideveprevederetral’articoloeilsuo autore? comeordinoladisponibilitàdiunarticolo all’internoall’internodiunapaginacollettore? ènecessariofaredellepaginecollettori? alivellodisingolapaginachetipodi organizzazioneinternadevoavere? devodareall’utentelapossibilitàdicercaretrai contenuti? eancora chiedersi
  56. 56. la risposta?
  57. 57. lasciamociguidaredallebest practices la risposta?
  58. 58. lajourney classicadi unsitonon brand singlecontent
  59. 59. lajourney classicadi unsitonon brand singlecontent single+paginecollegate
  60. 60. lajourney classicadi unsitonon brand singlecontent single+paginecollegate single+suggestedarticles
  61. 61. struttura seoma come? partiamodaivolumidiricerca peritopicprincipali
  62. 62. struttura seoma come? …einbaseaquestacostruiamo l’alberaturadelsitochevogliamo
  63. 63. struttura seoma come? conslug“parlanti”e metaben valorizzati
  64. 64. scendere adun livellodi maggior dettaglio
  65. 65. vediamoi template fondamentali: content pages
  66. 66. pagine contenuto “single”
  67. 67. pagine contenuto “gallery”
  68. 68. pagine contenuto “slide”
  69. 69. paginedi raccordo, aggregatori, homepage
  70. 70. versioniper mobile
  71. 71. hack#4 pensada subito alla pubblicità
  72. 72. devmostly frequent ouch Mi passi il tag? “ ”Ma dov’è che va? “ ” Azz! ci siamo dimenticati l’adv! “ ”Ma su mobile non funziona! Rovina tutto il layout “ “ ” ”
  73. 73. devmostly frequent ouch tanto io ho l’adblocker “ ”
  74. 74. ripartiamo l’avddeveessereperformante (eperesserlodeveesserevisibile)
  75. 75. visibilenonvuol dire necessariamente “inalto” inaltosudesktop
 (mainfondosumobile)
  76. 76. prevederetuttele casistiche
 (eprepariamoci anche all’evoluzione) Skin Intro Header Una nuova tipologia di intro al sito che consente di precaricare una creatività a schermo pieno prima del contenuto Mega Wall Un nuovo formato ad alto impatto posizionato al termine del contenuto Masthead Video Medium Rectangle Video X-Video (Med. Rec. Exp. Video) In article Video Mediun Rectangle con posizionamento in sidebar o in-article Masthed Leaderboard Medium Rectangle Posizionamento in article per garantire l’esposizione del banner mentre gli utenti fruiscono del contenuto Floor Ad Formato sticky persistente allo scroll disponibile su tutte le pagine
  77. 77. integrarenativee customcontent nelCMS
  78. 78. integrare sponsored
 teaser e
 sponsored content
 nelCMS
  79. 79. rendere sponsorizzabili tuttiiteaser
  80. 80. integrareilCMS consistemidi trackingadv terzeparti!
  81. 81. hack#5 razionalizza quellodicui haibisogno periniziare
  82. 82. facciamo una checklist cosaciserve?
  83. 83. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  84. 84. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  85. 85. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  86. 86. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  87. 87. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  88. 88. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  89. 89. facciamo una checklist unpianoeditoriale macronecessitàalivellodifunzionalitàCMS ladefinizionedell’architetturadell’informazione l’elencodeisingolitemplatedipagina lenecessitàperciascuntemplatedipagina leguidelineseirequisitiSEO leguidelinesadvertising
  90. 90. e finalmente
  91. 91. hack#6 snellisciil processoe itera.
  92. 92. ilflusso tradizionale strategia UX wireframe UI/visual front-end
  93. 93. ilflusso tradizionale strategia UX wireframe UI/visual front-end
  94. 94. ilflusso tradizionale strategia UX wireframe UI/visual front-end
  95. 95. snellire. sipuò. strategia UX UI/Visual Front-end UX strategia UX wireframe UI/visual front-end
  96. 96. alivello macro 980px 1140px darequisiti rework
  97. 97. alivellodi dettaglio
  98. 98. alivellodi dettaglio
  99. 99. elavorare direttamente sufront-end eliminareancheireworksuvisual
  100. 100. hack#7 progettain mododa manteneregli utentiilpiù a lungopossibile sulsito
  101. 101. offrireall’utenteilmaggiornumero possibiledioccasionidiconsumare ulteroricontenuti strategia#1 incentivare l’utentea consumare piùcontenuti
  102. 102. strategia#1 incentivare l’utentea consumare piùcontenuti servizidicontentdiscovery plug-inwordpress custom
  103. 103. strategia#1 incentivare l’utentea consumare piùcontenuti posizionamentointelligentedeiwidget
  104. 104. strategia#1 incentivare l’utentea consumare piùcontenuti integrazionelook&feeldeiwidget
  105. 105. strategia#1 incentivare l’utentea consumare piùcontenuti ridondanzadinuovicontenuti/link
  106. 106. creareun’esperienzadi paginationfluidae“sensata”, chenondeveesserepercepita comeforzata strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  107. 107. strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  108. 108. strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  109. 109. strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  110. 110. strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  111. 111. strategia#2 “trascinare” l’utentesupiù paginenell’ambito dellostesso contenuto
  112. 112. hack#8 progettaper massimizzare lecondivisioni
  113. 113. tastidi share. preminenti
  114. 114. tastidi share. …econtestuali
  115. 115. tastidi share. device-based
  116. 116. tastidi share. facebooksempreprotagonista
  117. 117. enondimenticarei metaOGele immaginiperlo share! FAIL! THISISBAD
  118. 118. bastapoco! ITWORKS!
  119. 119. hack#9 curaidettagli
  120. 120. The details are not details. They make the product. “ ”CHARLES EAMES
  121. 121. Calltoaction suteaser customizzabile dall’editor calltoactioncustom
  122. 122. elementidi microUI: numerazione bulletpointse progressbar slide bulletcustom progressbarpaginationslide
  123. 123. breadcrumb mascherateda “etichette” Home > Vita universitaria > Buzz
  124. 124. breadcrumb mascherateda “etichette” breadcrumb
  125. 125. call-outall’over suelementidi UIproprietari call-out
  126. 126. pagineautore concover personalizzata, socialprofiles edatidiattività
  127. 127. spazioautore customsu ogni contenuto schedaautore
  128. 128. coversezioni personalizzabili defaultcover
  129. 129. coversezioni personalizzabili customcover
  130. 130. coversezioni personalizzabili customcover
  131. 131. schedeautore supagina redazione customizzabili perciascun autore
  132. 132. tastoarticolo successivo conetichetta dicontenuto labeltasto
  133. 133. hack#10 steallikean artist
  134. 134. The only art I’ll ever study is stuff that I can steal from “ ”DAVID BOWIE
  135. 135. studiare per copiare soluzionidiUX/UI
  136. 136. studiare per copiare soluzionidiUX/UI
  137. 137. studiare per copiare soluzionidiUX/UI
  138. 138. studiare per copiare soluzionidiUX/UI
  139. 139. studiare per copiare soluzionidiUX/UI
  140. 140. studiare per copiare soluzionidiUX/UI
  141. 141. studiare per copiare soluzionidiUX/UI
  142. 142. cosa “copiare”
 ? formatdicontenuto snippetdicodice ideecreative tuttoquellochetiserve
  143. 143. rubare “bene” Fonte:AustinKleon
  144. 144. grazie! fabiobin@zoocom.it https://it.linkedin.com/in/fabiobin

×