focus: web design naba course elaborate 2013-2014

81
WEBDESIGN SILVIA MOR • MARGHERITA TROILO • GIULIA D’ANDREA CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO ZACCARIA NABA 2014

Post on 22-Oct-2014

148 views

Category:

Design


2 download

DESCRIPTION

NABA 2013-214 WEB DESIGN COURSE Final elaborate

TRANSCRIPT

Page 1: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

WEB DESIGNSILVIA MOR • MARGHERITA TROILO • GIULIA D’A ND R EA

CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO Z ACC A RI ANABA 2014

Page 2: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICATEMATICA FOCUS NATIONAL GEOGRAPHIC WI RED NEW S T Y L E

A RGOMENTOCA RATTERISTICHEFINALITA

Page 3: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

W E B D E S I G N TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

ARGOMENTO

riviste scientifiche on-line

Page 4: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

ARGOMENTOCARATTERISTICHE

funzionalità

approfondibilità

velocitàtascabilità

semplicitàinterattività

modificabilità

W E B D E S I G N

Page 5: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

funzionalità coerenza grafica

efficienzaimmediatezzausabilitàstandardizzazione

approfondibilità

velocità

ordine

tascabilità

semplicitàinterattività

modificabilità

ARGOMENTOCARATTERISTICHE

W E B D E S I G N

Page 6: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

ARGOMENTOCARATTERISTICHEFINALITA

diffondere notizie

intrattenimentoconservare notizie

W E B D E S I G N

Page 7: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

ARGOMENTOCARATTERISTICHEFINALITÁ

diffondere notizie

attraverso le reti dei social

intrattenimentoconservare notizie

tascabileeconomico

divulgabile a tutti

W E B D E S I G N

Page 8: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

FOCUSTEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW S T Y L E

CL IENTEAMBITOCARATTERISTICHE

Page 9: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEW E B D E S I G N

Page 10: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTE

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 ExtraFocus Brain Trainer (fino al luglio 2007 Focus Giochi) Focus Storia (divenuto mensile da giugno 2008)Focus Storia BiografieFocus Storia WarsFocus 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

Page 11: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

S ITO WEB CHE OFFRE NOTIZ IE E VENDE ABBONAMENTI PER LA RIV ISTA. GL I ART ICOLI APPRONFODISCONO LE TEMATICHE DI :

S C IENZAAMBIENTECU LTURATECNOLOGIAATT UALITÀ

CLIENTEAMBITO

W E B D E S I G N

Page 12: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

I L TARGET DI FOCUSÈ LA FAMIGLIA.

CLIENTEAMBITO

W E B D E S I G N

Page 13: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

W E B D E S I G N

Page 14: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic ità2. Buon ut i l izzo del rosso3. Buona r iconducib i l i tà4. Troppi co lor i e imput5. Layout f i t to portano a ut i l izzare del le

immagin i molto p iccole6. Troppe informazioni

W E B D E S I G N

Page 15: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic i tà2. Buon uti l izzo del rosso3. Buona r iconduc ib i l i tà4 . Troppi co lor i e imput5. Layout f i t to portano a ut i l izzare del le

immagin i molto p iccole6. Troppe informazioni

W E B D E S I G N

Page 16: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic i tà2. Buon ut i l izzo del rosso3. Buona r iconducibi l i tà4. Troppi co lor i e imput5. Layout f i t to portano a ut i l izzare del le

immagin i molto p iccole6. Troppe informazioni

W E B D E S I G N

Page 17: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic i tà2. Buon ut i l izzo del rosso3. Buona r iconduc ib i l i tà4. Troppi colori e imput5. Layout f i t to portano a ut i l izzare del le

immagin i molto p iccole6. Troppe informazioni

W E B D E S I G N

Page 18: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic i tà2. Buon ut i l izzo del rosso3. Buona r iconduc ib i l i tà4 . Troppi co lor i e imput5. Layout f i tto porta ad ut i l izzare del le

immagini molto piccole6. Troppe informazioni

W E B D E S I G N

Page 19: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH E

1. Troppe pubbl ic i tà2. Buon ut i l izzo del rosso3. Buona r iconduc ib i l i tà4 . Troppi co lor i e imput5. Layout f i t to portano a ut i l izzare del le

immagin i molto p iccole6. Troppe informazioni

W E B D E S I G N

Page 20: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

CL IENTEAMBITOCARATTERIS TICH EPROBLEMI

ABBIAMO SCELTO DI ANALIZZARE FOCUS PER MIGLIORARE ALCUNI ASPETTI :

1. troppe informazioni d isposte in modo d iscont inuo sul l ’home page non tutte inser i te in una sez ione prec isa

2. graf ica p iatta che porta a l la confuz ione focale

3. assenza del la r iconducibi l i tà a l l ’argomento madre caratter izzato da l co lore rosso

4. immagini poco accatt ivant i , stat iche e p iccole

W E B D E S I G N

Page 21: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW S T Y L E

R IFERIMENTOANALIS ICARATTERISTICHEPLUS & MINUS

NATIONAL GEOGRAPHIC

Page 22: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOW E B D E S I G N

Page 23: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

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 GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOW E B D E S I G N

Page 24: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S I

MAGAZINE STORICO CHE OFFRE NOTIZ IE SU WEB, VENDE ABBONAMENT I ALLA RIV ISTA E PROPONE CONCORSI D I FOTO G RAFIA.GL I ART ICOLI APPRONFODISCONO LE TEMATICHE DI :

FOTO GRAF IAAN IMALIAMBIE N T EC ULTURAV I AGGI E AVVENTURESCIENZA SPAZIOMULTIMEDIA

W E B D E S I G N

Page 25: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S I

I L TARGET PU BBLICO È P IÙ AMPIO RISPETTO A FOCUS. LO S EGUONO MAGGIORNMENTE GLI APPASSINAT I D I FOTOGRAFIA E NATURA.

W E B D E S I G N

Page 26: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

W E B D E S I G N

Page 27: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

1. t i tol i d ’ impatto su sfondo nero2. immagin i grandi 3 . gr ig l ia d i layout ch iara e min imale4. la presenza d i pubbl ic i tà d isturba5. ch iar i i l ink

W E B D E S I G N

Page 28: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

1. t i to l i d ’ impatto su sfondo nero2. immagini grandi 3. gr ig l ia d i layout ch iara e min imale4. la presenza d i pubbl ic i tà d isturba5. ch iar i i l ink

W E B D E S I G N

Page 29: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

1. t i to l i d ’ imaptto su sfondo nero2. immagin i grandi 3 . gr ig l ia d i layout ch iara e min imale4. la presenza di pubbl ic ità disturba5. ch iar i i l ink

W E B D E S I G N

Page 30: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

1. t i to l i d ’ imaptto su sfondo nero2. immagin i grandi 3 . gr ig l ia d i layout ch iara e min imale4. la presenza d i pubbl ic i tà d isturba5. chiar i i l ink

W E B D E S I G N

Page 31: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

1. t i tol i d ’ impatto;2. immagini accatt ivant i , d inamiche,

grandi e r iconduc ib i l i a l l ’argomento in quest ione;

3. gr igl ia d i layout ch iara e min imale ;4. coerenza con i contenut i ;5. contenuti ipertestual i co l legat i

r iconduc ib i l i ad a l t re pagine che trattano lo stesso argomento (approfondib i l i tà ) ;

6. coerenza graf ica t ra t i to lo e testo;7. barra del menù f issa (buona usabi l i tà )8. r icchezza ne l le informazioni

de l l ’homepage gest i te in modo ch iaro e funz ionale ;

W E B D E S I G N

Page 32: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFERIME NTOANALI S ICARATTE RIS TICH E

PLUS:1. T ITOLI D ’ IMPATTO;2. IMMAGINI P IÙ ACCATTIVANTI ;3 . GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;4. MAGGIOR COERENZA CON I CONTENUTI E GRAFICA;5. P IÙ SEMPLICE NELL’USABIL ITÀ.6. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;

MINUS:1. QUANTITÀ ELEVATA DI CL ICK > 5 .

W E B D E S I G N

Page 33: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW S T Y L E

R IFERIMENTOANALIS I

CARATTERISTICHEPLUS & MINUS

WIRED

Page 34: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTO

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

Page 35: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

MAGAZINE DI TENDENZA CHE OFFRE NOTIZ IE SU WEB E VE NDE ABBONAMENTI ALLA RIV ISTA.GLI ART ICOLI APPRONFODISCONO LE TEMATICHE DI :

ATTUALITÀ;SCIENZA;ECONO MIA;L IVE STYLE;I DEE;GADGET DI T ENDENZA;C INEMA.

W E B D E S I G N

Page 36: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

I L TARGET PU BBLICO È P IÙ AMPIO RISPETTO A FOC US MA FOCALIZZATO PRINCIPALMENT E ALLA FASCIA G IOVANILE POICHÈ È DI TENDENZA.

RIFE RIME NTOANALIS I

W E B D E S I G N

Page 37: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

W E B D E S I G N

Page 38: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i tol i d ’ impatto ed evidenti2. home page d inamica3. barra f issa del menù4. gr ig l ia d i layout ch iara e min imale5. immagin i accatt ivant i6 . l ink f iss i ne l l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 39: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i to l i d ’ impatto ed ev ident i2. home page dinamica con scorr imenti e v ideo3. barra f issa del menù4. gr ig l ia d i layout ch iara e min imale5. immagin i accatt ivant i6 . l ink f iss i ne l l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 40: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i to l i d ’ impatto ed ev ident i2 . home page d inamica con scorr iment i e v ideo3. barra f issa del menù4. gr ig l ia d i layout ch iara e min imale5. immagin i accatt ivant i6 . l ink f iss i ne l l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 41: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i to l i d ’ impatto ed ev ident i2 . home page d inamica con scorr iment i e v ideo3. barra f issa del menù4. gr igl ia di layout chiara e minimale5. immagin i accatt ivant i6 . l ink f iss i ne l l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 42: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i to l i d ’ impatto ed ev ident i2 . home page d inamica con scorr iment i e v ideo3. barra f issa del menù4. gr ig l ia d i layout ch iara e min imale5. immagini accatt ivanti6. l ink f iss i ne l l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 43: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

1. t i to l i d ’ impatto ed ev ident i2 . home page d inamica con scorr iment i e v ideo3. barra f issa del menù4. gr ig l ia d i layout ch iara e min imale5. immagin i accatt ivant i6. l ink f issi nel l ’home page

griglia di layout chiara e minimale

W E B D E S I G N

Page 44: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

griglia di layout chiara e minimale

1. t i tol i d’ impatto;2. immagini accatt ivant i , d inamiche,

grandi e r iconduc ib i l i a l l ’argomento in quest ione;

3. presenza di v ideo su l l ’home page;4. gr igl ia di layout ch iara e min imale ;5. interatt ivo e d inamico;6. coerenza graf ica t ra t i to lo e testo;7. barra del menù f issa (buona usabi l i tà )

W E B D E S I G N

Page 45: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA P HI C WI RED NEW S T Y L E

R IFE RIME NTOANALIS I

CARATTE RIS TICH E

PLUS:1. T ITOLI P IÙ D’ IMPATTO;2. IMMAGINI P IÙ ACCATTIVANTI ;3 . HOME PAGE PIÙ DINAMICA;4. GRIGLIA DI LAYOUT PIÙ CHIARA E MINIMALE;5. P IÙ SEMPLICE NELL’USABIL ITÀ.

MINUS:1. P IÙ LENTO NELLA NAVIGAZIONE E NEL CARICAMENTO

DELLE PAGINE

W E B D E S I G N

Page 46: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE

PERSO N ASGRA F I CO 01NU MERO CL I CK

GRAF I CO 02CLI CK 02

GRAFICO 03CLICK 03

FOCUS

Page 47: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONAS

1. STUDENTI (F/M )2. DONNA / UOMO (30 ANNI )3. DONNA / UOMO (50+ ANNI )

W E B D E S I G N

Page 48: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONAS

“Mi ch iamo Marco ho 23 anni . Consulto i l s i to t ra una pausa e l ’a l t ra o

mentre torno a casa in metro . A volte mi cap ita d i consultar lo

ve locemente durante le lez ion i anche se prefer i re i approfondire a lcune sez ioni con

ca lma a casa ma la v i ta f retto losa non me lo permette .”

1. S TUDEN TI (F/M )1. FRET TOLOSO2. M U LTITASKING

COSA C ER C A?1. CHIA REZZA E SEMPLIC ITÀ 2 . AT T RATTO DA IMMAGINI ACCATTIVANTI3 . PREFERISCE NOTIZ IE FLASH E D INAMICHE4. R ICHIEDE CHE IL S ITO ABBIA R ISCONTRO CON SOCIAL NETWORK

W E B D E S I G N

Page 49: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONAS

“Mi ch iamo mar io ho 32 anni . I l mio lavoro genera lmente mi t iene

impegnato f ino a l le 21. Nel weekend l ibero da l lo stress az iendale

mi concedo una lunga co laz ione consultando i l mio ipad.

F ina lmente leggo in modo approfondito le r iv iste sc ient i f iche che mi interessano”

2.UOMO/D O NN A 30 ANNI1. CURIOSO2. INTERESSATO3. APPASSIONATO

COSA C ER C A?1. CERCA SO STANZA NELL’ARTICOLO2. R ICO NDUCIB IL ITÀ ALLA PAROLA CHIAVE

W E B D E S I G N

Page 50: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONAS

“Mi ch iamo Mat i lde e ho 62 anni . Mio mar i to G iuseppe 64.

Abbiamo una f ig l ia e t re n ipot i in Amer ica . Per sent i r l i c i s iamo procurat i

un Ipad con skype. Con i l tempo s iamo entrat i in conf idenza con questo

strumento e ora legg iamo anche le r iv iste onl ine! Entrambi appass ionat i d i sc ienza,

dopo cena c i dedich iamo a l la lettura d i art ico l i che c i interessano.”

3. D ONNA/U O MO 50+1. CURIOSO2. LARGAMENTE INTERESSATO (APPROFONDISCE )3. HOBBY

COSA C ER C A?1. QUA LITÀ2. SOSTA NZA3. LEGGIB IL ITÀ4. CHIA REZZA5. SEMPLIC ITÀ

W E B D E S I G N

Page 51: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICO 01

INTR

ATTENIM

ENTO

VELO

CITÀ

SEMPLIC ITÀ

COERENZA GRAFICA

FOCUS DA 1 A 10

W E B D E S I G N

Page 52: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICO 01 G RAFICO 02

INTR

ATTENIM

ENTO

VELO

CITÀ

SEMPLIC ITÀ

COERENZA GRAFICA

N ATIONALG EOGRAPHIC DA 1 A 10

W E B D E S I G N

Page 53: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICO 01 G RAFICO 02

INTR

ATTENIM

ENTO

VELO

CITÀ

SEMPLIC ITÀ

COERENZA GRAFICA

WIREDDA 1 A 10

W E B D E S I G N

Page 54: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICO

CONFRONTO GRAFICODA 1 A 10

INTR

ATTENIM

ENTO

VELO

CITÀ

SEMPLIC ITÀ

COERENZA GRAFICA

W E B D E S I G N

Page 55: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK

W E B D E S I G N

Page 56: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK

1° CLICKABBONAT I !

W E B D E S I G N

Page 57: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK

2° CLICK+ INSERIMENTO DATI SE NON S I È G IÀ REGISTRATI

W E B D E S I G N

Page 58: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK

3° CLICKCONFERMA DATI PER LA REGISTRA Z I O NE

W E B D E S I G N

Page 59: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK

4° CLICK 5° CLICKPAGAMENTO CONF ERM A PAGA M ENTO

W E B D E S I G N

Page 60: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

W E B D E S I G N

Page 61: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

1° CLICKABBONATI !

W E B D E S I G N

Page 62: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

2° CLICKTIPOLOGIA DI ABBONAMENTO

W E B D E S I G N

Page 63: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

3° CLICKTORNA AGLI ACQUISTI O “PROSEGUI”

W E B D E S I G N

Page 64: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

4° CLICKINSERISCI I TUOI DATI O LE CREDENZIAL I D ’ACCESSO

W E B D E S I G N

Page 65: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 02

5° CLICK

6° CLICK

PAGAMENTO

FINE

W E B D E S I G N

Page 66: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

W E B D E S I G N

Page 67: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

1° CLICKABBONATI O REGALA

W E B D E S I G N

Page 68: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

2° CLICKABBONATI O REGALA

W E B D E S I G N

Page 69: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

3° CLICKCOMPILA

W E B D E S I G N

Page 70: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

4° CLICK 5° CLICKINSERISCI I DATI PERSONALI SC EGL I L A

M ODA L I TÀ D I PAGA M ENTO

W E B D E S I G N

Page 71: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL G EO G RA P H I C WI RED NEW S T Y L E

PERSONASGRAFICONUMERO CL ICK CLICK 03

6° CLICK 7° CLICKCONFERMA DATI F I NE

W E B D E S I G N

Page 72: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED N EW ST YL E

SOSTITUZIONEFINALE

NEW STYLE

Page 73: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA PHI C WI RED NEW ST YL E

S OS TITUZIONEW E B D E S I G N

Page 74: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA PHI C WI RED NEW ST YL E

S OS TITUZIONEW E B D E S I G N

Page 75: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA PHI C WI RED NEW ST YL E

D OV E S I CAMB IAS OS TITUZIONEW E B D E S I G N

Page 76: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

TEMATICA FOCUS NATIONAL GEOGRA PHI C WI RED NEW ST YL E

S OS TITUZIONEW E B D E S I G N

Page 77: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE

PRIMA SOSTITUZIONEFINALE

Page 78: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

ՖFORUM | NEWSLETTER | EDICOLA

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUScontatti | 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

/D©½VLFD©q©PHUDYLJOLRVD�©SUHQGL©XQD©PDJLD©TXDOXQTXH�©GDOOD©LQ©SDVWR©D©XQ©½VLFR©H©TXHOOR©WL©WLUHUj©IXRUL©XQD©OHJJH©YHFFKLD©R©QXRYD©SHU©VSLHJDUWHOD�

Piccolo panda insonne

$OOLJDWRUL©DIIDPDWL

)RWRJUD½H©GD©PRQGL©LQYLVLYLOL

Che bello il primo bacio!

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

/HJJL©LO©EDQGR©GHO©QXRYR©FRQFRUVR

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

Foto >

Gruppi >

Gallery >

SPORT

PARTECIPA

POLITICA

CRONACA

FDOFLR�©PRUGH©DOOD©FRVFLD©O´DYYHUVDULR©�����

/�HOHWWRUDOH�©3G�©ULSUHQGHUH©WHPD©SDULWj©�����

7LUUHQR©3RZHU�©5HJLRQH©/LJXULD©�����

SCOPRI TUTTE LE NEWS

)LVLFD©R©PDJLD"© /D© OHYLWD]LR-ne della catenella

/D©PLJUD]LRQH©GHL©GHO½QL©½O-mata da un drone

Vota l’innovazione dell’anno

63(&,$/,©©©©©©'(1752©,/©9$-217©©©©©©%5$,1�©,6758=,21,©3(5©/´862©©©©©©35(0,2©,1129$=,21(©����

REGISTRATI ABBONATILOGIN

Ֆ

WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE

DOPO SOSTITUZIONEFINALE

Page 79: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

ՖFORUM | NEWSLETTER | EDICOLA

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUScontatti | 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

/D©½VLFD©q©PHUDYLJOLRVD�©SUHQGL©XQD©PDJLD©TXDOXQTXH�©GDOOD©LQ©SDVWR©D©XQ©½VLFR©H©TXHOOR©WL©WLUHUj©IXRUL©XQD©OHJJH©YHFFKLD©R©QXRYD©SHU©VSLHJDUWHOD�

Piccolo panda insonne

$OOLJDWRUL©DIIDPDWL

)RWRJUD½H©GD©PRQGL©LQYLVLYLOL

Che bello il primo bacio!

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

/HJJL©LO©EDQGR©GHO©QXRYR©FRQFRUVR

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

Foto >

Gruppi >

Gallery >

SPORT

PARTECIPA

POLITICA

CRONACA

FDOFLR�©PRUGH©DOOD©FRVFLD©O´DYYHUVDULR©�����

/�HOHWWRUDOH�©3G�©ULSUHQGHUH©WHPD©SDULWj©�����

7LUUHQR©3RZHU�©5HJLRQH©/LJXULD©�����

SCOPRI TUTTE LE NEWS

)LVLFD©R©PDJLD"© /D© OHYLWD]LR-ne della catenella

/D©PLJUD]LRQH©GHL©GHO½QL©½O-mata da un drone

Vota l’innovazione dell’anno

63(&,$/,©©©©©©'(1752©,/©9$-217©©©©©©%5$,1�©,6758=,21,©3(5©/´862©©©©©©35(0,2©,1129$=,21(©����

REGISTRATI ABBONATILOGIN

Ֆ

WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE

SOSTITUZIONEFINALE

ES. D I TEN D INA

Page 80: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

ՖFORUM | NEWSLETTER | EDICOLA

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUS

SCIENZA AMBIENTE CULTURA TECNOLOGIA COMPORTAMENTO BLOG iFOCUScontatti | 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

/D©½VLFD©q©PHUDYLJOLRVD�©SUHQGL©XQD©PDJLD©TXDOXQTXH�©GDOOD©LQ©SDVWR©D©XQ©½VLFR©H©TXHOOR©WL©WLUHUj©IXRUL©XQD©OHJJH©YHFFKLD©R©QXRYD©SHU©VSLHJDUWHOD�

Piccolo panda insonne

$OOLJDWRUL©DIIDPDWL

)RWRJUD½H©GD©PRQGL©LQYLVLYLOL

Che bello il primo bacio!

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

/HJJL©LO©EDQGR©GHO©QXRYR©FRQFRUVR

&RVD©QRQ©q©IDWWR©GL©&KHUDWLQD"

Foto >

Gruppi >

Gallery >

SPORT

PARTECIPA

POLITICA

CRONACA

FDOFLR�©PRUGH©DOOD©FRVFLD©O´DYYHUVDULR©�����

/�HOHWWRUDOH�©3G�©ULSUHQGHUH©WHPD©SDULWj©�����

7LUUHQR©3RZHU�©5HJLRQH©/LJXULD©�����

SCOPRI TUTTE LE NEWS

)LVLFD©R©PDJLD"© /D© OHYLWD]LR-ne della catenella

/D©PLJUD]LRQH©GHL©GHO½QL©½O-mata da un drone

Vota l’innovazione dell’anno

63(&,$/,©©©©©©'(1752©,/©9$-217©©©©©©%5$,1�©,6758=,21,©3(5©/´862©©©©©©35(0,2©,1129$=,21(©����

REGISTRATI ABBONATILOGIN

Ֆ

WEB DESIGN TEMATICA FOCUS NATIONAL GEOGRAPHIC WIRED NEW STYLE

CAMBIAMENTI1. Abbiamo tolto le pubbl ic ità2. Abbiamo lasciato i l rosso3. I l ink sono messi ben vis ibi l i

in a lto a destra4. i color i sono l imitat i5. i l layout è meno f i tto

lasciando le immagini p iù grandi

6. C i sono minori informazioni e la pagina è meno lunga.

PROBLEMI IN IZ IAL I1. Troppe pubbl ic ità2. Buon ut i l izzo del rosso3. Buona r iconducibi l i tà4. Troppi color i e imput5. Layout f i tto portano a

ut i l izzare del le immagini molto piccole

6. Troppe informazioni

SOSTITUZIONEFINALE

Page 81: FOCUS: WEB DESIGN NABA course elaborate 2013-2014

GRAZIESILVIA MOR • MARGHERITA TROILO • GIULIA D’A ND R EA

CORSO TENUTO DA: ROBERTO DADDA E FRANCESCO Z ACC A RI ANABA 2014