È il periodo dell'anno in cui ogni blogger sul Web estrae una sfera di cristallo, rispolvera le carte dei tarocchi e trascorre ore a fissare con attenzione le tazze da tè, nel tentativo di prevedere le tendenze per il prossimo anno.
Gli elenchi risultanti di solito variano in plausibilità dall'assolutamente certo (Apple rilascerà un nuovo dispositivo) al tutto assolutamente non plausibile (sarà una TV).
La verità è che è estremamente raro che qualsiasi tendenza arrivi inaspettatamente. Se guardi attentamente, vedrai che le radici di tutte le principali tendenze del prossimo anno inizieranno a svilupparsi nel 2013 (o prima). Mentre è possibile che un concetto autenticamente rivoluzionario venga reso popolare, è molto più probabile che il 2014 sarà un anno di piccoli guadagni incrementali, ispirati o in risposta a un costante sviluppo tecnologico.
Il futuro del web design è già evidente, dobbiamo solo guardare dietro di noi per vederlo. Ecco 7 previsioni per il 2014 che si stanno già rivelando veritiere e su come sopravviverle.
La pseudo-classe : hover nei CSS è uno dei concetti di design più originali sul Web. Strettamente legato con il cursore, indica quando una persona sta considerando di fare clic su un elemento e li incoraggia a farlo. Tuttavia, poiché i dispositivi che mancano di cursore continuano a inondare il mercato, l'utilità di : hover è sempre più discutibile.
Recentemente, ho sentito una conversazione in cui un designer sosteneva che l'uso di: hover era in realtà una cattiva pratica, in quanto incoraggiava i progettisti di UX a pensare in termini che la maggior parte degli utenti finali non avrebbe sperimentato (cioè navigando con un cursore). Certamente, gli interessanti effetti al passaggio del mouse si moltiplicano sempre meno nei nuovi siti.
Suggerimento per la sopravvivenza: sebbene sia vero che gli utenti di dispositivi mobili supereranno probabilmente gli utenti desktop nei prossimi 12 mesi, la percentuale di utenti desktop continuerà a essere doppia. Abbiamo progettato per piattaforme, ad esempio IE7, con una quota di mercato molto inferiore. Mobile-first non significa desktop-mai, e : il passaggio del mouse si riduce con grazia. Quindi per me ,: hover ha ancora uno slot nella casella degli strumenti; solo non un mission-critical.
Quando è arrivato per la prima volta sulla scena, jQuery è stata una rivelazione. Sono ancora costantemente stupito da quanto sia semplice manipolare elementi DOM al volo, e non solo in un browser, ma attraverso tutti loro!
jQuery è giustamente una delle librerie più popolari di tutti i tempi e per molte persone è diventato sinonimo di JavaScript, con siti costruiti in "HTML, CSS e jQuery".
Tuttavia, jQuery non è privo di critici e le voci di dissenso sono cresciute più forte nel corso del 2013. La principale obiezione a jQuery è che è grande. Anche se la versione 2.0 ha abbandonato il supporto per IE 6, 7 e 8, è ancora un file di grandi dimensioni da caricare; soprattutto su siti mobili. La richiesta http extra e il kb extra sono un prezzo pesante da pagare per qualcosa di semplice, come un intervallo di opacità.
Sempre più persone si stanno rendendo conto che il JavaScript di vanilla è più veloce e più efficiente, per qualcosa che non sia una grande quantità di manipolazione DOM (quando jQuery davvero eccelle).
È improbabile che jQuery sparisca presto - è fin troppo una buona libreria per questo - ma il dominio del mercato di cui godono negli ultimi due o tre anni sta iniziando a scivolare.
Suggerimento per la sopravvivenza: passa un po 'di tempo a conoscere la lingua dietro jQuery; scopri come funziona document.getElementById () . Potresti sorprendervi con la quantità di JavaScript di vaniglia che già comprendi e anche la tua capacità di usare jQuery migliorerà.
Gran parte del panorama del web design è costituito da atteggiamenti, manie e pregiudizi dei web designer; il web mobile è stato condannato il giorno in cui qualcuno lo ha suggerito come alternativa al design reattivo.
Il Web mobile è un sito Web progettato per funzionare esclusivamente su un dispositivo mobile, in genere uno smartphone, normalmente eseguito in parallelo con un sito desktop. In altre parole, due siti web. Potresti anche appendere un cartello "I migliori visti su un monitor 1024 x 768" sulla tua home page.
Certo, ci sono buoni argomenti per l'esecuzione di più siti per alcune aziende, non ultimo perché varia il nostro caso d'uso - l'esempio classico è un sito ristorante, dove gli utenti desktop probabilmente vogliono vedere il menu e gli utenti mobili probabilmente vogliono indicazioni per attività commerciale. Ma tutto ciò è andato perduto nella folle corsa ad abbracciare la mentalità one-site-fits-all del design reattivo, soprattutto perché le situazioni del mondo reale che giustificano più siti sono pochi e lontani tra loro.
Suggerimento per la sopravvivenza: considera lo sviluppo di più siti se esiste una buona ragione per credere che gli utenti trarranno vantaggio da contenuti diversi su dispositivi diversi, ma trattarli come micrositi. E, naturalmente, assicurati che qualsiasi sito che crei sia reattivo (la varietà di dimensioni dello schermo mobile continuerà ad aumentare quest'anno).
Quando Flash ha preso un tuffo nel naso, ha portato con sé non solo la posizione di mercato di Adobe inattaccabile, ma anche la moda per qualsiasi cosa simile a Flash.
I clienti, incerti su esattamente ciò che è stato male in Flash, hanno respinto qualsiasi cosa Flash, flash o appariscente. Seguirono alcuni brevi anni di moderazione, con designer che abbracciavano il design minimale e clienti che accettavano fatture più piccole.
Era molto all'inizio del 2013 quando le cose iniziarono a cambiare, e il crescente amore per le immagini a schermo intero, l'animazione del testo, le transizioni di pagina, i siti a pagina singola hanno continuato a crescere a ritmo sostenuto.
La qualità incredibilmente scadente del video HTML5 ha reso ricco il rich media di un paio di anni, ma il 2014 sarà l'anno in cui i cambiamenti.
Suggerimento per la sopravvivenza: fai il tuo motto "Solo perché posso, non significa che dovrei". Impara dagli errori del passato usando i rich media in modi che migliorano i progetti e concentrati sempre sulla riduzione dei tempi di caricamento.
Il vecchio detto che "il contenuto è re" è giustificato dalle classifiche di Google, dai fondamentali del design e dalle priorità del cliente.
Tuttavia, l'infinita marcia di CMS come WordPress, SquareSpace, Webydo e Drupal significa che i progettisti si stanno sempre più ritrovando a progettare non solo per contenuti che non hanno, ma per contenuti che cambieranno regolarmente.
Il contenuto è spesso finalizzato molti mesi dopo che l'agenzia di web design è passata ai pascoli nuovi, e mentre questo può essere solo una brutta cosa per il design, la buona notizia è che i clienti stanno capendo sempre più il Web come un progetto in corso, uno che richiede sia manutenzione regolare e gestione professionale.
Suggerimento di sopravvivenza: con il contenuto in uno stato di flusso permanente, il nuovo monarca è il marchio. Non solo marchio visivo, ma tono di voce, stile, linguaggio e qualità. Sii flessibile con il tuo approccio e concentrati sulla progettazione di sistemi, non su pagine fisse. I siti web ora devono essere progettati in modo reattivo, non solo per una varietà di dispositivi, ma per una varietà di contenuti.
Cambiare il suo algoritmo di venerdì sera sembra essere una cosa che fa la squadra di Mountainview ogni volta che pensano di essere gli unici a lavorare nel weekend. Molti web designer sono arrivati alla sua scrivania lunedì mattina per scoprire i resoconti dei siti dei clienti, in precedenza al numero 1 su Google, che languivano a pagina 8357 su 8358. È sorprendente che Google non abbia ancora nominato un aggiornamento "Hyena".
Non c'è motivo di pensare che il 2014 sarà diverso dal 2013 o dal 2012 su questo fronte.
Suggerimento per la sopravvivenza: Google continua a consigliare la stessa cosa: Scrivi buoni contenuti originali rivolti agli esseri umani non ai robot. Se hai già schivato un proiettile finora, non pensare che continuerai a essere fortunato. Ora è il momento di assicurarti che la tua SEO sia del tutto bianca. La grande novità di quest'anno è il SEO locale, quindi concentrati sui tuoi contenuti su quel fronte.
Ho preannunciato che SVG decollerà da anni, e sono costantemente smentito. Ma il 2014 sarà l'anno di SVG, tutto all'insegna del nostro amore per le icone.
Negli ultimi 12 mesi il Web è diventato sempre più assediato dalle icone. Dove un tempo regnava il testo, ora abbiamo icone. Anche l'utile piccolo "menu" per indicare la navigazione sugli schermi mobili è stato sostituito da un'oscura icona dell'hamburger che occupa esattamente la stessa quantità di spazio ed è meno trasparente.
Sì, è possibile utilizzare i caratteri dell'icona, ma perché dovresti farlo, quando una piccola quantità di codice offre gli stessi risultati senza la necessità di caricare un file di caratteri con icone ingombranti?
SVG risolve anche il problema dell'immagine reattiva; è vero che le immagini adatte a un formato vettoriale sono più limitate di quelle bitmap, ma la popolarità del design piatto e la moda per semplici illustrazioni a blocchi creano l'ambiente perfetto per SVG per affermarsi e svilupparsi nel 2014.
Suggerimento per la sopravvivenza: prova ad esportare alcuni file SVG da un'applicazione di disegno e poi a dare un'occhiata al codice. È fantastico che ci siano app di immagini che creeranno SVG per te, ma un vero maestro comprende i suoi strumenti; impara a codificare a mano SVG e ne trarrai benefici per tutto il 2014 e anche per il futuro.
Quali tendenze vedi svilupparsi nel 2014? Pensi che qualcosa di rivoluzionario accadrà? Fateci sapere che ne pensate nei commenti.
Immagine in primo piano / miniatura, immagine di predizione via Shutterstock.