Dispense delle lezioni 2017
Argomenti trattati
- Introduzione al webdesign e fase di analisi preliminare
- Content strategy
- Architettura dell'informazione e progettazione web
- Mobile usability
- Web development
- Design & development workflow
La seconda parte del corso (le ultime 5 lezioni, indicativamente) saranno dedicate allo sviluppo in HTML5 e CSS di un sito web basato sulla tecnica del cosiddetto Responsive Web Design
Si raccomanda lo studio di HTML con la guida presente presso http://www.html.it/guide/guida-html/
Programma d'esame
Sarà richiesta la presentazione di un progetto personale realizzato in modo conforme alle specifiche indicate nella parte applicata del corso.
Il sito potrà avere un argomento a piacere a totale discrezione dello studente.
Il sito dovrà essere realistico: cercate di progettare il sito di un'azienda, di un gruppo musicale, di una società sportiva e di prevedere tutte le pagine che potrebbero servire per presentare tale realtà sul web.
Il numero minimo delle pagine da prevedere è 5. Nelle varie pagine dovete cercare di utilizare, in modo sensato, il maggior numero di tag html e comandi css possibile. Sforzatevi di scegliere un progetto in cui sia possibile inserire anche tabelle, form, video ecc. Anche se questi comandi non sono stati visti a lezione, esistono numerosissime guide online che vi possono spiegare come si possono utilizzare. Le pagine devono essere contenutisticamente diverse tra loro: non fate dei semplici copia e incolla.
La qualità grafica non è fondamentale... tuttavia più il progetto è curato e più il voto sarà migliore, ovviamente.
In caso di dubbio, comportatevi come se vi venisse chiesto di realizzare un sito per lavoro... fate tutto quello che potrebbe contribuire alla riuscita del progetto e alla qualità complessiva del sito. Usate il buon senso :-)
Nota bene: il progetto dovrà essere realizzato senza l'uso di CMS come Wordpress o Joomla o altri
In sede di esame sarà verificato lo studio delle dispense / appunti delle lezioni nonché dei seguenti materiali:
- Eric Meyer, CSS Reset http://meyerweb.com/eric/tools/css/reset/
- Luca Uliana, Impostare un ritmo verticale http://timhecker.it/tipografia/ritmoverticale.shtml
- EMs calculator http://www.jan-quickels.de/tools-web-typography/
- Ethan Marcotte, "Responsive Web Design", http://www.italianalistapart.com/articoli/17-numero-7-8-giugno-2010/71-web-design-reattivo
- John Allsopp, "A Dao of web design", http://alistapart.com/article/dao
- "Mobile web best practices", http://mobilewebbestpractices.com/
- Karolina Szczur, "Think Again: Assumptions About Mobile To Reconsider", http://mobile.smashingmagazine.com/2013/01/18/assumptions-about-mobile-to-reconsider/
- Karen McGrane, "Your Content, Now Mobile", http://alistapart.com/article/your-content-now-mobile
- Mobify Blog, "Understanding Mobile User Experience: the 3 Modes of Mobile Usage", http://www.mobify.com/insights/understanding-mobile-user-experience-the-3-modes-of-mobile-usage/ [LINK CORRETTO]
- Built by boon Blog, "Responsive Design case study", http://builtbyboon.com/blog/responsive-design-case-study
- Viljamis Blog, "Responsive workflow", http://viljamis.com/blog/2012/responsive-workflow/
- Jeffrey Zeldman, "Understanding Web Design", http://alistapart.com/article/understandingwebdesign
- Jackob Nielsen, "Mobile content is twice as difficult", http://www.nngroup.com/articles/mobile-content-is-twice-as-difficult/
- Jackob Nielsen, "Mobile Site Vs Full Site", http://www.nngroup.com/articles/mobile-site-vs-full-site/
- Jackob Nielsen, "Mobile content: if in doubt, leave it out", http://www.nngroup.com/articles/condense-mobile-content/
- Jackob Nielsen, "Mobile Sites vs. Apps: The Coming Strategy Shift", http://www.nngroup.com/articles/mobile-sites-vs-apps-strategy-shift/
- Jackob Nielsen, "Mobile usability update", http://www.nngroup.com/articles/mobile-usability-update/
- Jackob Nielsen, "Optimizing a screen for mobile use", http://www.nngroup.com/articles/optimizing-a-screen-for-mobile-use/
- Stephanie Rieger, "Strategies for choosing test devices", http://stephanierieger.com/strategies-for-choosing-test-devices/
- Jackob Nielsen, "How users read on the web" http://www.nngroup.com/articles/how-users-read-on-the-web/
- Jackob Nielsen, "Photos as web content" http://www.nngroup.com/articles/photos-as-web-content/
- Jackob Nielsen, "SEO and Usability" http://www.nngroup.com/articles/seo-and-usability/
- "Euristiche Nielsen", http://www.nngroup.com/articles/ten-usability-heuristics/
- "Google Webmaster Guidelines", http://support.google.com/webmasters/bin/answer.py?hl=it&answer=35769
- "Google Checklist per Webmaster", http://support.google.com/webmasters/bin/static.py?hl=it&page=checklist.cs&tab=1095579
- Aaron Gustafson, "Understanding Progressive Enhancement", http://alistapart.com/article/understandingprogressiveenhancement
- S. Champeon, N. Finck, "Inclusive Web Design for the Future", http://www.hesketh.com/thought-leadership/our-publications/inclusive-web-design-future
- "Graceful Degradation": http://www.w3.org/wiki/Graceful_degredation_versus_progressive_enhancement
- Aaron Gustafson, "Progressive Enhancement with CSS", http://alistapart.com/article/progressiveenhancementwithcss
- Aaron Gustafson, "Progressive Enhancement with Javascript", http://alistapart.com/article/progressiveenhancementwithjavascript
- W3C WAI, "Web Content Accessibility Guidelines (WCAG) 2.0", http://www.w3.org/TR/WCAG/
- "22 requisiti tecnici legge Accessibilità": http://www.pubbliaccesso.gov.it/normative/DM080705-A.htm
- "Metodologia per la verifica soggettiva legge Accessibilità": http://www.pubbliaccesso.gov.it/normative/DM080705-B.htm