Progettazione web e multimedia
IFTS 2016
Manuel Zanettin
pro-gèt-to
dal latino: [pro] avanti [jacere] gettare.
Ciò che viene gettato davanti.
Il flusso di lavoro
- analisi del comparto
- pianificazione ed architettura del progetto
- progettazione grafica
- prototipazione ed implementazione
- cura e manutenzione del lavoro
Briefing e pianificazione
ascoltare il cliente, porre le giuste domande.
scegliere il team, i linguaggi e le tecnologie adatte.
User stories
definire percorsi, interazioni e comportamenti del progetto dal punto di vista dell'utente.
Strumenti e competenze
html . css . xml . responsive . information design . photoshop . javascript . sketch . jquery . phonegap . sass . mobile . adaptive design . ios . android . json . xslt . tablet . smartphone . media queries . php . angular js . polymer . react js . agile develoment . content strategy...
nulla si realizza da soli
Responsive design
contenuti per tutti: il miglior browser è quello che abbiamo davanti in questo momento.
siti su desktop, mobile, tablet...
Codice e design
non solo pixel: dal progetto all’implementazione.
progettare inizia dalla testa e finisce nel </body>.
usare i software giusti per preparare il layout per l’implementazione.
Interazioni e interfacce
comprendere comportamenti e reazioni del progetto in base alle interazioni dell’utente.
Browser: il motore del web
gecko, blink, trident, webkit...
progettare conoscendo i mezzi, limiti e potenzialità.
mobile o desktop non fa differenza.
UX / UI / ergonomia
distanze di lettura, posture, ambienti.
forma e tecnologie dei dispositivi,
pattern di esperienza d'uso.
scheumorfismo, flat design, material design.
Dentro la progettazione / 1
le gabbie responsive: ritmo della composizione indipendentemente dall’ambiente di visualizzazione. colonne flessibili che si adattano ai device.
gabbia non come costrizione, ma come spartito.
Dentro la progettazione / 2
colori, navigazione e testatine: orientare l’utente attraverso il nostro progetto.
Dentro la progettazione / 3
fonts: graziati, bastoni, hinting, webfonts, ritmo, gerarchie. dare carattere al contenuto.
Output
andare online e tornare offline:
il nostro sito in rete (server), webapp e app.
Applicativi web e nativi
pro e contro dei due approcci: html5+css3+js e app native. progettare e scrivere codice una volta sola per più piattaforme. web applications: interazione utente e MVC.
App store(s)
pubblicare un applicazione sugli store: apple e android.
linee guida, procedimenti e diritti.
Gestione e documentazione
definire gli step di realizzazione di un progetto, tracciarne i progressi e pianificare release e manutenzione.
social coding e lavoro collaborativo agile.
Progettazione web e multimedia
By Manuel Zanettin
Progettazione web e multimedia
- 1,348