Responsive Design.
Come raccontare con un sito internet.
Breve panoramica sulla storia del Web Design
Con il termine Web Design definiamo un settore ibrido per vari motivi.
Intreccia differenti discipline che vanno dalla scrittura ad attività di programmazione
e grafiche.
Ecco perché forse il temine più corretto è quello di Web-architecture.
Diciamo però che l’uso più diffuso del termine Web-design indica una disciplina
trasversale che si occupa di come far affiorare e mostrare sullo schermo le
informazioni più diverse (dal testo, alle immagini ai video) sullo schermo degli utenti.
Il primo sito internet fu creato nel 1991, più di 20 anni fa da Tim Berners-Lee
(ingeniere informatico britannico co-inventore del WWW).
Robert Cailliau
Nella prima metà degli anni 90 i primi siti internet erano composti da una singola
colonna di testo basate sul codice HTML.
Codice che tuttora viene utilizzato come standard da tutto il mondo grazie al World
Wide Web Consortium (W3C) fondato da Tim Bernes-Lee, che detta standard e
protocolli comuni per chi lavora o ha a che fare con il Web.
Nella metà degli anni 90 comincia a diffondersi la tecnica di impaginazione
multicolonna con l’uso delle tabelle, che permettevano una migliore presentazione
dei contenuti e della navigazione.
Solo con il 1996, con il rilascio del software Flash da parte di Macromedia, si ha
l’avvicinamento da parte di chi si occupa di grafica e design ad avvicinarsi al Web.
Nello stesso anno il W3C rilascia il CSS (Cascading Style Sheet) e l’approccio alla
realizzazione delle pagine Web cambia, separando la struttura/contenuto (HTML)
dalla forma/stile (CSS).
Da questo momento si comincia a parlare di vero e proprio “Web Design”.
Il Web Design è studio dell’interfaccia, è architettura delle informazioni, è progetto
grafico, è interazione, è funzionalità, è usabilità, è html/css.
Design è progettare e non solo estetica.ù
Progettare dal significato del verbo inglese > design significa =
Experience Design / Web Design is Product Design.
Il Web 1.0 - i siti sono dei contenitori di informazioni, come dei libri.
Dal 1999 in poi viene coniata la locuzione Web 2.0 - come concetto del Web del
futuro ()
il web sarebbe diventato un «meccanismo di trasporto, l’etere
attraverso cui si sarebbe realizzata l’interattività» (D. DiNucci,
Fragmented future, «Print», 1999, 4, p. 32)
innovazioni tecnologiche, come la diffusione della banda larga,
il miglioramento dei browser, la diffusione di piattaforme con
applicazioni Flash e lo sviluppo di massa della
‘widgetizazzione’.
Cambio del comportamento degli utenti.
Si passa da una comunicazione unidirezionale a democratica o
multidirezionale/bidirezionale.
Interattività.
Non si progetta più un sito come un manufatto da usare o
abitare, ma si preferisce un approccio ‘teatrale’ o ‘coreutico’. Si
tratta, insomma, di progettare una ‘scena’ per l’azione del
fruitore e, contemporaneamente, gli ‘attrezzi di scena’, per es.,
in forma di widget, che ognuno può montare o utilizzare come
vuole.
WEB DESIGN cambia.
(iphone - ipad - nuovo Web)
2007 - iphone
2010 - ipad
Cambia il mondo di vedere il Web e di usufruire dello stesso.
Soprattutto gli strumenti cominciano ad essere diversi.
Responsive Web Design, Adaptive Layout,
Mobile First, Web Font, Framework CSS
Responsive & Adaptive.
Oggi il Web
sta diventandosempre più “servizi”
e meno siti e pagine web.
Uno dei cambiamenti che sta subendo il web
design è che i siti web assomigliano
sempre più ad applicazioni, già dalla
homepage si chiede all’utente di compiere
un’azione, loggarsi (magari con il proprio
accountTwitter o Facebook per fare prima),
condividere qualcosa, segnalare, giocare.
Secondo la UX Designer Whitney Hess la
sfida sarà sempre più quella diprogettare
design in funzione dello scopo dei
dispositivi che si hanno a disposizione:
voglio controllare (mobile), voglio gestire
(desktop), voglio immergermi (tablet).
COME SI PROGETTA QUINDI UN SITO WEB.
Workflow
> Brief / Definizione del problema
> Obiettivi di business
> Definire il target / pubblico di riferimento e il linguaggio
> Analisi e ricerca
> Costruzione della griglia progettuale
> Costruzione del Wireframe
> Costruzione del Tema Grafico
Il 26 Giungno in una location inconsueta 4 punti di vista
differenti si sono messi in gioco,
per guardare le cose di
tutti i giorni con occhi diversi.
Una serata per scoprire, confrontarsi e rivoluzionare i propri
Punti di Vista
su Gusto, Design e Digital Media.
Un evento per chi vuole essere partecipe e protagonista
attivo
del mondo di oggi e di domani.
