Responsive design: la rivoluzione del mobile applicata ai siti web

752 views

Published on

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.

Published in: Business
  • Be the first to comment

Responsive design: la rivoluzione del mobile applicata ai siti web

  1. 1. Responsive Designun sistema web multi-piattaforma e multi-device a garanzia della migliore esperienza d'uso lunedì 22 luglio 13
  2. 2. We don't design web pages. We design systems. Andy Clarke       lunedì 22 luglio 13
  3. 3. Il Sorpasso lunedì 22 luglio 13
  4. 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. 5. fonte: Morgan Stanley lunedì 22 luglio 13
  6. 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. 7. COS’E’ CAMBIATO? lunedì 22 luglio 13
  8. 8. Questo non è più il web lunedì 22 luglio 13
  9. 9. Questo è il web lunedì 22 luglio 13
  10. 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. 11. Vecchio CONTESTO lunedì 22 luglio 13
  12. 12. Nuovo CONTESTO lunedì 22 luglio 13
  13. 13. che strada PRENDERE? lunedì 22 luglio 13
  14. 14. facciamo un passo indietro... lunedì 22 luglio 13
  15. 15. CONTENUTI CONTESTO& lunedì 22 luglio 13
  16. 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. 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. 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. 19. su desktop prediligerà un'esperienza più immersiva, magari descritta ampiamente da foto e video lunedì 22 luglio 13
  20. 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. 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. 22. Perchè? lunedì 22 luglio 13
  23. 23. perché è completamente a discrezione dell'utente, del suo browser e del device utilizzato lunedì 22 luglio 13
  24. 24. Contenuti come acqua quindi dobbiamo iniziare a pensare ai lunedì 22 luglio 13
  25. 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. 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. 27. COME? lunedì 22 luglio 13
  28. 28. Gli ingredienti per un sito Responsive lunedì 22 luglio 13
  29. 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. 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. 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. 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. 33. Perchè non un APP? lunedì 22 luglio 13
  34. 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. 35. Our work is never over Daft Punk  lunedì 22 luglio 13

×