Il settore del web design è in continua evoluzione, in parte perché i browser e i dispositivi web stanno cambiando continuamente. Poiché il lavoro che svolgiamo come web designer e sviluppatori è visto attraverso un browser web di qualche tipo, il nostro lavoro avrà sempre una relazione simbiotica con quel software.
Modifiche ai browser Web
Una delle sfide che i progettisti e gli sviluppatori di siti Web hanno sempre dovuto affrontare non sono solo le modifiche ai browser Web, ma anche la gamma di browser Web diversi che verranno utilizzati per accedere ai loro siti Web. Sarebbe bello se tutti i visitatori di un sito fossero sicuri di utilizzare il software più recente e più grande, ma non è mai stato così (e probabilmente non lo sarà mai).
Alcuni dei visitatori dei tuoi siti visualizzeranno le pagine Web con browser molto vecchi e con funzionalità mancanti dei browser più moderni. Ad esempio, le versioni precedenti del browser Internet Explorer di Microsoft sono state a lungo una spina nel fianco di molti professionisti del web. Anche se la società ha abbandonato il supporto per alcuni dei browser più vecchi, ci sono ancora persone che li useranno, persone con cui potresti voler fare affari e comunicare.
Definizione di 'Graceful Degradation'
La realtà è che le persone che utilizzano questi browser antiquati spesso non sanno nemmeno di avere software obsoleti o che la loro esperienza di navigazione sul web potrebbe essere compromessa a causa della scelta del software. Per loro, quel browser obsoleto è semplicemente quello che hanno usato da tempo per accedere ai siti web. Dal punto di vista degli sviluppatori web, vogliamo assicurarci che possiamo ancora offrire un'esperienza utilizzabile a questi clienti, creando allo stesso tempo siti Web che funzionano meravigliosamente nei più moderni browser e dispositivi ricchi di funzionalità disponibili oggi.
"Graceful degradation" è una strategia di gestione della progettazione di pagine web per una varietà di browser diversi, sia vecchi che nuovi.
A partire da Browser moderni
Il design di un sito Web che è stato progettato per degradare con garbo è progettato innanzitutto per i browser moderni. Questo sito è stato creato per sfruttare le funzionalità di questi moderni browser Web, molti dei quali "autoaggiornati" per garantire che le persone utilizzino sempre una versione recente. I siti web che degradano con grazia funzionano anche efficacemente per i browser più vecchi, tuttavia. Quando i browser più vecchi e meno ricchi di funzionalità visualizzano il sito, dovrebbero peggiorare in un modo che è ancora funzionale, ma possibilmente con meno funzioni o visualizzazioni visive diverse. Anche se questo concetto di offrire un sito meno funzionale o meno bello potrebbe sembrarti strano, la verità è che le persone non sapranno nemmeno che mancano. Non confronteranno il sito che stanno vedendo contro la "versione migliore", quindi finché il sito funziona per quello di cui hanno bisogno e non sembra essere rotto, sia dal punto di vista funzionale che visivo, sarai in buona forma.
Miglioramento progressivo
Il concetto di degradazione aggraziata è simile in molti modi a un altro concetto di web design di cui potresti aver sentito parlare - miglioramento progressivo. La principale differenza tra la strategia di degradazione aggraziata e il miglioramento progressivo è dove inizi il tuo progetto. Se inizi con il minimo comune denominatore e aggiungi funzionalità per i browser più moderni per le tue pagine web, stai utilizzando il miglioramento progressivo. Se si inizia con le funzionalità più moderne e all'avanguardia e si ridimensiona, si utilizza un degrado aggraziato. Alla fine, il sito Web che ne deriva potrebbe probabilmente offrire la stessa esperienza, indipendentemente dal fatto che si stia utilizzando un miglioramento progressivo o una degradazione graduale. Realisticamente, il punto di entrambi gli approcci è quello di creare un sito che funzioni alla perfezione per i browser moderni, pur mantenendo un'esperienza utilizzabile per i browser Web meno recenti e per i clienti che continuano a utilizzarli.
Degradazione aggraziata non significa dire ai lettori, 'Scarica il browser più recente'
Uno dei motivi per cui a molti designer moderni non piace l'approccio di degradazione aggraziato è che spesso si trasforma in una richiesta che i lettori scarichino il browser più moderno affinché la pagina funzioni. Questo è non degradazione aggraziata. Se ti ritrovi a voler scrivere "scarica il browser X per far funzionare questa funzione", hai lasciato il regno del degrado aggraziato e sei passato al design incentrato sul browser. Sì, c'è indubbiamente un valore nell'aiutare l'aggiornamento di un visitatore di un sito ad un browser migliore, ma spesso è molto chiedere (ricorda, molte persone non capiscono il download di nuovi browser, e la tua richiesta di farlo potrebbe semplicemente spaventare loro via). Se vuoi davvero il loro business, dire loro di lasciare il tuo sito per scaricare software migliore è improbabile che sia il modo per farlo. A meno che il tuo sito non abbia funzionalità chiave che richiedono una determinata versione del browser o superiore, forzare un download è spesso un problema con l'esperienza dell'utente e dovrebbe essere evitato.
Una buona regola empirica è seguire le stesse regole per un degrado aggraziato come faresti per un miglioramento progressivo:
- Scrivi HTML valido e conforme agli standard
- Usa fogli di stile esterni per i tuoi progetti e layout
- Utilizzare gli script collegati esternamente per l'interattività
- Assicurati che il contenuto sia accessibile anche ai browser di basso livello senza CSS o JavaScript
Con questo processo in mente, puoi quindi uscire e costruire il design più all'avanguardia che puoi! Basta fare in modo che degrada in browser meno funzionali mentre funziona ancora.
Quanto indietro hai bisogno di andare?
Una domanda che molti sviluppatori web hanno è quanto indietro in termini di versioni del browser dovresti supportare? Non c'è una risposta secca e secca a questa domanda. Dipende dal sito stesso. Se rivedi l'analisi del traffico di un sito Web, vedrai quali browser del sito web vengono utilizzati per visitare quel sito. Se vedi una notevole percentuale di persone che utilizzano un browser più vecchio, probabilmente vorrai supportare quel browser o rischiare di perdere quell'attività. Se osservi le tue analisi e vedi che nessuno usa una versione precedente del browser, probabilmente sei sicuro di non preoccuparti di supportare completamente quel browser obsoleto e di testarlo. Quindi, la vera risposta alla domanda su quanto tempo il tuo sito deve supportare è: "tuttavia le tue analisi ti dicono che i tuoi clienti stanno utilizzando".
Articolo originale di Jennifer Krynin. Modificato il 17/08/17 da Jeremy Girard.