Cosa aspettarsi dal Web Design nel 2016

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.

Più design "in diretta" e crescita di IoT

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 Amazon

Con 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.

Cosa non vedrai: IoT Adozione fai-da-te

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 Pi

E, 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.

abbondanza della discussione sul design politico degli Stati Uniti

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.

Cosa non vedrai: direzioni progettuali drasticamente diverse da quelle dei candidati

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.

Importanza Continua di JavaScript

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

Cosa non vedrai: partenza in massa da PHP o Rails

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.

Cinemagraphs diventerà Trendy

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.com

Il 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:

  • Cinemagraphs: Come creare fotografie animate in Adobe Photoshop
  • Editing video in Adobe Photoshop

Cosa non vedrai: drasticamente meno video

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.com

Correlato: se sei interessato a creare video direttamente dal tuo iPhone, dai un'occhiata alla recente versione dell'app iOS di Envato Video.

Hype in crescita per la realtà virtuale

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 Samsung

Tuttavia, 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:

  • Ambienti di apprendimento in classe online
  • Spiegazioni dietro le quinte per film, gruppi musicali e persino ambienti aziendali più tradizionali
  • Connessione peer-to-peer più stretta con le nostre comunità
  • Eventi di lancio del prodotto, come le note chiave di Apple

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.

Cosa non vedrai: standardizzazione del browser per le API VR

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

Animazione come core paddle

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.

Cosa non vedrai: nuove abilità di animazione per i CSS

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.

Elementi sovrapposti, gradienti saturi e grandi ombre

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. 

La popolarità di SVG continuerà a crescere

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.

Colpi lunghi

Un Transpiler JavaScript o un Web App Framework basati su Swift

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ò!

Strumenti di modifica dei media nel browser avanzato

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.

Un fork di WordPress basato su JavaScript

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 2015

Conclusione

Anche 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.