È quasi incomprensibile nel 2015 costruire un sito web che non sia reattivo. La tecnica si è sviluppata al punto che la maggior parte dei progettisti non dice più "responsive web design", diciamo, "web design", e significa esattamente la stessa cosa.
Naturalmente, le opinioni divergono su come implementare le tecniche di risposta; molti siti che affermano di essere sensibili non lo sono; la maggior parte dei siti che intendono essere reattivi sono solo superficialmente; ci sono anche alcuni devoti di larghezza fissa aggrappati a qualsiasi ragione. Ma in generale un approccio reattivo è l'opzione predefinita per tutti i siti web.
Per capire dove sta andando il design reattivo, dobbiamo solo guardare da dove proviene ...
L'ascesa del web design reattivo va di pari passo con l'espansione del web mobile. Anche se lo sviluppo di un m. il sito, la crescita esponenziale dei dispositivi mobili e la varietà di dimensioni dello schermo che li accompagna rendono la progettazione reattiva una scelta chiara.
Il web design reattivo è l'unico modo in cui il Web rimane praticabile
Le statistiche sono invariabilmente obsolete, ma la maggior parte dei commentatori concorda sul fatto che il web mobile si sta avvicinando rapidamente al 50% di tutto il traffico web. Il web design reattivo è stato abbracciato da un'esigenza economica: potremmo costruire centinaia, se non migliaia di variazioni su un singolo sito, e servire il più appropriato per qualsiasi dispositivo accedervi; ma il costo di sviluppo di un sito web diventerebbe proibitivo. Il web design reattivo è l'unico modo in cui il Web rimane praticabile.
È facile vedere il design reattivo come una soluzione definitiva per il Web. Tuttavia, mentre la tecnologia continua a svilupparsi, il modo in cui affrontiamo il design reattivo cambierà inevitabilmente.
A meno che tu abbia passato l'ultimo anno in una capsula sigillata (tentando di dimostrare la tua idoneità per la missione Mars One), sarai consapevole che Apple ha lanciato un dispositivo indossabile: l'Apple Watch.
Apple Watch non è il primo indossabile, non è nemmeno il primo orologio intelligente, ma è il dispositivo spartiacque perché il pubblico vedrà l'Apple Watch come "il migliore" indossabile - l'iPod non è stato il primo lettore MP3, l'iPhone è non è il miglior smartphone, ma entrambi dominano i loro mercati - grazie soprattutto alle dimensioni del budget di marketing di Apple.
La cosa più notevole di Apple Watch è che non ha un browser web. È una buona scommessa che non sia così perché Apple non voleva includere un browser, ma piuttosto, perché non potevano farlo funzionare.
Anche con la diffusione del design reattivo, il 272px di 340px di Apple Watch non è sufficiente per visualizzare solo un paio di righe di testo. Un architetto potrebbe progettare un edificio alto 15 pollici, ma nessuno lo userebbe mai, perché il corpo umano ha una dimensione fissa. Apple non è l'unica azienda che affronta il problema. I wearable Android hanno esattamente le stesse dimensioni, danno o prendono pochi pixel e sono altrettanto mal equipaggiati per la visualizzazione del Web.
il Web non funziona su uno schermo delle dimensioni di un francobollo
Non possiamo rendere i dispositivi più grandi perché diventano insopportabili, e non possiamo renderli più piccoli a causa delle nostre dita imprecise e tozze. Il duro fatto è che il Web non funziona su uno schermo delle dimensioni di un francobollo.
Porzioni del Web funzionano su dispositivi indossabili. Le app native si connettono al Web (o al telefono, che si connette al Web) per recuperare i dati. Il giusto non può visualizzare pagine web complete.
Acquista ora un wearable e puoi leggere i tweet di un CEO dell'azienda, ma ciò che un investitore vuole veramente leggere è la relazione annuale completa. Acquista ora un wearable e puoi controllare gli orari di partenza del volo, ma quello che un viaggiatore vuole davvero è prenotare un volo. Il Web è inestricabilmente legato alle nostre vite, poche righe su un piccolo schermo non soddisfano la domanda dei consumatori.
Prima o poi (probabilmente è già successo a porte chiuse) qualcuno a Mela , o Motorola , o Intel , accetterà che per dominare il mercato da indossare devono consegnare il Web completo in tutta la sua gloria jQueried.
Mentre il settore tecnologico continua a sviluppare nuovi dispositivi, con nuove capacità e limitazioni, le sfide che affrontiamo come web designer cambieranno inevitabilmente.
Come Jeffrey Zeldman ha scritto pochi giorni fa:
Ne abbiamo già parlato prima. È la storia del web design. È la storia del web.
Una delle aree chiave su cui focalizzare l'attenzione in ogni design reattivo è la navigazione, e uno degli sviluppi chiave che probabilmente vedremo nei dispositivi indossabili è un cambiamento del metodo di input: i sensori in un cinturino potrebbero rilevare il rafforzamento dei tendini nel polso, il tracciamento il movimento di 5 cifre, o per lo meno il rilevamento del pugno di un pugno in sostituzione di azioni di clic o tocco.
Lo sviluppo chiave sarà un mezzo per presentare contenuti di lunga durata su un dispositivo indossabile. E in realtà esiste già: l'opzione più valida per fornire grandi quantità di dati su un dispositivo indossabile è l'audio.
L'ingresso audio è già valido nelle forme di Siri , Cortana , e OK Google . Ancora più importante, l'output audio esiste sotto forma di screen reader. Con il ciclo di vita relativamente breve dei dispositivi e il sempre più lungo ciclo di vita dei siti Web, i progetti che costruisci oggi dovranno funzionare con la navigazione audio. La semplice risposta è rendere i tuoi siti accessibili.
Spesso, quando i prodotti sono innovativi, ci aspettiamo che ci voglia del tempo perché gli standard si evolvano, ma nel caso degli screen reader gli standard esistono già. Ciò che è convincente per le aziende tecnologiche che cercano di offrire un Web indossabile, è che una grande percentuale di siti Web esistenti già soddisfano tale standard.
Il futuro del web design reattivo, o forse semplicemente del web design, è un progetto in cui i design non sono solo indipendenti dallo schermo, ma indipendenti dallo schermo. In termini pratici, significa abbandonare il mobile-first e adottare un approccio audio-first. Se i tuoi siti sono ottimizzati per i lettori di schermo, funzioneranno in modo efficace sulla prossima generazione di browser web.
Immagine in primo piano usa l'immagine del dispositivo via Shutterstock.