Luca Capitani Title Laboratorio di Web e Interface Design Università degli Studi di Roma La Sapienza

Processo di sviluppo di un prodotto sw Processo di sviluppo di un sito web Linee guida per il design di interfacce utente per il web Principi di Usabilità e Accessibilità Architettura dellinformazione Implementazione di un sito web Tecniche di ottimizzazione delle prestazioni e SEO Interface design per dispositivi mobili Argomenti del laboratorio

Software per presentazioni o creazione diagrammi (MS Powerpoint, Keynote, OmniGraffle, MS Visio,....) Word processor (Microsoft Word, Pages,...) Editor per lo sviluppo di codice (Notepad, Notepad++, TextMate, Adobe Dreamweaver, Eclipse,…) Web browser Consigliato: Mozilla Firefox con estensioni Firebug e Web Developer Toolbar Strumenti del laboratorio Programmi di grafica (Paint, Photoshop, Illustrator…)

Materiale didattico Contatti Slide del Corso Articoli su Web Libri consigliati S. Krug - Dont make me think P.Morville,L.Rosenfeld – Information Architecture for the WWW Web Style Guide 3 rd edition - html

Lesame consiste nella consegna di una serie di documenti relativi al project work (vedi slide successiva) e in una breve presentazione orale. La consegna del materiale deve avvenire almeno una settimana prima della data in cui si intende sostenere la discussione del project work, inviando tutto il materiale allindirizzo del docente specificando la data desame e i componenti del gruppo. I documenti andranno raggruppati allinterno di una cartella, compressa in formato.zip II nome del file.zip deve contenere i cognomi dei componenti del gruppo e la data dellappello che sintende sostenere. Es: AtelierDesign_17giu_RossiVerdiBianchi.zip La valutazione terrà conto dei seguenti fattori: Presenza di tutti i documenti richiesti Completezza e correttezza delle informazioni contenute nei documenti Rispetto dei requisiti e delle linee guida indicate nelle slides Modalità desame

Documento di specifica del sito e dellapplicazione per smartphone Mappa del sito e diagramma dei contenuti dellapplicazione per smartphone Prototipo del sito in HTML o in alternativa prototipo grafico Diagramma di interazione oppure specifica di un caso duso per uno dei servizi offerti dal sito Es: Prenotazione di una visita al museo Implementazione del sito finale in una tecnologia a scelta (Es. HTML/JavaScript,Flash,…). E sufficiente limplementazione della homepage e di 2 pagine interne. (In alternativa allimplementazione del sito) Prototipo funzionale in Powerpoint di un applicazione per smartphone Documenti da consegnare

Coloro che devono sostenere metà programma (valido come 3 crediti) dovranno presentare solo 3 documenti a scelta tra quelli elencati nella slide precedente. Ad esempio: Documento di specifica del sito e dellapplicazione per smartphone Mappa del sito e diagramma dei contenuti dellapplicazione per smartphone Prototipo del sito in HTML o in alternativa Mockups grafici Note aggiuntive