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