Il 2015 è stato un anno da ricordare! Dalla prima spedizione di Apple Watch all'atterraggio del rover Mars, alla tanto attesa versione della prossima puntata di Star Wars (e all'inevitabile ondata di spoiler che seguì), furono dodici mesi intensi. Ma mentre ci dirigiamo verso il nuovo anno, vale la pena impegnarsi e il tempo per guardare avanti, e pensare a cosa ci aspetta per il settore del web design.
Nell'articolo dello scorso anno su cosa aspettarsi dal web design nel 2015, ho delineato un elenco di previsioni, molte delle quali sono orgoglioso di dire che si sono avverate (la crescente popolarità di prototipazione e Sketch, "le collezioni come un'interazione" e molto più.) Come vedo, quest'anno ci darà meno modificare e altro ancora crescita. Diamo un'occhiata a ciò che verrà nel 2016.
Nel 2015, abbiamo visto la continua ascesa di strumenti di "esperienza dal vivo" come Periscope e Meerkat. Abbiamo anche assistito alla popolarità alle stelle di Slack. Piattaforme come Producthunt e Reddit continuano ad ospitare AMA e discussioni dal vivo. Tutto ciò suggerisce una cosa molto importante per il 2016: le applicazioni e le esperienze in tempo reale stanno prendendo in consegna ogni aspetto dei prodotti digitali e questo avrà un impatto importante sul design in ogni fase, incluso il web design.
L'Internet of Things farà parte di questa crescita dei media in tempo reale. Abbiamo visto nuovi prodotti connessi entrare nel mercato per quasi tutti i settori di attività.
Il termostato Nest (ormai familiare)L'orchestrazione dei dati che questi dispositivi stanno creando è un ampio spazio aperto che segna "opportunità". Un grande esempio della crescita di IoT può essere trovato in Amazon Echo.
L'eco di AmazonCon il prodotto che ordina poche parole, l'eco e i dispositivi come questo stanno inaugurando un nuovo modo di comprendere la connettività ubiqua tra i nostri vari servizi, i nostri spazi fisici e le nostre interazioni.
Guarda, siamo d'accordo; il Raspberry Pi Zero a $ 5 è una cosa davvero fantastica. In realtà, questi computer tascabili basati sull'open source saranno più economici che mai nel 2016, con la linea "libera".
Mmm PiE, mentre questo aumenterà i tassi di adozione di queste piccole meraviglie informatiche, non vedrai tutti i tuoi vicini che collegano un sacco di dispositivi basati su Arduino in tutte le loro case.
Ci sono parecchi motivi per questo, ma forse il più importante è che la curva di apprendimento richiesta per fare qualcosa di particolarmente interessante con un Pi o Arduino o CHiP è ancora abbastanza scoraggiante per il non-sviluppatore medio. Per non parlare, non sono particolarmente belli da vedere senza un ulteriore lavoro di rivestimento. L'IoT verrà adottato per prima cosa attraverso esperienze utente accessibili dai non esperti, con poco overhead o curva di apprendimento, come Nest o Philips Hue. Come sempre, il fai da te rimarrà una piccola fazione della popolazione.
Le elezioni americane del 2016 saranno responsabili di un sacco di materiale di design guidato dalla politica e di commenti, sia da parte dei candidati ufficiali, sia dalla comunità del design. Le ultime elezioni hanno visto un grande scrutinio delle decisioni di progettazione nella corsa per il Presidente degli Stati Uniti, e possiamo solo aspettarci che questo livello di interesse aumenti. La campagna di Barack Obama è nota per l'intelligenza predittiva digitale e un potente web team, e i prossimi candidati presidenziali probabilmente si appoggeranno pesantemente sul design guidato dall'analisi per vincere la gara.
Possiamo aspettarci molti loghi riprogettati, materiali per la campagna e commenti sul foraggio di design da entrambi i lati della gara sulle decisioni di progettazione degli altri. Il logo di Hilary Clinton ha già ricevuto recensioni contrastanti, come quella di Jeb Bush, e le opinioni continueranno sicuramente a scorrere mentre il giorno delle elezioni si avvicina.
La realtà è che, mentre è possibile vedere alcuni aggiornamenti di tendenza da entrambi i lati del corridoio, la scommessa più sicura per i candidati è quella di rimanere in tono per il loro pubblico. Questo è particolarmente vero per il candidato repubblicano, ed è probabile che se vedremo molta innovazione o decisioni di design audaci, arriveranno dai candidati più progressisti e liberali.
La verità è che le decisioni di progettazione di queste grandi corse di candidati sono fatte principalmente con dati, non con integrità artistica, come la giustificazione del disegno di guida. Mentre sarà importante che i candidati rimangano coinvolti con i media digitali nelle sue ultime forme in un modo pertinente, è improbabile che vedano una tavolozza di colori al neon cadere al di fuori del Rosso Bianco e del Blu a cui siamo già abituati.
Questo sarebbe troppo di un allontanamento da ciò che è previsto per questi candidati e potrebbe alienare il pubblico che non è pronto per il cambiamento. Vuoi vedere una versione non politica di questo in azione? Vedi Facebook.com.
Quest'anno è stato, per molti versi, un anno rinascimentale per JavaScript. Abbiamo visto l'adozione dell'ES6 da parte di molti progetti molto importanti. Abbiamo visto il lancio di React Native. Stiamo anche vedendo il numero di repository JavaScript-primari in crescita su GitHub. Grandi progetti come Visual Studio di Microsoft di nuova apertura hanno un forte supporto per JavaScript, e aziende molto grandi con budget elevati e molte risorse di sviluppo scommettono pesantemente sul futuro della lingua.
Lettura interessante: risultati del sondaggio sugli sviluppatori JavaScript
Mentre JavaScript potrebbe probabilmente avere un anno ancora più grande nel 2016, non vedremo una partenza di massa dagli strumenti che gli sviluppatori già conoscono e amano. Lingue come Ruby, Python e PHP hanno ancora basi utente forti e sono attivamente sviluppate. Vedremo invece l'adozione di nuove pratiche in questi linguaggi e una crescita del numero di sviluppatori. Alcune persone cambieranno in un ambiente di sviluppo solo JavaScript? Più probabilmente. Sarà un esodo di massa? Sicuramente no.
Se non sai cos'è un cinemagraph, non sei solo, perché non sono un tipo di mezzo fondamentalmente nuovo. In effetti, un cinemagraph è semplicemente un'immagine che è per lo più immobile, tranne che per una piccola porzione (tipicamente un solo elemento) che si anima su un loop. Se hai visto uno dei film di Harry Potter, pensa ai loro ritratti di famiglia e ai giornali.
Per il effettivo cinemagraph visita cinemagraphs.comIl cinemagraph non diventerà famoso perché improvvisamente piace questo tipo di animazione, ma piuttosto perché l'iPhone e altri strumenti popolari rendono più facile la creazione. Fondamentalmente, un cinemagraph può essere realizzato con più immagini, una singola GIF o un elemento video. Crea un nuovo modo di pensare alle immagini; invece di immagini statiche e video sono i nostri unici due modi di rappresentare i contenuti catturati dalla videocamera, ora abbiamo anche un "in-between" -il cinemagraph.
Ulteriori letture:
I cinegiornali diventeranno probabilmente di tendenza, ma certamente non sostituiranno il video. Come abbiamo già detto, i cinegiudi sono una rappresentazione mediamente diversa. Il video offre ancora molti più contenuti nello stesso spazio. Probabilmente vedremo i cinegiografici come sfondi per il testo, in cui il video crea problemi di leggibilità, ma l'animazione minima controllata funziona bene.
video.envato.comCorrelato: se sei interessato a creare video direttamente dal tuo iPhone, dai un'occhiata alla recente versione dell'app iOS di Envato Video.
La crescita della realtà virtuale inizierà con il gioco, crescerà in video e alla fine diventerà un mezzo importante da considerare per qualsiasi esperienza digitale. Quando pensiamo alla realtà virtuale, spesso scontiamo gli usi di un'esperienza completamente immersa.
Gear VR di SamsungTuttavia, la scala mobile dalla realtà reale alla realtà virtuale passa molte pietre miliari importanti e molto potenti lungo la strada, inclusa la realtà aumentata. Mentre Google Glass non era necessariamente un punto fermo, dovremmo aspettarci che la realtà virtuale ci fornisca nuovi modi di sperimentare, ad esempio:
Anche se quest'anno non vedremo un'enorme diffusione della realtà virtuale, vedremo un crescente hype (e molti progetti Kickstarter) che creano slancio per future iterazioni di progettazione che includono considerazioni su prodotti come Google's Cardboard o Oculus Rift.
I browser non standardizzeranno le API VR per alcuni anni, in quanto il tasso di adozione è significativamente inferiore a quello necessario per l'adozione diffusa e la VR a livello di browser non sarà incredibilmente utile nel prossimo anno. I motori di gioco, d'altra parte, probabilmente avranno le migliori pratiche VR ben consolidate entro la fine dell'anno.
Correlati: Mozilla lancia A-Frame: siti web che supportano la realtà virtuale a partire da un'unica linea di codice
L'animazione sta già diventando una parte importante del set di abilità per sviluppatori front-end, ma quest'anno porterà più animazione che mai. L'animazione è necessaria per la natura fluida del design che vediamo oggi nella maggior parte dei prodotti; le persone non pensano più in termini di pagine, ma piuttosto in termini di interfacce e schemi familiari. Per questo motivo, la forza di un pattern aumenta quando un utente riceve segnali contestuali dall'interfaccia stessa. Un modo molto potente di comunicare uno spunto contestuale è attraverso il movimento; animazione.
La demo di cui sopra è presa da Aggiunta di ricorso alle tue animazioni sul Web da Donovan Hutchinson.
Mentre il CSS è molto potente, l'API di animazione non è destinata a cambiare molto nel prossimo anno. Al contrario, gli strumenti per l'animazione CSS saranno probabilmente sviluppati per consentire un controllo più granulare su aspetti dell'animazione come l'easing. Più persone inizieranno a fare affidamento sull'animazione solo CSS (invece di ricorrere alle librerie JavaScript) e, a causa delle limitazioni dell'API stessa, la comunità di sviluppo probabilmente creerà strumenti migliori per gestire animazioni complesse.
Questa è una tendenza molto semplice: elementi sovrapposti. Abbiamo visto grandi leader del design estetico come Spotify adottare questa tendenza, e sembra che si attacchi. La tendenza del pulsante fantasma del 2015 sarà estesa agli elementi non cliccabili e gli elementi vuoti con contorni che rompono le scatole con vincoli altrimenti verranno visualizzati tra i progetti.
Il testo verrà utilizzato in un modo simile: è probabile che vedremo un forte testo in grassetto sulle immagini, ma le immagini stesse e il testo stesso vedranno uno spostamento per adottare la colorizzazione e livelli di saturazione molto più alti.
Insieme alle sovrapposizioni, vedremo i colori saturati sotto forma di gradienti ampi e ampi. Questi gradienti verranno anche accompagnati da ombre molto grandi, non per reintrodurre lo skeuomorphism, ma semplicemente per la profondità estetica.
SVG come formato continua a crescere in popolarità. Con più strumenti e casi d'uso che mai, vedremo SVG diventare una tecnologia molto più adottata nel 2016. Ciò porterà in effetti un design più orientato al vettore, animazioni e elementi grafici retina-ready nel web design che mai. Un altro effetto collaterale potrebbe essere quello dei siti più leggeri, in quanto le dimensioni di un SVG sono molto inferiori rispetto al PNG equivalente, ma è improbabile dal momento che immagini, video e caratteri (i colpevoli di pagine pesanti) non andranno da nessuna parte in qualsiasi momento a breve.
Swift è open source! La lingua rilasciata da Apple per lo sviluppo iOS in sostituzione dell'obiettivo C è stata ufficialmente open source. Questo probabilmente stimolerà molti strumenti open-source, ma il linguaggio verrà comunque utilizzato principalmente per lo sviluppo di iOS. Mentre ci sarà quasi certamente un transpiler JavaScript-to-Swift (o, più probabilmente, da Swift-to-JavaScript) ad un certo punto, scommetto che non sarà rilasciato in una versione ufficiale almeno fino al 2017. Guarda per le versioni alpha e beta di questi strumenti quest'anno, però!
L'editing dei contenuti multimediali sarà a un certo punto interamente basato sul cloud. Abbiamo visto un forte sostegno a questa teoria e ha più senso a lungo termine per il nostro mondo indipendente dal dispositivo. Ma non accadrà quest'anno. La larghezza di banda è ancora troppo limitata per l'adozione di massa da parte delle principali aziende interessate a questo spazio; la maggior parte degli utenti non sarebbe in grado di eseguire le azioni pesanti necessarie attraverso il cavo che possono eseguire sulla propria macchina.
Poiché Internet in fibra raggiunge le principali città in tutto il mondo, questo concetto verrà introdotto lentamente, ma l'infrastruttura fisica necessaria a tale scopo non è ancora pronta e richiederà più tempo di un anno in grado di fornire.
Tutti noi possiamo sognare il giorno in cui JavaScript è la lingua guida della piattaforma più popolare del web. Ma la probabilità che ciò accada nel prossimo anno è bassa; invece, WordPress molto probabilmente continuerà a lavorare sul lynchpin che ha avuto tanto successo per cominciare: l'installazione di 5 minuti basata su PHP.
Calypso per WordPress: il client dell'interfaccia di amministrazione rilasciato alla fine del 2015Anche se quest'anno ha visto molte ripetizioni e opportunità, il 2016 sarà in gran parte un anno "più o meno uguale", con alcune piccole modifiche all'estetica del design. Vedremo molti progressi sugli aspetti fondamentali dei nostri set di strumenti e mentalità esistenti, tuttavia, che andranno a finire nel 2017 e oltre. Il 2016 è l'occasione perfetta per guardare avanti, adottare nuovi strumenti e perseguire nuove conoscenze sugli strumenti che già utilizzi.