Ormai è sulla bocca di tutti: il “responsive web design” è il futuro. Ne sono convinto anche io ma spesso ne sento parlare come di una tecnica innovativa e rivoluzionaria anche se in realtà non è proprio così.
Io stesso 8 anni fa creavo dei design con unità di misura relative solo che non vi era la necessità di adattare il tutto a vari dispositivi perché di fatto non vi erano dispositivi portatili in grado di navigare su internet in maniera decorosa.
I tempi cambiano e internet è diventato uno strumento indispensabile per certi versi. E’ cambiato anche il nostro modo di utilizzare internet: in autobus, per strada, in piedi e perfino in bagno comodamente seduti sul water.
Come vi avevo parlato nel mio precedente articolo sul “responsive web design“, vi avevo (spero) convinto a tenere in considerazione tutte queste variabili e a passare a questa filosofia.
Che differenza c’è, dunque, fra un layout costruito con le percentuali che si costruiva 8 anni fa e un responsive design di ultima generazione? In pratica quasi nulla, se non il salto di qualità fatto dai browser web negli ultimi anni e la maturazione delle tecnologie.
La differenza radicale sta nella teoria. L’approccio fa la differenza e dobbiamo imparare a creare delle esperienze utente a partire dalle periferiche mobile fino ad arrivare ai desktop. Esatto, dal piccolo al grande. Dal dispositivo (teoricamente) meno capace a quello più capace. Dico teoricamente perché, ad esempio, Safari Mobile è avanti anni luce rispetto ad Internet Explorer 9. Tuttavia un dispositivo mobile non è detto utilizzi Safari Mobile o abbia pieno supporto a CSS3 o Javascript.
Questo significa essere “responsive”. Purtroppo adesso arriva la tegola: essere responsive non basta più. Di già? No in realtà è da sempre così, solo che non volevo mettere troppa carne al fuoco.
Responsive iceberg by Brad Frost
In tutta questa corsa all’innovazione non abbiamo tenuto in considerazione alcuni fattori fondamentali che vanno oltre al dispositivo: la lentezza e la latenza della connessione, le condizioni di utilizzo del dispositivo, ad esempio. Che senso ha, in fondo, rendere responsive il nostro design se poi l’esperienza utente di un’utente mobile è la stessa (se non addirittura peggiore) di un’utente desktop?
Ecco perché il responsive web design è solo la punta dell’iceberg. Dobbiamo anche essere “adaptive” e fornire delle esperienze utente basate non solo sulle capacità del dispositivo ma anche sulle condizioni di utilizzo, sulle capacità delle infrastrutture e le necessità dell’utente.
Quale miglior esempio di una galleria di immagini su un sito web? Spesso navigo su siti che mostrano gallerie di immagini con decine (se non centinaia) di immagini l’una a fianco all’altra, ma mi chiedo se ha senso mostrare tutto quel contenuto ad utente che naviga con il suo smartphone, probabilmente con una mano, mentre cammina per strada, obbligandolo a scrollare dei contenuti interminabili per altro eterni da scaricare con una connessione mobile. Forse in questi casi ha più senso mostrarne qualcuna meno e rendere così l’esperienza mobile decisamente meno frustrante.
La soluzione non è di certo l’utilizzo un semplice “display: none” per nascondere elementi di interfaccia: non voglio di certo incoraggiare l’uso di questa pratica sbagliata e inaccessibile. Parlo di fornire agli utenti i contenuti della nostra pagina in modo intelligente e sensato, sfruttando le capacità uniche del dispositivo (dove possibile), prendendo in considerazione i limiti fisici del dispositivo e, se necessario, sfruttando anche le tecnologie server-side per non dover gravare sui nostri utenti.
Non si tratta di creare un unico prodotto che vada bene per tutti i dispositivi e nemmeno di creare un prodotto per ogni dispositivo. Si tratta di creare un unico prodotto che risponda e si adatti alle esigenze dell’utente e delle caratteristiche uniche del dispositivo.
Avete mai pensato a come poter adattare il vostro design? Lo fate già? Se la risposta è “no” allora è proprio il caso di iniziare a darsi da fare perché qualcosa è cambiato e forse è il caso di cambiare anche il nostro modo di progettare per il web.
