Differenze tra le versioni di "Principi di progettazione dei prodotti editoriali digitali/2006-2007"

Da WikiDsy.
(→‎Lezione di Giovedì 17-05-07)
(→‎Lezione di Martedì 24-04-07)
 
(32 versioni intermedie di 6 utenti non mostrate)
Riga 75: Riga 75:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/lezione_15_03_2007.pdf Lezione 15_03_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427864 Lezione 15_03_2007.pdf]''
−
 
 
−
 
 
  
 
=== Lezione di Martedì 20-03-07 ===
 
=== Lezione di Martedì 20-03-07 ===
Riga 87: Riga 85:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/lezione_20_03_2007.pdf Lezione 20_03_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427865 Lezione 20_03_2007.pdf]''
  
 
=== Lezione di Giovedì 22-03-07 ===
 
=== Lezione di Giovedì 22-03-07 ===
Riga 107: Riga 105:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/lezione_22_03_2007.pdf Lezione 22_03_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427866 Lezione 22_03_2007.pdf]''
  
 
=== Lezione di Martedì 27-03-07 ===
 
=== Lezione di Martedì 27-03-07 ===
Riga 122: Riga 120:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_27_03_2007.pdf Lezione 27_03_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427867 Lezione 27_03_2007.pdf]''
  
 
'''Esercitazioni per il 10-04-07''':  
 
'''Esercitazioni per il 10-04-07''':  
Riga 134: Riga 132:
 
* stima dell'impegno<br>
 
* stima dell'impegno<br>
 
[[image:lezioni_2005_05_19.jpg|alt text, Esercizio 2]]
 
[[image:lezioni_2005_05_19.jpg|alt text, Esercizio 2]]
−
 
−
 
−
 
  
 
=== Lezione di Giovedì 29-03-07 ===
 
=== Lezione di Giovedì 29-03-07 ===
Riga 156: Riga 151:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_29_03_2007.pdf Lezione 29_03_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427868 Lezione 29_03_2007.pdf]''
  
  
Riga 191: Riga 186:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione03_04_2007.pdf Lezione 03_04_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427869 Lezione 03_04_2007.pdf]''
−
 
 
  
 
=== Lezione di Giovedì 12-04-07 ===
 
=== Lezione di Giovedì 12-04-07 ===
Riga 202: Riga 196:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_12_04_2007.pdf Lezione 12_04_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=427871 Lezione 12_04_2007.pdf]''
  
 
=== Lezione di Giovedì 17-04-07 ===
 
=== Lezione di Giovedì 17-04-07 ===
Riga 223: Riga 217:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_17_04_2007.pdf Lezione 17_04_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=428625 Lezione 17_04_2007.pdf]''
−
 
 
−
 
 
  
 
=== Lezione di Giovedì 19-04-07 ===
 
=== Lezione di Giovedì 19-04-07 ===
Riga 241: Riga 233:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_19_04_2007.pdf Lezione 19_04_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=429078 Lezione 19_04_2007.pdf]''
−
 
 
−
 
 
−
 
 
−
=== Lezione di Martedì 24-04-07 ===
 
−
 
 
−
*  Fase 5 : Dal lancio in poi
 
−
*    >> consegna - Consegna e posa in opera
 
−
*    >> consegna - Completamento guida di stile (esempio di una guida di stile)
 
−
*    >> consegna - Documentazione
 
−
*    >> consegna - Gestione della documentazione
 
−
*    >> consegna - Meeting retrospettiv
 
−
*    >> consegna - Pianificazione training per il team di manutenzione
 
−
*    >> lancio - Pubblicazione on-line
 
−
*    >> lancio - Piano di comunicazione
 
−
*    >> lancio - Registrazione sui motori di ricerca<br>
 
−
risorse sul Web per conoscere i motori di ricerca, consultare i seguenti siti:<br>
 
−
[http://www.searchenginewatch.com searchenginewatch] <br>
 
−
[http://www.selfpromotion.com selfpromotion] <br>
 
−
[http://www.workz.com workz] <br>
 
−
[http://www.motoridiricerca.it motoridiricerca] <br>
 
−
*    >> lancio - Impostazione dei tag META
 
−
 
 
−
 
 
−
'''Slides''':
 
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_24_04_2007.pdf Lezione 24_04_2007.pdf]''
 
  
 +
w2bS3x  <a href="http://zidyfplxlnse.com/">zidyfplxlnse</a>, [url=http://jeuzufldeqls.com/]jeuzufldeqls[/url], [link=http://qbbgpihzcwnj.com/]qbbgpihzcwnj[/link], http://rjszdjbkmqpa.com/
  
 
=== Lezione di Giovedì 26-04-07 ===
 
=== Lezione di Giovedì 26-04-07 ===
Riga 296: Riga 264:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_26_04_2007.pdf Lezione 26_04_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=429821 Lezione 26_04_2007.pdf]''
−
 
 
  
−
=== Lezione di Giovedì 04-05-07 ===
+
=== Lezione di Giovedì 03-05-07 ===
  
 
*  Fase 6 : Verifica dell'utilizzo
 
*  Fase 6 : Verifica dell'utilizzo
Riga 317: Riga 284:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_04_05_2007.pdf Lezione 04_05_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=431245 Lezione 03_05_2007.pdf]''
  
 
=== Lezione di Martedì 08-05-07 ===
 
=== Lezione di Martedì 08-05-07 ===
Riga 331: Riga 298:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_08_05_2007.pdf Lezione 08_05_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=431246 Lezione 08_05_2007.pdf]''
  
 
=== Lezione di Giovedì 10-05-07 ===
 
=== Lezione di Giovedì 10-05-07 ===
Riga 340: Riga 307:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_10_05_2007.pdf Lezione 10_05_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=431338 Lezione 10_05_2007.pdf]''
−
 
 
  
 
=== Lezione di Martedì 15-05-07 ===
 
=== Lezione di Martedì 15-05-07 ===
  
−
* intervento in aula di un esperto del settore<br>
+
* intervento in aula di un esperto del settore "OneCube"<br>
−
a breve le slide
 
 
* introduzione sul programma Bricks(cms)
 
* introduzione sul programma Bricks(cms)
 +
'''Slides''':
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=432868 onecube.pdf]''
  
 
=== Lezione di Giovedì 17-05-07 ===
 
=== Lezione di Giovedì 17-05-07 ===
Riga 353: Riga 320:
 
*  WEB 2.0<br>
 
*  WEB 2.0<br>
 
siti visitati a lezione<br>
 
siti visitati a lezione<br>
−
[http://www.flirckr.com  flirckr] <br>
+
[http://www.flickr.com  flickr] <br>
 
[http://www.craigslist.com  craigslist] <br>
 
[http://www.craigslist.com  craigslist] <br>
 
[http://www.housingmaps.com  housingmaps] <br>
 
[http://www.housingmaps.com  housingmaps] <br>
Riga 363: Riga 330:
  
 
'''Slides''':  
 
'''Slides''':  
−
* ''[http://www.omniaimaginaweb.it/ppdpe/Lezione_17_05_2007.pdf Lezione 17_05_2007.pdf]''
+
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=432870 Lezione 17_05_2007.pdf]''
 +
 
 +
=== Lezione di Martedì 22-05-07 ===
 +
 
 +
* intervento in aula di un esperto del settore e-learning<br>
 +
 
 +
 
 +
=== Lezione di Giovedì 24-05-07 ===
 +
 
 +
*  WEB 2.0<br>
 +
La televisione la facciamo noi<br>
 +
siti visitati a lezione<br>
 +
[http://www.youtube.com  youtube] <br>
 +
preso visione dei seguenti video : <br>
 +
Dove Photoshop Effect<br>
 +
Male Dove Photoshop Effect<br><br>
 +
altri siti visitati<br>
 +
[http://video.google.com  video.google] <br>
 +
[http://www.dailymotion.com  dailymotion] <br>
 +
[http://www.rocketboom.com  rocketboom] <br>
 +
 
 +
 
 +
L'ultima radio che sentiremo<br>
 +
siti visitati a lezione: <br>
 +
[http://www.amazon.com  amazon] <br>
 +
[http://www.allmusic.com  allmusic] <br>
 +
[http://www.pandora.com pandora] <br>
 +
[http://www.last.fm last] <br>
 +
 
 +
 
 +
'''Slides''':
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=432874 Lezione 24_05_2007.pdf]''
 +
 
 +
=== Lezione di Martedì 29-05-07 ===
 +
 
 +
*  WEB 2.0<br>
 +
L'intelligenza collettiva<br>
 +
siti visitati:<br>
 +
[http://www.it.wikipedia.org/wiki/Pagina_principale  Wikipedia] <br>
 +
[http://it.answers.yahoo.com/  answers] <br>
 +
[http://www.myspace.com/  myspace] <br>
 +
[http://www.linkedin.com/  linkedin] <br>
 +
[http://www.facebook.com/ facebook] <br>
 +
[http://www.duespaghi.it/  duespaghi] <br>
 +
 
 +
 
 +
Tutto in uno<br>
 +
siti visitati: <br>
 +
[http://www.netvibes.com/ netvibes] <br>
 +
 
 +
Artisti digitali o pirati?
 +
 
 +
 
 +
'''Slides''':
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=432906 Lezione 29_05_2007.pdf]''
 +
 
 +
=== Lezione di Giovedì 31-05-07 ===
 +
 
 +
*  Un modello di qualità per i siti web <br>
 +
 
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=433419 Parte I.pdf]''
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=433421 Parte II.pdf]''
 +
* ''[http://www.dsy.it/forum/attachment.php?s=&postid=433422 Parte III.pdf]''
 +
 
 +
 
 +
=== IMPORTANTE ===
 +
 
 +
Le lezioni prefissate per il 5 e 7 giugno non avranno luogo<br>
 +
il corso è terminato con l'ultima lezione tenuta in data 31 maggio 2007

Versione attuale delle 15:53, 15 gen 2011


Docente

Luca Taglietti - mailto:luca.taglietti@gmail.com

Orario delle lezioni

Turno Unico

  • Martedì 8:30 - 11:30 Aula Omega
  • Giovedì 9:30 - 11:30 Aula Omega

Crediti Formativi

Il superamento di quest'esame da diritto a 6 CFU

Programma del corso

I modelli della comunicazione digitale sono in continua evoluzione. Il corso è una guida alle metodologie di sviluppo incentrate sulle specifiche dei processi di progettazione (design e re-design) del prodotto editoriale digitale (format digitale di divugazione, intrattenimento o informazione che utilizzi un canale digitale interattivo per raggiungere il suo pubblico: portale, web tv, magazine in rete, videogame, progetti editoriali intermediali, e-learning, …). Vengono analizzati alcuni case study e testimonianze dirette per mostrare le metodologie di lavoro adottate. Una guida preziosa sia per un project manager sia per un designer. Offre un quadro globale sistematico e dettagliato, in cui si analizza ogni problema e la relativa soluzione.

  • Modelli di flusso organizzativo del lavoro chiaro, completo, universalmente applicabili e facili da personalizzare
  • Materiali pronti per l'uso: tecniche, trucchi, strumenti pratici come checklist, tracce per questionari, schemi, moduli, template di piani e documenti vari
  • Suggerimenti strategici per la gestione dei rapporti con i team e i clienti
  • Esempi concreti e analisi di casi reali

Materiale di riferimento

Kelly Goto, Emily Cotler, "Web ReDesign", Apogeo – 2002
Jakob Nielsen, Marie Tahir, "Homepage Usability", Apogeo - 2002
ISI, "Comunicazione digitale e professioni", Apogeo - 2003

Metodi didattici

Lezione frontale in aula, presentazione Power Point di supporto alla didattica, dispense, esercitazioni e testimonianze di aziende del settore

Prerequisiti

Il corso è rivolto a ogni persona e figura coinvolta nel processo organizzativo del lavoro che vede il suo ciclo dalla definizione del progetto, allo sviluppo della struttura, visual design e testing, produzione e controllo qualità, lancio e manutenzione di prodotti editoriali digitali.

Modalità d'esame

  • Frequentanti/non frequentanti: Esercitazioni in itinere ed orale finale sugli argomenti del corso.

Invio esercitazioni

Diario del corso

Lezione di Martedì 13-03-07

  • Introduzione
  • Un design di successo in 10 mosse
  • I profili utente degli autori del libro "Web Redesign"
  • La guida allo sviluppo del workflow per il redesign di un sito web
  • Un redesign di successo in 10 mosse


Slides:


Esercitazione per il 24-03-07:

  • Realizzare il proprio profilo utente

alt text, Esercizio 1


Lezione di Giovedì 15-03-07

  • la strategia per il redesign
  • Schema visuale del processo di redesign in 5 fasi
  • Fase 1: definire il progetto (esplorazione, chiarimento, pianificazione)


Slides:

Lezione di Martedì 20-03-07

  • Fase 1: definire il processo
  • Zeddy l'assistente virtuale


Slides:

Lezione di Giovedì 22-03-07

  • Fase 1: definire il processo
  • >> tech-check
  • >> analisi competitiva
  • >> checklist di riepilogo
  • Brand - Immagine coordinata

esempio di Manuale di Immagine Coordinata
LogoAlcotra_ManualeUso.pdf


  • Fase 1: definire il processo
  • >> briefing creativo 1ª parte


Slides:

Lezione di Martedì 27-03-07

  • Fase 1 :Definire il processo
  • >> briefing creativo: la traccia 2ªparte
  • >> impostazioni del project plan
  • >> definizione del budget
  • >> monitoraggio monte ore
  • >> tempistica e scheduling
  • >> selezione e attivazione del team
  • >> ruoli del team


Slides:

Esercitazioni per il 10-04-07:

  • Realizzare il briefing creativo

Prendete in esame il sito di un'azienda
Usate la traccia presente nella lezione del 27-03-2007
La preparazione del briefing creativo deve contenere una chiara e concisa formulazione
degli obiettivi,dell'audience, della percezione da trasmettere. Deve indicare lo stile
comunicativo e il messaggio di fondo del sito.
alt text, Esercizio 2

  • stima dell'impegno

alt text, Esercizio 2

Lezione di Giovedì 29-03-07

  • Fase 1 :Definire il processo
  • >> conclusione "ruoli del team"
  • >> strategie di user testing
  • avvio del progetto
  • Fase 2 :Struttura del sito
  • >> audit dei contenuti
  • >> pianificazione del content delivery
  • >> mappa del sito
  • >> denominazioni e convenzioni varie
  • >> gabbia della pagina
  • >> checklist per le gabbie


Slides:


Esercitazione per il 18-04-07:

  • Modelli di navigazione

alt text, Esercizio 4

Lezione di Martedì 03-04-07

  • Fase 2 :Struttura del sito 2ª parte
  • >> percorsi di interazione
  • >> scenari utenti

Esercitazione per il 23-04-07:

  • Illustrare lo scenario di un task tipico di un sito a vs scelta

per task si intende documentare i vari passaggi per es di una registrazione online alt text, Esercizio 5


  • Fase 3 : Visual Design e Testing
  • >> creazione - avvio del processo
  • >> creazione - smart design
  • >> creazione - obiettivi
  • >> creazione - concept visuale
  • >> creazione - presentazioni e feedback
  • >> creazione - redesign sito New Riders

siti da consultare per gli abbinamenti del colore
kolur
colorcombos


Slides:

Lezione di Giovedì 12-04-07

  • Fase 3 : Visual Design e Testing
  • >> creazione - Considerazioni su Macromedia Flash
  • >> creazione - Checklist di riepilogo per il Visual Design


Slides:

Lezione di Giovedì 17-04-07

  • Fase 3 : Visual Design e Testing
  • >> convalida - Protosito HTML
  • >> creazione - Redesign sito New Riders
  • >> applicazione - Creazione dei template grafici
  • >> applicazione - Creazione guida di stile per il redesign
  • Fase 4 : Produzione e controllo qualità
  • >> revisione - Linee guida e specifiche
  • >> revisione - Considerazioni sull'accessibilità
  • >> revisione - Struttura file e cartelle
  • >> costruzione - Ottimizzazione della grafica
  • >> costruzione - Un pò di definizioni
  • >> costruzione - Implementazioni degli script


testo consigliato per approfondimento "Il check-up dei siti web" di Polillo

Slides:

Lezione di Giovedì 19-04-07

  • Fase 4 : Produzione e controllo qualità
  • >> costruzione - Riempimento delle pagine
  • >> testing - Controllo qualità(QA)
  • >> testing - Pianificazione del QA
  • >> testing - Priorità es esecuzione del debugging
  • >> testing - Bug reporting
  • >> testing - Strumenti di bug tracking

scrubtheweb sito da consultare

  • >> testing - Controllo finale


Slides:

w2bS3x <a href="http://zidyfplxlnse.com/">zidyfplxlnse</a>, [url=http://jeuzufldeqls.com/]jeuzufldeqls[/url], [link=http://qbbgpihzcwnj.com/]qbbgpihzcwnj[/link], http://rjszdjbkmqpa.com/

Lezione di Giovedì 26-04-07

  • Fase 5 : Dal lancio in poi
  • >> manutenzione - Manutenzione e aggiornamento
  • >> manutenzione - Assessment del team di manutenzione
  • >> manutenzione - Team interni e team esterni
  • >> manutenzione - Scenari relativi al team di manutenzione
  • >> manutenzione - Misurare il successo del sito
  • >> manutenzione - Raccogliere feedback dagli utenti
  • >> manutenzione - Verifica sicurezza del sito
  • >> manutenzione - Misure di sicurezza
  • >> manutenzione - Nozioni di base
  • Fase 6 : Verifica dell'utilizzo
  • >> principio dell'utilizzo - Nozioni di base
  • >> principio dell'utilizzo - I test one-on-one
  • >> principio dell'utilizzo - I costi

consultare il sito di Jakob Nielsen
useit
altri siti visitati a lezione
netmechanic
searchenginewatch
alexa
www.opinionlab.com


Slides:

Lezione di Giovedì 03-05-07

  • Fase 6 : Verifica dell'utilizzo
  • >> esecuzione dei test - Un processo in 4 fasi
  • >> esecuzione dei test - Fase 1: pianificare e preparare
  • >> esecuzione dei test - Fase 2: reclutare i partecipanti
  • >> esecuzione dei test - Fase 3: condurre la sessione
  • >> esecuzione dei test - Fase 4: analisi dei dati e formulazione delle raccomandazioni

esercitazione a lezione: compilazione del "Questionario post-test"
testo dell'esercitazione

esempio del test svolto a lezione


Slides:

Lezione di Martedì 08-05-07

  • Fase 6 : Analisi Competitiva
  • >> svolgimento dell'analisi
  • >> svolgimento dell'analisi - Fase 1: definire il processo
  • >> svolgimento dell'analisi - Fase 2: creare una lista delle funzionalità
  • >> svolgimento dell'analisi - Fase 3: condurre l’analisi e il testing
  • >> svolgimento dell'analisi - Fase 4: creare il report finale


Slides:

Lezione di Giovedì 10-05-07

  • WEB 2.0

articolo " Cos'è il Web 2.0" di Tim O'Reilly * Web_2.pdf


Slides:

Lezione di Martedì 15-05-07

  • intervento in aula di un esperto del settore "OneCube"
  • introduzione sul programma Bricks(cms)

Slides:

Lezione di Giovedì 17-05-07

  • WEB 2.0

siti visitati a lezione
flickr
craigslist
housingmaps
maps.yahoo
snipshot
phixr
picasa


Slides:

Lezione di Martedì 22-05-07

  • intervento in aula di un esperto del settore e-learning


Lezione di Giovedì 24-05-07

  • WEB 2.0

La televisione la facciamo noi
siti visitati a lezione
youtube
preso visione dei seguenti video :
Dove Photoshop Effect
Male Dove Photoshop Effect

altri siti visitati
video.google
dailymotion
rocketboom


L'ultima radio che sentiremo
siti visitati a lezione:
amazon
allmusic
pandora
last


Slides:

Lezione di Martedì 29-05-07

  • WEB 2.0

L'intelligenza collettiva
siti visitati:
Wikipedia
answers
myspace
linkedin
facebook
duespaghi


Tutto in uno
siti visitati:
netvibes

Artisti digitali o pirati?


Slides:

Lezione di Giovedì 31-05-07

  • Un modello di qualità per i siti web


IMPORTANTE

Le lezioni prefissate per il 5 e 7 giugno non avranno luogo
il corso è terminato con l'ultima lezione tenuta in data 31 maggio 2007

Estratto da "https://wiki.dsy.it/index.php?title=Principi_di_progettazione_dei_prodotti_editoriali_digitali/2006-2007&oldid=20843"