SlideShare a Scribd company logo
1 of 81
Download to read offline
WEB DESIGN
SILVIA MOR • MARGHERITA TROILO • GIULIA D’ANDREA
CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO ZACCARIA
NABA 2014
TEMATICATEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
ARGOMENTO
CARATTERISTICHE
FINALITA
W E B D E S I G N TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
ARGOMENTO
riviste scientifiche on-line
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
ARGOMENTO
CARATTERISTICHE
funzionalità
approfondibilità
velocità
tascabilità
semplicità
interattività
modificabilità
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
funzionalità coerenza grafica
efficienza
immediatezza
usabilità
standardizzazione
approfondibilità
velocità
ordine
tascabilità
semplicità
interattività
modificabilità
ARGOMENTO
CARATTERISTICHE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
ARGOMENTO
CARATTERISTICHE
FINALITA
diffondere notizie
intrattenimento
conservare notizie
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
ARGOMENTO
CARATTERISTICHE
FINALITÁ
diffondere notizie
attraverso le reti dei social
intrattenimento
conservare notizie
tascabile
economico
divulgabile a tutti
W E B D E S I G N
FOCUSTEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
Focus è un mensile di attualità, scienza e sociologia e pubblicato
in molti paesi, tra i quali Italia, Francia, Spagna, Grecia, Turchia,
Polonia. L’edizione italiana, nata nel 1992, è pubblicata da Gruner
+ Jahr/Mondadori e diretta (dal 2012) da Francesca Folda.
La rivista, di taglio divulgativo, si prefigge di “mettere a fuoco”
il mondo della scienza e l’attualità, da cui appunto il nome “focus”,
che in latino significa mettere a fuoco, riferito alle lenti. Focus
pubblica articoli di scienza, di problematiche sociali
e periodicamente realizza sondaggi di opinione su temi attuali.
L’edizione italiana pubblica diversi numeri speciali:
Focus D&R (trimestrale)
Focus Extra
Focus Brain Trainer (fino al luglio 2007 Focus Giochi)
Focus Storia (divenuto mensile da giugno 2008)
Focus Storia Biografie
Focus Storia Wars
Focus Junior mensile dedicato ai ragazzi.
Focus Pico dedicato ai bambini.
Focus Family dedicato alle famiglie.
Focus Wild mensile dedicato ai ragazzi per la cura degli animali.
Focus Geronimo Stilton dedicato ai ragazzi.
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SITO WEB CHE OFFRE NOTIZIE
E VENDE ABBONAMENTI PER LA RIVISTA.
GLI ARTICOLI APPRONFODISCONO
LE TEMATICHE DI:
SCIENZA
AMBIENTE
CULTURA
TECNOLOGIA
ATTUALITÀ
CLIENTE
AMBITO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
IL TARGET
DI FOCUS
È LA FAMIGLIA.
CLIENTE
AMBITO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto porta ad utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a utilizzare delle
immagini molto piccole
6. Troppe informazioni
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CLIENTE
AMBITO
CARATTERISTICHE
PROBLEMI
ABBIAMO SCELTO
DI ANALIZZARE FOCUS
PER MIGLIORARE
ALCUNI ASPETTI:
1. troppe informazioni
disposte in modo
discontinuo sull’home
page non tutte inserite in
una sezione precisa
2. grafica piatta che porta
alla confuzione focale
3. assenza della
riconducibilità
all’argomento madre
caratterizzato dal colore
rosso
4. immagini poco
accattivanti, statiche e
piccole
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
PLUS & MINUS
NATIONAL
GEOGRAPHIC
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
W E B D E S I G N
La National Geographic Society (NGS), la cui sede si trova a
Washington, D.C., negli Stati Uniti, è una delle più grandi istituzioni
scientifiche ed educative non profit.
I suoi interessi comprendono svariate discipline come la geografia,
l’archeologia e le scienze naturali, ma anche la cura per la
conservazione dell’ambiente e dei patrimoni storici, ed infine lo
studio delle civiltà e della loro storia.
Lo storico obiettivo che la National Geographic Society si è da
sempre prefissato è di “incrementare e diffondere la conoscenza
geografica e allo stesso tempo di promuovere la protezione della
cultura dell’umanità, della storia e delle risorse naturali”
Il 13 gennaio del 1888 33 persone tra esploratori e scienziati
si riunirono al Cosmos Club, un club privato situato in Lafayette
Square a Washington, D.C., con l’obiettivo di creare “una società
per migliorare e diffondere le conoscenze geografiche”. Dopo aver
stabilito un regolamento e un piano per l’organizzazione, il 27
gennaio venne fondata la National Geographic Society.
L’attuale presidente dell’organizazione è Gilbert Melville
Grosvenor, che ha ricevuto nel 2005 la Medaglia presidenziale della
libertà per la sua guida della società all’educazione geografica.
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
MAGAZINE STORICO CHE OFFRE NOTIZIE SU WEB, VENDE
ABBONAMENTI ALLA RIVISTA E PROPONE CONCORSI DI
FOTOGRAFIA.
GLI ARTICOLI APPRONFODISCONO LE TEMATICHE DI:
FOTOGRAFIA
ANIMALI
AMBIENTE
CULTURA
VIAGGI E AVVENTURE
SCIENZA
SPAZIO
MULTIMEDIA
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
IL TARGET PUBBLICO
È PIÙ AMPIO RISPETTO
A FOCUS.
LO SEGUONO
MAGGIORNMENTE
GLI APPASSINATI DI
FOTOGRAFIA E NATURA.
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto su sfondo nero
2. immagini grandi
3. griglia di layout chiara e minimale
4. la presenza di pubblicità disturba
5. chiari i link
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto su sfondo nero
2. immagini grandi
3. griglia di layout chiara e minimale
4. la presenza di pubblicità disturba
5. chiari i link
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’imaptto su sfondo nero
2. immagini grandi
3. griglia di layout chiara e minimale
4. la presenza di pubblicità disturba
5. chiari i link
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’imaptto su sfondo nero
2. immagini grandi
3. griglia di layout chiara e minimale
4. la presenza di pubblicità disturba
5. chiari i link
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto;
2. immagini accattivanti, dinamiche,
grandi e riconducibili all’argomento in
questione;
3. griglia di layout chiara e minimale;
4. coerenza con i contenuti;
5. contenuti ipertestuali collegati
riconducibili ad altre pagine che trattano
lo stesso argomento (approfondibilità);
6. coerenza grafica tra titolo e testo;
7. barra del menù fissa (buona usabilità)
8. ricchezza nelle informazioni
dell’homepage gestite in modo chiaro e
funzionale;
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
PLUS:
1. TITOLI D’IMPATTO;
2. IMMAGINI PIÙ ACCATTIVANTI;
3. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;
4. MAGGIOR COERENZA CON I CONTENUTI E GRAFICA;
5. PIÙ SEMPLICE NELL’USABILITÀ.
6. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;
MINUS:
1. QUANTITÀ ELEVATA DI CLICK > 5.
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
PLUS & MINUS
WIRED
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
Wired è una rivista mensile statunitense con sede a San Francisco
in California dal marzo 1993, e di proprietà di Condé Nast
Publications.
Nota come “La Bibbia di Internet”, è stata fondata dal giornalista
Louis Rossetto e da Nicholas Negroponte. La linea editoriale di
Wired è stata originariamente ispirata dalle idee del teorico dei
media canadese Marshall McLuhan.
La rivista tratta tematiche di carattere tecnologico e di come
queste influenzino la cultura, l’economia, la politica e la vita
quotidiana.
Le versioni internazionali della rivista sono Wired UK e Wired Italia,
fruibili anche in versione on line all’interno dei rispettivi siti web.
A marzo 2009 esce l’edizione italiana della rivista e, un mese dopo,
anche la nuova versione britannica, la cui direzione è affidata a
David Rowan, mentre quella del sito wired.co.uk, è affidata, dal
gennaio 2010, a Nate Lanxon.
Dal novembre 2012 il direttore di Wired USA è Scott Dadich.
Nel 2010 la SPD (Society of Publication Designers) ha incluso la
rivista italiana nel novero delle 16 testate in lizza per aggiudicarsi
il titolo di “Magazine of the Year” per la sua grafica, curata da
Davide Moretti
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
MAGAZINE DI TENDENZA CHE OFFRE NOTIZIE SU WEB
E VENDE ABBONAMENTI ALLA RIVISTA.
GLI ARTICOLI APPRONFODISCONO LE TEMATICHE DI:
ATTUALITÀ;
SCIENZA;
ECONOMIA;
LIVE STYLE;
IDEE;
GADGET DI TENDENZA;
CINEMA.
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
IL TARGET PUBBLICO
È PIÙ AMPIO RISPETTO
A FOCUS MA FOCALIZZATO
PRINCIPALMENTE
ALLA FASCIA GIOVANILE
POICHÈ È DI TENDENZA.
RIFERIMENTO
ANALISI
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica con scorrimenti e video
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica con scorrimenti e video
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica con scorrimenti e video
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica con scorrimenti e video
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto ed evidenti
2. home page dinamica con scorrimenti e video
3. barra fissa del menù
4. griglia di layout chiara e minimale
5. immagini accattivanti
6. link fissi nell’home page
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
1. titoli d’impatto;
2. immagini accattivanti, dinamiche,
grandi e riconducibili all’argomento in
questione;
3. presenza di video sull’home page;
4. griglia di layout chiara e minimale;
5. interattivo e dinamico;
6. coerenza grafica tra titolo e testo;
7. barra del menù fissa (buona usabilità)
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
RIFERIMENTO
ANALISI
CARATTERISTICHE
PLUS:
1. TITOLI PIÙ D’IMPATTO;
2. IMMAGINI PIÙ ACCATTIVANTI;
3. HOME PAGE PIÙ DINAMICA;
4. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;
5. PIÙ SEMPLICE NELL’USABILITÀ.
MINUS:
1. PIÙ LENTO NELLA NAVIGAZIONE E NEL CARICAMENTO
DELLE PAGINE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO 01
NUMERO CLICK
GRAFICO 02
CLICK 02
GRAFICO 03
CLICK 03
FOCUS
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
1. STUDENTI (F/M)
2. DONNA / UOMO (30 ANNI)
3. DONNA / UOMO (50+ ANNI)
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
“Mi chiamo Marco ho 23 anni.
Consulto il sito tra una pausa e l’altra o
mentre torno a casa in metro.
A volte mi capita di consultarlo
velocemente durante le lezioni anche se
preferirei approfondire alcune sezioni con
calma a casa ma la vita frettolosa non
me lo permette.”
1. STUDENTI (F/M)
1. FRETTOLOSO
2. MULTITASKING
COSA CERCA?
1. CHIAREZZA E SEMPLICITÀ
2. ATTRATTO DA IMMAGINI ACCATTIVANTI
3. PREFERISCE NOTIZIE FLASH E DINAMICHE
4. RICHIEDE CHE IL SITO ABBIA RISCONTRO
CON SOCIAL NETWORK
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
“Mi chiamo mario ho 32 anni.
Il mio lavoro generalmente mi tiene
impegnato fino alle 21.
Nel weekend libero dallo stress aziendale
mi concedo una lunga colazione
consultando il mio ipad.
Finalmente leggo in modo approfondito le
riviste scientifiche che mi interessano”
2.UOMO/DONNA 30 ANNI
1. CURIOSO
2. INTERESSATO
3. APPASSIONATO
COSA CERCA?
1. CERCA SOSTANZA NELL’ARTICOLO
2. RICONDUCIBILITÀ ALLA PAROLA CHIAVE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
“Mi chiamo Matilde e ho 62 anni.
Mio marito Giuseppe 64.
Abbiamo una figlia e tre nipoti
in America. Per sentirli ci siamo procurati
un Ipad con skype. Con il tempo siamo
entrati in confidenza con questo
strumento e ora leggiamo anche le riviste
online! Entrambi appassionati di scienza,
dopo cena ci dedichiamo alla lettura
di articoli che ci interessano.”
3. DONNA/UOMO 50+
1. CURIOSO
2. LARGAMENTE INTERESSATO (APPROFONDISCE)
3. HOBBY
COSA CERCA?
1. QUALITÀ
2. SOSTANZA
3. LEGGIBILITÀ
4. CHIAREZZA
5. SEMPLICITÀ
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO 01
INTRATTENIMENTO
VELOCITÀ
SEMPLICITÀ
COERENZA GRAFICA
FOCUS
DA 1 A 10
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO 01 GRAFICO 02
INTRATTENIMENTO
VELOCITÀ
SEMPLICITÀ
COERENZA GRAFICA
NATIONAL
GEOGRAPHIC
DA 1 A 10
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO 01 GRAFICO 02
INTRATTENIMENTO
VELOCITÀ
SEMPLICITÀ
COERENZA GRAFICA
WIRED
DA 1 A 10
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
CONFRONTO GRAFICO
DA 1 A 10
INTRATTENIMENTO
VELOCITÀ
SEMPLICITÀ
COERENZA GRAFICA
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK
1° CLICKABBONATI!
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK
2° CLICK+ INSERIMENTO DATI SE NON
SI È GIÀ REGISTRATI
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK
3° CLICKCONFERMA DATI PER LA REGISTRAZIONE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK
4° CLICK 5° CLICKPAGAMENTO CONFERMA PAGAMENTO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
1° CLICKABBONATI!
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
2° CLICKTIPOLOGIA DI ABBONAMENTO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
3° CLICKTORNA AGLI ACQUISTI O “PROSEGUI”
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
4° CLICKINSERISCI I TUOI DATI O LE CREDENZIALI
D’ACCESSO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 02
5° CLICK
6° CLICK
PAGAMENTO
FINE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
1° CLICKABBONATI O REGALA
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
2° CLICKABBONATI O REGALA
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
3° CLICKCOMPILA
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
4° CLICK 5° CLICKINSERISCI I DATI PERSONALI SCEGLI LA
MODALITÀ DI PAGAMENTO
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PERSONAS
GRAFICO
NUMERO CLICK CLICK 03
6° CLICK 7° CLICKCONFERMA DATI FINE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SOSTITUZIONE
FINALE
NEW STYLE
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SOSTITUZIONE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SOSTITUZIONE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
DOVE SI CAMBIASOSTITUZIONE
W E B D E S I G N
TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SOSTITUZIONE
W E B D E S I G N
WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
PRIMA SOSTITUZIONE
FINALE
FORUM | NEWSLETTER | EDICOLA
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti
Video
Animali
Fotogallery
Psicologia
Focus Quiz
Foto Concorsi
Focus Quiz
iFocus
Breaking News
FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA
Piccolo panda insonne
Che bello il primo bacio!
Foto >
Gruppi >
Gallery >
SPORT
PARTECIPA
POLITICA
CRONACA
SCOPRI TUTTE LE NEWS
-
ne della catenella
-
mata da un drone
Vota l’innovazione dell’anno
REGISTRATI ABBONATILOGIN
WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
DOPO SOSTITUZIONE
FINALE
FORUM | NEWSLETTER | EDICOLA
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti
Video
Animali
Fotogallery
Psicologia
Focus Quiz
Foto Concorsi
Focus Quiz
iFocus
Breaking News
FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA
Piccolo panda insonne
Che bello il primo bacio!
Foto >
Gruppi >
Gallery >
SPORT
PARTECIPA
POLITICA
CRONACA
SCOPRI TUTTE LE NEWS
-
ne della catenella
-
mata da un drone
Vota l’innovazione dell’anno
REGISTRATI ABBONATILOGIN
WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
SOSTITUZIONE
FINALE
ES. DI TENDINA
FORUM | NEWSLETTER | EDICOLA
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS
contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti
Video
Animali
Fotogallery
Psicologia
Focus Quiz
Foto Concorsi
Focus Quiz
iFocus
Breaking News
FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA
Piccolo panda insonne
Che bello il primo bacio!
Foto >
Gruppi >
Gallery >
SPORT
PARTECIPA
POLITICA
CRONACA
SCOPRI TUTTE LE NEWS
-
ne della catenella
-
mata da un drone
Vota l’innovazione dell’anno
REGISTRATI ABBONATILOGIN
WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE
CAMBIAMENTI
1. Abbiamo tolto le pubblicità
2. Abbiamo lasciato il rosso
3. I link sono messi ben visibili
in alto a destra
4. i colori sono limitati
5. il layout è meno fitto
lasciando le immagini più
grandi
6. Ci sono minori informazioni e
la pagina è meno lunga.
PROBLEMI
INIZIALI
1. Troppe pubblicità
2. Buon utilizzo del rosso
3. Buona riconducibilità
4. Troppi colori e imput
5. Layout fitto portano a
utilizzare delle immagini
molto piccole
6. Troppe informazioni
SOSTITUZIONE
FINALE
GRAZIE
SILVIA MOR • MARGHERITA TROILO • GIULIA D’ANDREA
CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO ZACCARIA
NABA 2014

More Related Content

Viewers also liked

Design editoriale | Corso di Composizione Grafica | ISIA Firenze
Design editoriale | Corso di Composizione Grafica | ISIA FirenzeDesign editoriale | Corso di Composizione Grafica | ISIA Firenze
Design editoriale | Corso di Composizione Grafica | ISIA FirenzeMassimiliano "Max" Pinucci
 
Principi di grafica
Principi di graficaPrincipi di grafica
Principi di graficaDaniele Cogo
 
San Pellegrino Energy | Academy Packaging Project
San Pellegrino Energy | Academy Packaging ProjectSan Pellegrino Energy | Academy Packaging Project
San Pellegrino Energy | Academy Packaging ProjectFabrizio Coco
 
Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Daniela Verona
 
Dal naming all'immagine coordinata. Come costruire il brand di una startup
Dal naming all'immagine coordinata. Come costruire il brand di una startup    Dal naming all'immagine coordinata. Come costruire il brand di una startup
Dal naming all'immagine coordinata. Come costruire il brand di una startup I3P
 
Costruire la Brand Identity di una Startup
Costruire la Brand Identity di una StartupCostruire la Brand Identity di una Startup
Costruire la Brand Identity di una StartupI3P
 

Viewers also liked (6)

Design editoriale | Corso di Composizione Grafica | ISIA Firenze
Design editoriale | Corso di Composizione Grafica | ISIA FirenzeDesign editoriale | Corso di Composizione Grafica | ISIA Firenze
Design editoriale | Corso di Composizione Grafica | ISIA Firenze
 
Principi di grafica
Principi di graficaPrincipi di grafica
Principi di grafica
 
San Pellegrino Energy | Academy Packaging Project
San Pellegrino Energy | Academy Packaging ProjectSan Pellegrino Energy | Academy Packaging Project
San Pellegrino Energy | Academy Packaging Project
 
Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"Tesi di Laurea in Grafica "Progettare l'identità"
Tesi di Laurea in Grafica "Progettare l'identità"
 
Dal naming all'immagine coordinata. Come costruire il brand di una startup
Dal naming all'immagine coordinata. Come costruire il brand di una startup    Dal naming all'immagine coordinata. Come costruire il brand di una startup
Dal naming all'immagine coordinata. Come costruire il brand di una startup
 
Costruire la Brand Identity di una Startup
Costruire la Brand Identity di una StartupCostruire la Brand Identity di una Startup
Costruire la Brand Identity di una Startup
 

More from Roberto Dadda

More from Roberto Dadda (20)

01 usability
01 usability01 usability
01 usability
 
02 unusability
02 unusability02 unusability
02 unusability
 
03 users models
03 users models03 users models
03 users models
 
04 user centered design
04 user centered design04 user centered design
04 user centered design
 
05 1 artifacts
05 1 artifacts05 1 artifacts
05 1 artifacts
 
05 2 artifacts
05 2 artifacts05 2 artifacts
05 2 artifacts
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standards
 
08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestalt
 
09 colors
09 colors09 colors
09 colors
 
10 form design
10 form design10 form design
10 form design
 
11 error management
11 error management11 error management
11 error management
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the web
 
14 accessibility short
14 accessibility short14 accessibility short
14 accessibility short
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order time
 
15 emotional design
15 emotional design15 emotional design
15 emotional design
 
Poli15 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03
 
Poli15 sansha
Poli15   sanshaPoli15   sansha
Poli15 sansha
 

FOCUS: WEB DESIGN NABA course elaborate 2013-2014

  • 1. WEB DESIGN SILVIA MOR • MARGHERITA TROILO • GIULIA D’ANDREA CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO ZACCARIA NABA 2014
  • 2. TEMATICATEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE ARGOMENTO CARATTERISTICHE FINALITA
  • 3. W E B D E S I G N TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE ARGOMENTO riviste scientifiche on-line
  • 4. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE ARGOMENTO CARATTERISTICHE funzionalità approfondibilità velocità tascabilità semplicità interattività modificabilità W E B D E S I G N
  • 5. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE funzionalità coerenza grafica efficienza immediatezza usabilità standardizzazione approfondibilità velocità ordine tascabilità semplicità interattività modificabilità ARGOMENTO CARATTERISTICHE W E B D E S I G N
  • 6. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE ARGOMENTO CARATTERISTICHE FINALITA diffondere notizie intrattenimento conservare notizie W E B D E S I G N
  • 7. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE ARGOMENTO CARATTERISTICHE FINALITÁ diffondere notizie attraverso le reti dei social intrattenimento conservare notizie tascabile economico divulgabile a tutti W E B D E S I G N
  • 8. FOCUSTEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE
  • 9. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE W E B D E S I G N
  • 10. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE Focus è un mensile di attualità, scienza e sociologia e pubblicato in molti paesi, tra i quali Italia, Francia, Spagna, Grecia, Turchia, Polonia. L’edizione italiana, nata nel 1992, è pubblicata da Gruner + Jahr/Mondadori e diretta (dal 2012) da Francesca Folda. La rivista, di taglio divulgativo, si prefigge di “mettere a fuoco” il mondo della scienza e l’attualità, da cui appunto il nome “focus”, che in latino significa mettere a fuoco, riferito alle lenti. Focus pubblica articoli di scienza, di problematiche sociali e periodicamente realizza sondaggi di opinione su temi attuali. L’edizione italiana pubblica diversi numeri speciali: Focus D&R (trimestrale) Focus Extra Focus Brain Trainer (fino al luglio 2007 Focus Giochi) Focus Storia (divenuto mensile da giugno 2008) Focus Storia Biografie Focus Storia Wars Focus Junior mensile dedicato ai ragazzi. Focus Pico dedicato ai bambini. Focus Family dedicato alle famiglie. Focus Wild mensile dedicato ai ragazzi per la cura degli animali. Focus Geronimo Stilton dedicato ai ragazzi. W E B D E S I G N
  • 11. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SITO WEB CHE OFFRE NOTIZIE E VENDE ABBONAMENTI PER LA RIVISTA. GLI ARTICOLI APPRONFODISCONO LE TEMATICHE DI: SCIENZA AMBIENTE CULTURA TECNOLOGIA ATTUALITÀ CLIENTE AMBITO W E B D E S I G N
  • 12. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE IL TARGET DI FOCUS È LA FAMIGLIA. CLIENTE AMBITO W E B D E S I G N
  • 13. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE W E B D E S I G N
  • 14. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 15. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 16. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 17. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 18. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto porta ad utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 19. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni W E B D E S I G N
  • 20. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CLIENTE AMBITO CARATTERISTICHE PROBLEMI ABBIAMO SCELTO DI ANALIZZARE FOCUS PER MIGLIORARE ALCUNI ASPETTI: 1. troppe informazioni disposte in modo discontinuo sull’home page non tutte inserite in una sezione precisa 2. grafica piatta che porta alla confuzione focale 3. assenza della riconducibilità all’argomento madre caratterizzato dal colore rosso 4. immagini poco accattivanti, statiche e piccole W E B D E S I G N
  • 21. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE PLUS & MINUS NATIONAL GEOGRAPHIC
  • 22. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO W E B D E S I G N
  • 23. La National Geographic Society (NGS), la cui sede si trova a Washington, D.C., negli Stati Uniti, è una delle più grandi istituzioni scientifiche ed educative non profit. I suoi interessi comprendono svariate discipline come la geografia, l’archeologia e le scienze naturali, ma anche la cura per la conservazione dell’ambiente e dei patrimoni storici, ed infine lo studio delle civiltà e della loro storia. Lo storico obiettivo che la National Geographic Society si è da sempre prefissato è di “incrementare e diffondere la conoscenza geografica e allo stesso tempo di promuovere la protezione della cultura dell’umanità, della storia e delle risorse naturali” Il 13 gennaio del 1888 33 persone tra esploratori e scienziati si riunirono al Cosmos Club, un club privato situato in Lafayette Square a Washington, D.C., con l’obiettivo di creare “una società per migliorare e diffondere le conoscenze geografiche”. Dopo aver stabilito un regolamento e un piano per l’organizzazione, il 27 gennaio venne fondata la National Geographic Society. L’attuale presidente dell’organizazione è Gilbert Melville Grosvenor, che ha ricevuto nel 2005 la Medaglia presidenziale della libertà per la sua guida della società all’educazione geografica. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO W E B D E S I G N
  • 24. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI MAGAZINE STORICO CHE OFFRE NOTIZIE SU WEB, VENDE ABBONAMENTI ALLA RIVISTA E PROPONE CONCORSI DI FOTOGRAFIA. GLI ARTICOLI APPRONFODISCONO LE TEMATICHE DI: FOTOGRAFIA ANIMALI AMBIENTE CULTURA VIAGGI E AVVENTURE SCIENZA SPAZIO MULTIMEDIA W E B D E S I G N
  • 25. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI IL TARGET PUBBLICO È PIÙ AMPIO RISPETTO A FOCUS. LO SEGUONO MAGGIORNMENTE GLI APPASSINATI DI FOTOGRAFIA E NATURA. W E B D E S I G N
  • 26. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE W E B D E S I G N
  • 27. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto su sfondo nero 2. immagini grandi 3. griglia di layout chiara e minimale 4. la presenza di pubblicità disturba 5. chiari i link W E B D E S I G N
  • 28. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto su sfondo nero 2. immagini grandi 3. griglia di layout chiara e minimale 4. la presenza di pubblicità disturba 5. chiari i link W E B D E S I G N
  • 29. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’imaptto su sfondo nero 2. immagini grandi 3. griglia di layout chiara e minimale 4. la presenza di pubblicità disturba 5. chiari i link W E B D E S I G N
  • 30. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’imaptto su sfondo nero 2. immagini grandi 3. griglia di layout chiara e minimale 4. la presenza di pubblicità disturba 5. chiari i link W E B D E S I G N
  • 31. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto; 2. immagini accattivanti, dinamiche, grandi e riconducibili all’argomento in questione; 3. griglia di layout chiara e minimale; 4. coerenza con i contenuti; 5. contenuti ipertestuali collegati riconducibili ad altre pagine che trattano lo stesso argomento (approfondibilità); 6. coerenza grafica tra titolo e testo; 7. barra del menù fissa (buona usabilità) 8. ricchezza nelle informazioni dell’homepage gestite in modo chiaro e funzionale; W E B D E S I G N
  • 32. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE PLUS: 1. TITOLI D’IMPATTO; 2. IMMAGINI PIÙ ACCATTIVANTI; 3. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE; 4. MAGGIOR COERENZA CON I CONTENUTI E GRAFICA; 5. PIÙ SEMPLICE NELL’USABILITÀ. 6. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE; MINUS: 1. QUANTITÀ ELEVATA DI CLICK > 5. W E B D E S I G N
  • 33. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE PLUS & MINUS WIRED
  • 34. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO Wired è una rivista mensile statunitense con sede a San Francisco in California dal marzo 1993, e di proprietà di Condé Nast Publications. Nota come “La Bibbia di Internet”, è stata fondata dal giornalista Louis Rossetto e da Nicholas Negroponte. La linea editoriale di Wired è stata originariamente ispirata dalle idee del teorico dei media canadese Marshall McLuhan. La rivista tratta tematiche di carattere tecnologico e di come queste influenzino la cultura, l’economia, la politica e la vita quotidiana. Le versioni internazionali della rivista sono Wired UK e Wired Italia, fruibili anche in versione on line all’interno dei rispettivi siti web. A marzo 2009 esce l’edizione italiana della rivista e, un mese dopo, anche la nuova versione britannica, la cui direzione è affidata a David Rowan, mentre quella del sito wired.co.uk, è affidata, dal gennaio 2010, a Nate Lanxon. Dal novembre 2012 il direttore di Wired USA è Scott Dadich. Nel 2010 la SPD (Society of Publication Designers) ha incluso la rivista italiana nel novero delle 16 testate in lizza per aggiudicarsi il titolo di “Magazine of the Year” per la sua grafica, curata da Davide Moretti W E B D E S I G N
  • 35. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI MAGAZINE DI TENDENZA CHE OFFRE NOTIZIE SU WEB E VENDE ABBONAMENTI ALLA RIVISTA. GLI ARTICOLI APPRONFODISCONO LE TEMATICHE DI: ATTUALITÀ; SCIENZA; ECONOMIA; LIVE STYLE; IDEE; GADGET DI TENDENZA; CINEMA. W E B D E S I G N
  • 36. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE IL TARGET PUBBLICO È PIÙ AMPIO RISPETTO A FOCUS MA FOCALIZZATO PRINCIPALMENTE ALLA FASCIA GIOVANILE POICHÈ È DI TENDENZA. RIFERIMENTO ANALISI W E B D E S I G N
  • 37. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE W E B D E S I G N
  • 38. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 39. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica con scorrimenti e video 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 40. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica con scorrimenti e video 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 41. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica con scorrimenti e video 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 42. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica con scorrimenti e video 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 43. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto ed evidenti 2. home page dinamica con scorrimenti e video 3. barra fissa del menù 4. griglia di layout chiara e minimale 5. immagini accattivanti 6. link fissi nell’home page W E B D E S I G N
  • 44. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE 1. titoli d’impatto; 2. immagini accattivanti, dinamiche, grandi e riconducibili all’argomento in questione; 3. presenza di video sull’home page; 4. griglia di layout chiara e minimale; 5. interattivo e dinamico; 6. coerenza grafica tra titolo e testo; 7. barra del menù fissa (buona usabilità) W E B D E S I G N
  • 45. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE RIFERIMENTO ANALISI CARATTERISTICHE PLUS: 1. TITOLI PIÙ D’IMPATTO; 2. IMMAGINI PIÙ ACCATTIVANTI; 3. HOME PAGE PIÙ DINAMICA; 4. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE; 5. PIÙ SEMPLICE NELL’USABILITÀ. MINUS: 1. PIÙ LENTO NELLA NAVIGAZIONE E NEL CARICAMENTO DELLE PAGINE W E B D E S I G N
  • 46. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO 01 NUMERO CLICK GRAFICO 02 CLICK 02 GRAFICO 03 CLICK 03 FOCUS
  • 47. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS 1. STUDENTI (F/M) 2. DONNA / UOMO (30 ANNI) 3. DONNA / UOMO (50+ ANNI) W E B D E S I G N
  • 48. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS “Mi chiamo Marco ho 23 anni. Consulto il sito tra una pausa e l’altra o mentre torno a casa in metro. A volte mi capita di consultarlo velocemente durante le lezioni anche se preferirei approfondire alcune sezioni con calma a casa ma la vita frettolosa non me lo permette.” 1. STUDENTI (F/M) 1. FRETTOLOSO 2. MULTITASKING COSA CERCA? 1. CHIAREZZA E SEMPLICITÀ 2. ATTRATTO DA IMMAGINI ACCATTIVANTI 3. PREFERISCE NOTIZIE FLASH E DINAMICHE 4. RICHIEDE CHE IL SITO ABBIA RISCONTRO CON SOCIAL NETWORK W E B D E S I G N
  • 49. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS “Mi chiamo mario ho 32 anni. Il mio lavoro generalmente mi tiene impegnato fino alle 21. Nel weekend libero dallo stress aziendale mi concedo una lunga colazione consultando il mio ipad. Finalmente leggo in modo approfondito le riviste scientifiche che mi interessano” 2.UOMO/DONNA 30 ANNI 1. CURIOSO 2. INTERESSATO 3. APPASSIONATO COSA CERCA? 1. CERCA SOSTANZA NELL’ARTICOLO 2. RICONDUCIBILITÀ ALLA PAROLA CHIAVE W E B D E S I G N
  • 50. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS “Mi chiamo Matilde e ho 62 anni. Mio marito Giuseppe 64. Abbiamo una figlia e tre nipoti in America. Per sentirli ci siamo procurati un Ipad con skype. Con il tempo siamo entrati in confidenza con questo strumento e ora leggiamo anche le riviste online! Entrambi appassionati di scienza, dopo cena ci dedichiamo alla lettura di articoli che ci interessano.” 3. DONNA/UOMO 50+ 1. CURIOSO 2. LARGAMENTE INTERESSATO (APPROFONDISCE) 3. HOBBY COSA CERCA? 1. QUALITÀ 2. SOSTANZA 3. LEGGIBILITÀ 4. CHIAREZZA 5. SEMPLICITÀ W E B D E S I G N
  • 51. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO 01 INTRATTENIMENTO VELOCITÀ SEMPLICITÀ COERENZA GRAFICA FOCUS DA 1 A 10 W E B D E S I G N
  • 52. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO 01 GRAFICO 02 INTRATTENIMENTO VELOCITÀ SEMPLICITÀ COERENZA GRAFICA NATIONAL GEOGRAPHIC DA 1 A 10 W E B D E S I G N
  • 53. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO 01 GRAFICO 02 INTRATTENIMENTO VELOCITÀ SEMPLICITÀ COERENZA GRAFICA WIRED DA 1 A 10 W E B D E S I G N
  • 54. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO CONFRONTO GRAFICO DA 1 A 10 INTRATTENIMENTO VELOCITÀ SEMPLICITÀ COERENZA GRAFICA W E B D E S I G N
  • 55. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK W E B D E S I G N
  • 56. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK 1° CLICKABBONATI! W E B D E S I G N
  • 57. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK 2° CLICK+ INSERIMENTO DATI SE NON SI È GIÀ REGISTRATI W E B D E S I G N
  • 58. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK 3° CLICKCONFERMA DATI PER LA REGISTRAZIONE W E B D E S I G N
  • 59. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK 4° CLICK 5° CLICKPAGAMENTO CONFERMA PAGAMENTO W E B D E S I G N
  • 60. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 W E B D E S I G N
  • 61. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 1° CLICKABBONATI! W E B D E S I G N
  • 62. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 2° CLICKTIPOLOGIA DI ABBONAMENTO W E B D E S I G N
  • 63. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 3° CLICKTORNA AGLI ACQUISTI O “PROSEGUI” W E B D E S I G N
  • 64. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 4° CLICKINSERISCI I TUOI DATI O LE CREDENZIALI D’ACCESSO W E B D E S I G N
  • 65. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 02 5° CLICK 6° CLICK PAGAMENTO FINE W E B D E S I G N
  • 66. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 W E B D E S I G N
  • 67. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 1° CLICKABBONATI O REGALA W E B D E S I G N
  • 68. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 2° CLICKABBONATI O REGALA W E B D E S I G N
  • 69. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 3° CLICKCOMPILA W E B D E S I G N
  • 70. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 4° CLICK 5° CLICKINSERISCI I DATI PERSONALI SCEGLI LA MODALITÀ DI PAGAMENTO W E B D E S I G N
  • 71. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PERSONAS GRAFICO NUMERO CLICK CLICK 03 6° CLICK 7° CLICKCONFERMA DATI FINE W E B D E S I G N
  • 72. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SOSTITUZIONE FINALE NEW STYLE
  • 73. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SOSTITUZIONE W E B D E S I G N
  • 74. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SOSTITUZIONE W E B D E S I G N
  • 75. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE DOVE SI CAMBIASOSTITUZIONE W E B D E S I G N
  • 76. TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SOSTITUZIONE W E B D E S I G N
  • 77. WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE PRIMA SOSTITUZIONE FINALE
  • 78. FORUM | NEWSLETTER | EDICOLA SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti Video Animali Fotogallery Psicologia Focus Quiz Foto Concorsi Focus Quiz iFocus Breaking News FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA Piccolo panda insonne Che bello il primo bacio! Foto > Gruppi > Gallery > SPORT PARTECIPA POLITICA CRONACA SCOPRI TUTTE LE NEWS - ne della catenella - mata da un drone Vota l’innovazione dell’anno REGISTRATI ABBONATILOGIN WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE DOPO SOSTITUZIONE FINALE
  • 79. FORUM | NEWSLETTER | EDICOLA SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti Video Animali Fotogallery Psicologia Focus Quiz Foto Concorsi Focus Quiz iFocus Breaking News FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA Piccolo panda insonne Che bello il primo bacio! Foto > Gruppi > Gallery > SPORT PARTECIPA POLITICA CRONACA SCOPRI TUTTE LE NEWS - ne della catenella - mata da un drone Vota l’innovazione dell’anno REGISTRATI ABBONATILOGIN WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE SOSTITUZIONE FINALE ES. DI TENDINA
  • 80. FORUM | NEWSLETTER | EDICOLA SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS contatti | chi siamo | pubblicità | privacy | condizioni d’uso | Help | mappa del sito | crediti Video Animali Fotogallery Psicologia Focus Quiz Foto Concorsi Focus Quiz iFocus Breaking News FISICA O MAGIA? LA LEVITAZIONE DELLA CATENELLA Piccolo panda insonne Che bello il primo bacio! Foto > Gruppi > Gallery > SPORT PARTECIPA POLITICA CRONACA SCOPRI TUTTE LE NEWS - ne della catenella - mata da un drone Vota l’innovazione dell’anno REGISTRATI ABBONATILOGIN WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE CAMBIAMENTI 1. Abbiamo tolto le pubblicità 2. Abbiamo lasciato il rosso 3. I link sono messi ben visibili in alto a destra 4. i colori sono limitati 5. il layout è meno fitto lasciando le immagini più grandi 6. Ci sono minori informazioni e la pagina è meno lunga. PROBLEMI INIZIALI 1. Troppe pubblicità 2. Buon utilizzo del rosso 3. Buona riconducibilità 4. Troppi colori e imput 5. Layout fitto portano a utilizzare delle immagini molto piccole 6. Troppe informazioni SOSTITUZIONE FINALE
  • 81. GRAZIE SILVIA MOR • MARGHERITA TROILO • GIULIA D’ANDREA CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO ZACCARIA NABA 2014