mediawave: nuovo progetto per rivista multimediale per ipad / presentazione
TRANSCRIPT
![Page 1: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/1.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 1/56
martedì 7 febbraio 2012
![Page 2: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/2.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 2/56
Università degli Studi di FirenzeFacoltà di ArchitetturaCorso di laurea in Disegno Industriale
Mediawave: Nuovo progetto per rivista multimediale per iPad
20 dicembre 2011
Relatore: prof. Alberto Di CintioLaureando: Giacomo Bianchi
martedì 7 febbraio 2012
![Page 3: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/3.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 3/56
Progettazione e sviluppo di un web magazine per tablet sul temadel web management e dei digital media
martedì 7 febbraio 2012
![Page 4: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/4.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 4/56
OBIETTIVI:
•Comunicazione storie ed esperienze relative all’universo del
web management e dei digital media.
•Sperimentazione di nuove metafore di interazione tra utente e
dispositivo.
martedì 7 febbraio 2012
![Page 5: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/5.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 5/56
• Application:
Software stand-alone acquistabile dalla Apple Store.
• Web Application:
Sito web ottimizzato per il dispositivo e visualizzabile dal browser.
Tipologie di applicazione sviluppabili:
martedì 7 febbraio 2012
![Page 6: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/6.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 6/56
PRIMA FASE
Studio di creatività
martedì 7 febbraio 2012
![Page 7: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/7.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 7/56
• Tablet computer (Apple iPad)presentato da Steve Jobs il 27 gennaio2010.
• Schermo da 9,7 pollici con risoluzione1024x768 pixels.
• Tecnologia multi-touch.
• Sistema operativo iOS.
• Modalità di visione verticale eorizzontale.
• Utilizza Safari come browser di default.
ANALISI DEL DISPOSITIVO
martedì 7 febbraio 2012
![Page 8: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/8.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 8/56
Principali modalità di interazione gestuale native:
• tap (toccare);
•drag (trascinare);
•swipe (strisciare);
•double tap (doppio tocco);
•pinch open/close (pizzicotto aperto/chiuso);
martedì 7 febbraio 2012
![Page 9: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/9.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 9/56
ANALISI DELLE TECNOLOGIE
Una web application per tablet è formata principalmente da tre elementi.
martedì 7 febbraio 2012
![Page 10: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/10.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 10/56
•Contenuti - HTML5
Ultima evoluzione ancora in fase di definizione dellinguaggio di marcatura HTML per la strutturazione di sitiweb.
•Formattazione - CSS3
Contiene nuove specifiche per la formattazione deicontenuti.
•Effetti - jQuery
Libreria in JavaScript per l’implementazione dell’interattività.
martedì 7 febbraio 2012
![Page 11: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/11.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 11/56
Definire un modello d’utenza target per orientare i principaliaspetti della progettazione.
ANALISI DEL TARGET
martedì 7 febbraio 2012
![Page 12: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/12.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 12/56
•Ha dai 20 ai 30 anni;
• frequenta o ha frequentato un corso di laurea che gliha fornito conoscenze del dominio;
• livello culturale di base medio/alto;
•vuole diventare un professionista del settore;
• si interessa alla rivista per prendere spunto da coloro
i quali ce l’hanno fatta.
Il target definitivo ha le seguenti caratteristiche:
martedì 7 febbraio 2012
![Page 13: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/13.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 13/56
Lo stile della rivista avrà l’obiettivo di:
•Interessare il lettore con contenuti specifici;
•presentare gli argomenti in una modalità fresca e attraente per il
target;
•incoraggiare il lettore mostrando vie professionali definite.
DEFINIZIONE DELLO STILE
martedì 7 febbraio 2012
![Page 14: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/14.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 14/56
STATO DELL’ARTE
Studio delle riviste digitali presenti sul mercato delle
applicazioni:
Pulse Flip BoardFLUDZinioBlancspot
martedì 7 febbraio 2012
![Page 15: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/15.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 15/56martedì 7 febbraio 2012
![Page 16: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/16.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 16/56
BRAINSTORMING
martedì 7 febbraio 2012
![Page 17: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/17.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 17/56
Prima parte:
• Far emergere qualsiasi pensiero riguardante il progetto anche se privo di
significato e riportarlo su supporto cartaceo.
• Incoraggiare le idee selvagge.
• Privilegiare la quantità.
Seconda parte:
• Riordinare le idee e selezionare quelle più valide.
• Applicare un’analisi critica.
Al termine della seduta si otterrà un quadro esauriente deiconcetti utili alla progettazione.
martedì 7 febbraio 2012
![Page 18: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/18.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 18/56
Definire la giusta denominazione:
• Selezionare delle parole chiave;
• connotazione internazionale (inglese);
• combinazioni di parole significative (accostare una parolaspecifica con una dinamica);
• definizione di un payoff d’impatto del brand.
SCELTA DEL NOME
martedì 7 febbraio 2012
![Page 19: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/19.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 19/56
Parole chiave:
design, new, people, media, think, way, follow, dream, tool, idea,life, future, opportunity, tomorrow, project, brand, factory ,store, story, wave, behind, look, light, boulevard, twist,
happiness, content, orientation, magazine.
Risultato nome:
Mediawave
Risultato payoff:
world wide portraits
martedì 7 febbraio 2012
![Page 20: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/20.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 20/56
SECONDA FASE
Content management
martedì 7 febbraio 2012
![Page 21: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/21.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 21/56
Contenuti del magazine:
storie ed esperienze dei protagonisti del web management e
dei digital media, che hanno frequentato il Master in
Multimedia Content Design dell’Università di Firenze
SCELTA DEI CONTENUTI
martedì 7 febbraio 2012
![Page 22: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/22.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 22/56
Daniele NovagaWeb designer & SEO freelance,
nonché co-fondatore di StereoMood.
Ilaria SalvalaggioMarketing Operations Manager
presso Register.it
Umberto TesoroOnline Marketing Manager
presso Education First
Rosario SterrantinoAccount/PM/Team Manager
presso Contact Lab
martedì 7 febbraio 2012
![Page 23: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/23.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 23/56
Silvia CappelliResponsabile PR and Online Communication
presso la divisione cargo si ZWISS
Karim Ben HamidaDigital Product Marketing Manager
presso Populis
Anna Silvia BernottiWeb Innovator presso IBM
martedì 7 febbraio 2012
![Page 24: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/24.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 24/56
CATEGORIZZAZIONE
martedì 7 febbraio 2012
![Page 25: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/25.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 25/56
Le esperienze e le attività dei protagonisti scelti sono stateordinate in quattro gruppi:
•Percorso formativo.
•Ruolo professionale.
•Attività e servizi.
•Curiosità.
I gruppi riuniti formano il contenuto totale di ogni storia.
martedì 7 febbraio 2012
![Page 26: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/26.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 26/56
TERZA FASE
Information architecture
martedì 7 febbraio 2012
![Page 27: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/27.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 27/56
Stabilisce la forma gerarchica che assumono le pagine delmagazine ed i suoi collegamenti secondo un diagrammagrafico. Per la sua realizzazione occorre seguire i principi di:
•Usabilità.
•Accessibilità.
STRUTTURA DI NAVIGAZIONE
martedì 7 febbraio 2012
![Page 28: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/28.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 28/56
La navigazione dovrà essere intuitiva ed contenuti facili da
raggiungere.
martedì 7 febbraio 2012
![Page 29: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/29.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 29/56
Flowchart
martedì 7 febbraio 2012
![Page 30: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/30.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 30/56
Stabilisce la struttura che assume la singola pagina delmagazine e gli elementi che dovrà contenere.
UNITÀ INFORMATIVA
martedì 7 febbraio 2012
![Page 31: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/31.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 31/56
Bozza grafica che serve ad individuare gli elementi fisici e leloro dinamiche anche in termini di usabilità.
WIREFRAME
martedì 7 febbraio 2012
![Page 32: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/32.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 32/56
Scheletro Cover
martedì 7 febbraio 2012
![Page 33: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/33.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 33/56
Scheletro Presentazione personaggio
martedì 7 febbraio 2012
S h l S i i l
![Page 34: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/34.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 34/56
Scheletro Sezione articolo
martedì 7 febbraio 2012
T i i i i
![Page 35: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/35.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 35/56
Teorizzazione navigazione
martedì 7 febbraio 2012
![Page 36: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/36.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 36/56
QUARTA FASE
Graphic design
martedì 7 febbraio 2012
![Page 37: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/37.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 37/56
Lo scopo è definire i seguenti elementi seguendo le indicazionidel target e dell’architettura dell’informazione:
• Logo design.
• Font.
• Colori.
• Layout pagine.
• Animazioni.
martedì 7 febbraio 2012
![Page 38: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/38.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 38/56
IL LOGO
martedì 7 febbraio 2012
![Page 39: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/39.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 39/56
PROPOSTE GRAFICHE
A B
Pagina presentazione:
martedì 7 febbraio 2012
![Page 40: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/40.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 40/56
A
Pagina sezione articolo:
martedì 7 febbraio 2012
![Page 41: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/41.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 41/56
B
martedì 7 febbraio 2012
![Page 42: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/42.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 42/56
C
martedì 7 febbraio 2012
![Page 43: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/43.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 43/56
PROPOSTA FINALE
martedì 7 febbraio 2012
![Page 44: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/44.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 44/56
QUINTA FASE
Metafore di interazione innovative
martedì 7 febbraio 2012
![Page 45: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/45.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 45/56
Ipotesi di nuove modalità di interazione tra l’utente e i contenutidel magazine sulla base:
1. delle caratteristiche del dispositivo;
2. dei gesti dell’utente
martedì 7 febbraio 2012
![Page 46: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/46.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 46/56
Basata sull’inclinazione del dispositivo
INTERAZIONE SENSOR BASED
1.
martedì 7 febbraio 2012
![Page 47: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/47.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 47/56
Vai alla sezione inferiore
martedì 7 febbraio 2012
![Page 48: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/48.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 48/56
Vai alla sezione superiore
martedì 7 febbraio 2012
![Page 49: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/49.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 49/56
Visualizza il related
martedì 7 febbraio 2012
![Page 50: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/50.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 50/56
Cambia storia
martedì 7 febbraio 2012
![Page 51: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/51.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 51/56
Basata su specifici gesti dell’utente
INTERAZIONE GESTURE BASED
2.
martedì 7 febbraio 2012
![Page 52: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/52.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 52/56
Una serie di gesti tracciati sul display permetteranno di accederealle sezioni della storia corrispondenti.
Per la definizione dei gesti che compongono il nuovo linguaggio diinterazione è stata effettuata un’indagine scegliendo un campionedi utenti target.
martedì 7 febbraio 2012
![Page 53: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/53.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 53/56
Tracciare il simbolo di una scala per accedere alla sezione delpercorso formativo e professionale
martedì 7 febbraio 2012
![Page 54: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/54.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 54/56
Tracciare il simbolo di una spirale per accedere alla sezione delleattività e dei servizi
martedì 7 febbraio 2012
![Page 55: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/55.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 55/56
Tracciare il simbolo di una punto di domanda per accedere allasezione delle curiosità
martedì 7 febbraio 2012
![Page 56: Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione](https://reader030.vdocuments.mx/reader030/viewer/2022021200/577d21d51a28ab4e1e95fdcb/html5/thumbnails/56.jpg)
8/3/2019 Mediawave: nuovo progetto per rivista multimediale per iPAD / Presentazione
http://slidepdf.com/reader/full/mediawave-nuovo-progetto-per-rivista-multimediale-per-ipad-presentazione 56/56
Grazie per l’attenzione