Di volta in volta, un settore sperimenta cambiamenti fondamentali che lo modificano radicalmente. Oltre a ciò, c'è una esplosione di opportunità: opportunità per le persone di emergere, di far emergere nuovi prodotti e di sostituire aziende consolidate. Ora è un momento nella comunità web.
Per tutto il tempo che posso ricordare, l'obiettivo primario nello sviluppo web è stato quello di garantire che i siti web rendessero lo stesso su tutti i browser. Abbiamo fatto un grande sforzo per garantire che il sito Web di un cliente fosse esattamente lo stesso in tutte le versioni, dalle vecchie versioni di Internet Explorer all'ultima versione di Firefox, tutto in una volta.
Negli ultimi anni, abbiamo assistito a un crescente interesse per ciò che è noto come miglioramento progressivo, che è la tecnica di servire funzionalità e stili avanzati per i browser moderni ma non per i browser più vecchi non supportati.
Questo approccio non è mai sembrato stabilizzarsi su tutta la linea. La maggior parte delle agenzie si sforza ancora di rendere universali i propri siti web. E il miglioramento progressivo è stato spesso considerato come una scusa per ignorare i fastidiosi problemi. A quanto pare, le persone del web sono piuttosto furbe e hanno creato strumenti che superano innumerevoli problemi del browser.
Alcuni di questi sviluppi hanno portato alla nozione di "responsive web design". Se non hai familiarità con il termine, assicurati di controllare introduzione definitiva ad esso su A List Apart .
Per riassumere rapidamente, l'essenziale è che si personalizza il rendering di una pagina per adattarsi al dispositivo dell'utente. Per un po ', questo è stato facile da fare: se l'utente era su un dispositivo mobile, sono stati reindirizzati a un mini-sito separato. Ma con gli smartphone e in particolare i tablet, la linea è sfocata.
Il design reattivo è diventato rapidamente riconosciuto come un modo incredibilmente intelligente per costruire siti web. Quanto lontano si prende dipende da voi. Ma una cosa è certa: sta cambiando radicalmente il settore e sta influenzando le innumerevoli pratiche e strumenti che abbiamo usato per anni. Consideriamo l'impatto di questo nuovo approccio su alcuni degli strumenti di base su cui ci siamo basati e sul web design in generale.
Quasi tutti quelli che lavorano sul web sono stati a un certo punto confrontati con qualcuno che crede che l'adolescente del loro amico possa gestire il loro progetto. Questa prospettiva è sempre stata fastidiosa, ma c'è un po 'di luce alla fine del tunnel. Con un design reattivo, le cose sono diventate molto più complicate. Ora c'è un'enorme opportunità per i professionisti del web di distinguersi dalla mandria.
Ci sono migliaia di web designer e sviluppatori in tutto il mondo, e siamo tutti collegati dal mezzo magico in cui lavoriamo. Questo è sia grande che problematico. Dato il numero di persone disponibili per il lavoro, distinguersi può essere difficile.
C'è in realtà un'opportunità favolosa qui. Se sei abbastanza aggressivo, potresti distinguerti lavorando sulla tua coda per cogliere rapidamente la progettazione e lo sviluppo reattivi. Scava e impara, aggiorna il tuo sito personale e parla dei tuoi risultati. Ti garantisco che se crei un nuovo portfolio che mostri questo set di abilità, le persone saranno interessate a collaborare con te. Ma la finestra per questo è piuttosto breve, a seconda della velocità con cui altri progettisti entrano in gioco.
I budget rappresentano un ostacolo significativo con questo approccio. Con un design reattivo, dobbiamo creare fino a quattro variazioni per ogni layout, per indirizzare smartphone, tablet, netbook e desktop. Considera un sito Web di base con solo due pagine: una home page e una pagina interna. Questi due layout diventano otto variazioni quando li implementate per quattro dimensioni del dispositivo.
Questo significa che dovremmo caricare quattro volte tanto per il lavoro? Sembra quasi impossibile. Ovviamente, i costi saranno incrementali, ma il tempo necessario per preparare i layout e codificarli per funzionare correttamente aumenterà sicuramente.
L'educazione dei clienti avrà un ruolo enorme. Dobbiamo aiutare i nostri clienti a capire che, mentre gli iPad e gli iPhone sono fantastici, questi dispositivi stanno aumentando il costo dello sviluppo della qualità. Fare in modo che i clienti capiscano i nostri costi è abbastanza difficile.
Se vuoi fare un tuffo nella comunità, crea uno strumento che risolva problemi di budget. Molti lo hanno già fatto, con strumenti come 320 e oltre e il Meno Framework . Entrambi riducono il tempo necessario per creare prodotti e aiutano gli sviluppatori a risparmiare tempo sui budget. 320 e sopra in particolare è un perfetto esempio di come capitalizzare questa opportunità.
Con il campo aperto ora, introdurre strumenti sul mercato che semplificano il processo di sviluppo a supporto della progettazione reattiva sarà molto più semplice. Potremmo persino creare strumenti che replicano quelli esistenti ma che sono orientati al design reattivo.
Una delle tante aree che potrebbero essere capovolte è il mercato dei plug-in che funzionano con framework popolari come jQuery. Il mercato è pieno di splendidi plug-in che fanno una vasta gamma di cose nel browser: presentazioni, gallerie fotografiche, moduli, pop-up, la lista continua.
L'opportunità qui è folle. Utilizza un plug-in comune, ad esempio lo strumento di presentazione scorrevole Nivo Slider . Questo fantastico strumento si trova nelle innumerevoli cinture degli attrezzi degli sviluppatori. Il mercato è maturo perché qualcuno possa creare uno strumento simile che si auto-regola per funzionare agevolmente su tutti i dispositivi utilizzando un approccio reattivo.
Lo stesso vale per quasi tutti i plug-in. Se stai cercando un progetto che garantisca virtualmente il successo, scegli un hot plug-in e crea una versione reattiva che si adatti a funzionare correttamente su diversi dispositivi.
Mentre questo articolo riguarda il processo di sviluppo, prendiamo in considerazione i test del browser. Questa è una parte fondamentale della costruzione di siti Web. Chiunque sia impegnato a costruire un sito web con le ginocchia è probabile che esegua dei test su più browser mentre vanno. E a un certo punto, la maggior parte dei siti web viene sottoposta a un esame approfondito in numerosi browser.
Ma come affrontiamo questo attraverso un design reattivo? La squadra dovrebbe possedere tutti i dispositivi più popolari? Certo, ci sono emulatori, ma la maggior parte è dolorosa da installare e lavorare. E niente batte i test con la cosa reale.
Configurare software su computer per fare screenshot su una varietà di browser e piattaforme è piuttosto difficile. Ma impostare i sistemi per acquisire automaticamente schermate dal numero sempre crescente di dispositivi è davvero difficile. Le soluzioni esistenti sono costose e devo ancora trovare un buon servizio per questo.
Questa è una di quelle situazioni in cui la complessità è un vantaggio. Se qualcuno riesce a dare la pelle a questo gatto, sarebbe piuttosto difficile per gli altri seguirlo. Esistono molte soluzioni per acquisire screenshot automatici in più browser, ma la prima persona che offre screenshot per dispositivi avrà qualcosa di veramente unico da vendere. E la comunità risponderà in grande stile.
Il mercato per i temi pronti per l'uso è enorme, ma anche il design reattivo è una chiave inglese. I fornitori di modelli probabilmente non aggiorneranno i loro progetti per soddisfare questi nuovi requisiti. Piuttosto, probabilmente aggiungeranno funzionalità reattive alle versioni future. E qui sta l'opportunità.
I vecchi modelli non sono stati resi inutili; mancano semplicemente un componente importante. Questo livella il campo di gioco per un po '. Se hai pensato di avviare la tua attività tematica, questo è un ottimo momento per farlo. Le aziende affermate dovranno supportare i loro modelli legacy, e mentre godono di alcuni vantaggi, la barriera all'ingresso sul mercato è appena diventata un po 'più bassa.
La community è arrivata a fare affidamento su servizi software per operazioni come wireframing e test di usabilità. Ma come fanno questi strumenti a gestire più dispositivi? Molti strumenti risolvono, ad esempio, test di usabilità, e alcuni nuovi anche affrontano test mobili (come ad esempio YouEye Mobile ), ma risolvono solo una parte del problema.
Nella nicchia del wireframing, esiste un modo comune per gestire vari layout di pagina, ma non ho ancora trovato una soluzione che gestisca un layout di pagina singola per vari dispositivi. Il bisogno è così semplice, ma molti sistemi semplicemente si guastano. Dovremmo creare un nuovo wireframe per ogni dispositivo? La risposta non è chiara.
Il mercato è maturo per gli strumenti che supportano gli attuali approcci delle persone al lavoro online, mentre abbracciano il design reattivo. Potresti essere in grado di attirare i clienti dalla concorrenza offrendo caratteristiche che abbracciano queste tecniche moderne.
Il cambiamento può essere snervante, persino travolgente. Non importa quanto impari, ti senti sempre in ritardo. Ma tutti sono nella stessa barca. In tempi di grandi cambiamenti, puoi massimizzare le opportunità immergendoti e cavalcando la prima ondata.
Vedi altre opportunità per capitalizzare il movimento verso un design reattivo?