Oggi il web è diventata un'esperienza che dipende in modo essenziale dal dispositivo da cui viene fruita. Sito web o sito responsive, per le aziende? Quali sono i vantaggi di un sito mobile e le sue peculiarità? Come cambiano i comportamenti dell'utente, a seconda che navighi da smartphone o da desktop.

1. Responsive
Designun sistema web multi-piattaforma e multi-device a garanzia
della migliore esperienza d'uso
lunedì 22 luglio 13

2. We don't design web pages.
We design systems.
Andy Clarke
lunedì 22 luglio 13

3. Il Sorpasso
lunedì 22 luglio 13

4. fonte: Morgan Stanley
Si stima che nel 2015 il numero totale di utenti che navigano da
un dispositivo mobile supererà il numero di utenti che
navigano da desktop.
2015
desktop users
mobile users
lunedì 22 luglio 13

5. fonte: Morgan Stanley
lunedì 22 luglio 13

6. fonte: Morgan Stanley
Già oggi il numero di utenti mobile che accedono a Facebook
è doppio rispetto alla controparte desktop.
2013
facebook desktop users
facebook mobile users
lunedì 22 luglio 13

7. COS’E’ CAMBIATO?
lunedì 22 luglio 13

8. Questo
non è più
il web
lunedì 22 luglio 13

9. Questo è il web
lunedì 22 luglio 13

10. Questo
non è più
il web
Navigare online significava stare
seduti davanti a un PC, situazione
oggi ormai sempre meno frequente
lunedì 22 luglio 13

11. Vecchio CONTESTO
lunedì 22 luglio 13

12. Nuovo CONTESTO
lunedì 22 luglio 13

13. che strada PRENDERE?
lunedì 22 luglio 13

14. facciamo un passo indietro...
lunedì 22 luglio 13

15. CONTENUTI
CONTESTO&
lunedì 22 luglio 13

16. Il contesto
QUANTITATIVO
dimensione del display
connettività
potenzialità del dispositivo
tipi di input
QUALITATIVO
obiettivi dell’utente
ambiente
attenzione
capacità
lunedì 22 luglio 13

17. Questa nuova concezione di CONTESTO mette in evidenza
come siano profondamente diverse le motivazioni con le
quali gli utenti sono spinti a interagire con i contenuti di un
sito web.
lunedì 22 luglio 13

18. Pensiamo, per esempio, a come cambiano le necessità di
un utente che sta organizzado una vacanza su internet:
su desktop
su mobile
lunedì 22 luglio 13

19. su desktop
prediligerà un'esperienza più immersiva, magari descritta ampiamente da
foto e video
lunedì 22 luglio 13

20. su mobile
al contrario ricerca un'esperienza più rapida, informativa, meno suggestiva
ma magari con orari, numeri di telefono e localizzazione ben evidenti.
lunedì 22 luglio 13

21. In tutti i processi creativi l'artista inizia la sua opera scegliendo lo spazio di utilizzo:
la tela per il pittore, il blocco di marmo per lo scultore ecc…
Nel web la definizione di "cornice" oggi non è più
APPLICABILE.
Il
contenuto
lunedì 22 luglio 13

22. Perchè?
lunedì 22 luglio 13

23. perché è completamente a discrezione dell'utente,
del suo browser e del device utilizzato
lunedì 22 luglio 13

24. Contenuti come acqua
quindi dobbiamo iniziare a pensare ai
lunedì 22 luglio 13

25. La "tela" diventa quindi un ambiente
flessibile e incontrollabile.
potrebbe sembrare un aspetto negativo, in realtà apre
scenari stimolanti, fornendo al design del Web potenzialità
decisamente elevate rispetto al vecchi standard di
progettazione.
lunedì 22 luglio 13

26. cambiare radicalmente l’ approccionello sviluppo dei prodotti focalizzato ora a gestire
l'ubiquità del web, regolando il rapporto che esiste tra contenuto e contestoin cui
viene presentato, oltre alle variabili "qualitative"più legate all'utente, i suoi obiettivi,
l'ambienteche lo circonda, la sua attenzione e capacità, garantendo al contempo una
gestione del codice più snellae rapidarispetto a uno sviluppo di molteplici versioni ad
hoc.
Focus
lunedì 22 luglio 13

27. COME?
lunedì 22 luglio 13

28. Gli ingredienti per un
sito Responsive
lunedì 22 luglio 13

29. Griglie fluide, immagini flessibili, tipografia
elastica e media queries sono gli ingredienti
fondamentali per lo sviluppo di un prodotto web
responsivo.
Tecnicamente
lunedì 22 luglio 13

30. CSS3 e Media Queries ci permettono non più solo l'identificazione del media
utilizzato (come accadeva con quelle CSS2) ma di rilevare anche le
caratteristiche fisiche (larghezza - altezza) del dispositivo e del browser
utilizzato servendo il giusto stile in ogni contesto di utilizzo.
CSS3 & media queries
lunedì 22 luglio 13

31. Nessuno degli elementi che abbiamo citato prima potrebbe garantire efficacia
se non accompagnato dal cambiamento di impostazione e filosofia del
progetto;
mai come ora la figura del web designer (o designer delle interfacce o UX
designer) deve essere riconosciuta come fulcro di un progetto di
comunicazione online, inserendosi in un piano ibrido dove si incontrano
comunicazione, grafica, tecnica, tecnologia ecc...
Concettualmente
lunedì 22 luglio 13

32. I vantaggi di un sito
WEB RESPONSIVE
• fornisce agli utenti sempre la migliore esperienza d'uso per ogni dispositivo
• propone contenuti diversi declinandoli per modalità di accesso, intuendo le necessità
di chi accede al sito (desktop/mobile tipicamente)
• raggiunge un pubblico più ampio e garantisce visite più profonde e rapide
• non diluisce l'autorità del sito dal punto di vista SEO
• risparmia codice nello sviluppo del prodotto e nella manutenzione
• è efficace nella condivisione delle pagine tra utenti mobile e desktop
lunedì 22 luglio 13

33. Perchè non un APP?
lunedì 22 luglio 13

34. I contenuti devono essere gestiti due volte, è necessario sviluppare prodotti
diversi per piattaforme diverse (iOs, Android, Windows Phone ecc…), passare
per i rispettivi Store per approvazione e pubblicazione, e ultimo aspetto ma più
importante si è completamente invisibili ai motori di ricerca.
Dobbiamo per contro pensare alle App come elemento che va ad integrare un piano globale di
comunicazione online, utilizzabile per indurre comportamenti specifici distanti da una "convenzionale"
ricerca in Rete.
lunedì 22 luglio 13

35. Our work is never over
Daft Punk
lunedì 22 luglio 13