9 tendenze tecnologiche che cambieranno il web design

Autore: Monica Porter
Data Della Creazione: 17 Marzo 2021
Data Di Aggiornamento: 17 Maggio 2024
Anonim
Web Design: le principali tendenze per il 2022
Video: Web Design: le principali tendenze per il 2022

Contenuto

Il 2016 è quasi arrivato, ma cosa porterà il mondo del web design? Qui i creativi dell'agenzia per la trasformazione digitale TH_NK danno le loro previsioni.

Il senior experience designer Tom Moran (1-3), il design director Gary Glozier (4-6) e lo sviluppatore capo front end Sion Evans (7-9) hanno tutti rispolverato le loro sfere di cristallo.

Ma hanno ragione? Ci piacerebbe conoscere i tuoi pensieri e le tue previsioni per l'anno a venire - sentiti libero di condividerli nei commenti in fondo.

01. Chat come interfaccia cambierà il comportamento del cliente

Con l'evoluzione della tecnologia, la comunicazione tramite la conversazione è cresciuta con noi; dalle macchine da scrivere, ai telefoni, ai messaggi di testo alla messaggistica istantanea. Quest'anno le app di messaggistica (come WhatsApp) hanno superato i social media in popolarità con un ampio margine. L'enorme aumento della popolarità delle app di messaggistica suggerisce un'enorme opportunità per le aziende di ripensare l'interfaccia utente che utilizzano attualmente.


Ancora agli inizi, la chat come interfaccia sta rapidamente diventando il selvaggio west delle opportunità poiché le aziende realizzano il potenziale di combinare e-commerce, servizio clienti e social networking in uno solo.

Il prossimo anno vedrà un enorme picco nelle interfacce di chat utilizzate per un'ampia varietà di cose. Alimentato da bot, intelligenza artificiale o operatori umani, vedremo i servizi tradizionali sostituiti da un semplice thread di conversazione singolo.

Si tratta di un enorme cambiamento nel comportamento in quanto i clienti acquisiscono il potere di richiedere un servizio in base ai loro termini e alle loro esigenze e non a ciò che un'azienda vuole vendere e come vogliono venderlo.

Inizialmente, è probabile che vari marchi o app proveranno l'approccio dell'interfaccia di chat per il loro servizio digitale. Tuttavia, col tempo abbiamo potuto vedere questi client di chat individuali fondersi in un sistema operativo globale come Siri.

Ciò ha enormi implicazioni per le aziende in quanto verranno rapidamente misurate dalla qualità del servizio che stanno fornendo e non dall'impatto del loro marchio o del loro sito web.


02. L'apprendimento automatico decollerà

Con il lancio di TensorFlow e di altri programmi open source simili, l'apprendimento automatico diventerà rapidamente la spina dorsale del nostro mondo digitale. L'apprendimento automatico può essere utilizzato per un'ampia varietà di scopi, dall'apprendimento di come parli al layout di un sito web.

I test multivarianti basati sull'apprendimento automatico saranno in grado di testare e ottimizzare automaticamente un sito Web a livello di cliente; ciò significa che ogni cliente vede un sito web appositamente progettato e su misura per lui, dalla lingua utilizzata al layout della pagina.

03. L'esperienza del cliente eclisserà l'esperienza dell'utente

Un Internet delle cose, dispositivi indossabili e mutevoli comportamenti dei clienti hanno fatto sì che non possiamo più pensare a un sito Web o un'app separatamente dall'intera esperienza del cliente.

In qualità di progettisti UX, dobbiamo "ridurre lo zoom" dalla nostra interfaccia utente a livello di pagina e seguire un viaggio che inizia dalla consapevolezza e mira al valore del cliente a vita. Dobbiamo vedere il quadro generale e come tutti gli strumenti digitali a nostra disposizione possano essere utilizzati per creare un'esperienza cliente ricca di contenuti digitali.


In TH_NK stiamo già guardando avanti a nuovi approcci e metodologie per la pianificazione dell'esperienza del cliente. La mappatura delle esperienze è una metodologia eccellente per visualizzare grandi quantità di dati e le esigenze degli utenti e abbiamo già adottato questo approccio utilizzandolo dalle esperienze di pagamento ai cicli di valore del cliente a vita. Col tempo, la mappatura delle esperienze potrebbe essere la spina dorsale di tutti i nostri progetti in quanto è flessibile, personalizzabile e altamente scalabile.

Cambiare il modo in cui percepiamo i percorsi degli utenti verso Jobs to be Done creerà un'esperienza cliente più ampia che si concentra sulle esigenze dei clienti e non sulle funzionalità e sulle interazioni a livello di pagina.

04. I rivenditori abbracceranno il consumatore connesso

Siamo un gruppo sempre più connesso. Gli smartphone sono ora nelle tasche di due terzi (66%) degli adulti britannici, la stragrande maggioranza (90%) dei 16-24 anni e il 50% dei 55-64 anni. Eppure i rivenditori sono stati lenti nel collegare l'esperienza di acquisto digitale e fisica.

I beacon offrono un percorso di accesso. Danno ai rivenditori l'opportunità di personalizzare un'esperienza di acquisto fornendo informazioni dettagliate sui prodotti, spingere sconti ai clienti nel raggio di un beacon o persino dare istruzioni su dove trovare un prodotto nel negozio.

Armando il suo team di vendita con iPad che mostrano la cronologia degli acquisti dei clienti e incorporando specchi che fungono anche da display digitali, Burberry ci ha offerto uno sguardo su come il digitale può trasformare l'esperienza di acquisto fisica. Ma quello era il 2012. Viviamo nell'Internet delle cose e il 2016 è l'anno in cui vedremo sempre più marchi di alto livello offrire esperienze interattive nei loro negozi.

05. Adobe Comet metterà Sketch in ombra

Nel 2015 i nostri team di progettazione hanno adottato Sketch; un pacchetto di design che sembra di casa nel mondo del responsive design. Il software si è rivelato una transizione naturale per tutti i nostri progettisti di UI e UX. Ma guardando al 2016, non siamo sicuri che Sketch rimarrà la nostra prima scelta. È un'applicazione solo per Mac che elimina immediatamente gli utenti Windows nell'agenzia.

Quindi siamo stati felicissimi di apprendere che Adobe ha finalmente colmato il vuoto lasciato da Fireworks con un pacchetto di design chiamato Project Comet. Supponendo che possa abbinare o migliorare il flusso di lavoro di progettazione di Sketch, potrebbe essere l'accompagnamento perfetto per Photoshop e diventare rapidamente il nostro strumento di riferimento per la progettazione UX e dell'interfaccia utente.

06. Il video continuerà a crescere come mezzo sociale

Con l'ascesa di piattaforme come Snapchat, Vine e Instagram, il video come mezzo di marketing continua a crescere in popolarità. I costi di produzione sono diminuiti in modo significativo e con 23,6 milioni di abbonamenti 4G nel Regno Unito nel 2014 c'è un pubblico in crescita in grado di consumare video in movimento.

Il mezzo diventa ancora più allettante se si considera l'appetito per i video tra i millennial; Nel 2013 1 millennial su 3 ha guardato principalmente video online e nessuna trasmissione televisiva. Entro il 2030 i millennial rappresenteranno il 75% della forza lavoro globale, rendendo difficile ignorare le piattaforme che risuonano così bene con questo immenso pubblico. Aggiungete a ciò la previsione di Cisco che entro il 2017 il video rappresenterà il 69% di tutto il traffico Internet dei consumatori, quindi le ragioni per non prendere sul serio il mezzo diventano difficili da ignorare.

I gadget saranno sempre una fonte momentanea di divertimento. Forse siamo un po 'troppo ansiosi di trovare il prossimo giocattolo da ufficio. Come designer, dovremmo fare un passo indietro, affinare i nostri pennini e concentrarci sulla creazione di esperienze avvincenti che sfruttino al massimo la tecnologia disponibile.

07. ES6 amplierà la funzionalità JavaScript

La sesta edizione di JavaScript dello standard ECMAScript, ES6, è in fase di sviluppo ormai da alcuni anni. Sebbene i browser stiano ancora implementando nuove funzionalità e la piena compatibilità non è probabile fino alla metà del 2016, i transpiler come Babel e Traceur consentono agli sviluppatori di iniziare a utilizzare le nuove funzionalità oggi. I transpiler sono compilatori da sorgente a sorgente, in questo esempio prendono il codice ES6 e creano codice ES5 web-friendly (lo standard attuale).

È improbabile che questa nuova implementazione vedrà vantaggi in termini di prestazioni, ma la sua sintassi più pulita e più semplice dovrebbe diventare più facile e meno soggetta a errori da scrivere. La nuova definizione di Classe lo illustra, dove ES5 ha già un'eredità prototipale e fa più o meno la stessa cosa; è solo che ES6 lo rende più pulito e più facile da leggere.

Tuttavia, ci sono una serie di nuove funzionalità utili, come funzioni, costrutti con ambito a blocchi e promesse, ma niente di veramente innovativo. Dovremo aspettare ES7 per questo.

08. JavaScript isomorfo: lo stesso codice per front e back end

Coniato da Spike Brehm di AirBnb, Isomorphic JavaScript funziona sia lato client che lato server. Il recente aumento dei framework MV * non è venuto senza i suoi problemi; le app che vengono eseguite solo sul lato client non possono fornire HTML ai crawler, quindi per impostazione predefinita perdi immediatamente qualsiasi SEO. Inoltre, l'attesa che JavaScript esegua il rendering dell'HTML influisce sulle prestazioni, portando a quei fastidiosi due secondi di schermo vuoto durante il caricamento.

I framework JavaScript isomorfi sembrano essere il prossimo passo nell'evoluzione dei framework MV *. Secondo quanto riferito, queste nuove librerie, Meteor, Render e persino Angular2, stanno cercando di risolvere alcuni di questi problemi ed è improbabile che nei prossimi anni troverai un server che non esegue una qualche forma di JavaScript da qualche parte.

09. HTTP / 2 darà una spinta alla rete

Tutti hanno visto HTTP nella barra del browser, quel bit all'inizio dell'URL. È l'acronimo di Hypertext Transfer Protocol e l'attuale versione HTTP / 1.1 è in circolazione dal 1999. Il 2016 vedrà più persone passare alla sua più recente incarnazione, HTTP / 2. Cerca di migliorare il modo in cui i browser comunicano con i server, il che significa un trasferimento più rapido delle informazioni, da una larghezza di banda inferiore e da un minore carico del server.

Dal punto di vista di un utente non cambierà nulla. Non vedrai http2: // nella barra del browser, quindi in teoria sembrerà che nulla sia cambiato. Tranne, ovviamente, la velocità di navigazione dovrebbe migliorare. LoadImpact, una società di prestazioni Devops, ha eseguito alcuni test di confronto tra HTTP / 1.1 e HTTP / 2 utilizzando Amazon come sito di test.

I risultati hanno mostrato una riduzione del tempo di caricamento di circa il 60% utilizzando il nuovo protocollo. I miglioramenti delle prestazioni derivano dal numero di modifiche, dal multiplexing all'interleave di più messaggi contemporaneamente. La compressione dell'intestazione per ridurre la larghezza di banda e la necessità di un numero inferiore di connessioni riducono il carico del server.

Questa è roba entusiasmante per tutti gli sviluppatori web, con tempi di caricamento e velocità migliorati, vedremo immagini e video a risoluzione più elevata e app più avanzate su tutti i dispositivi.

Parole: Tom Moran (1-3), Gary Glozier (4-6) e Sion Evans (7-9)

Tom Moran, Gary Glozier e Sion Evans sono, rispettivamente, senior experience designer, design director e lead front end developer presso l'agenzia di trasformazione digitale TH_NK.

Questo mi piaceva? Leggi questo!

  • Il listino prezzi di questo grafico non ha prezzo
  • Il segreto per creare l'ambiente perfetto per lo studio di design
  • Il messaggio motivazionale mira a ispirare i creativi in ​​difficoltà
Articoli Popolari
Bellissimi loghi animali geometrici
Ulteriore

Bellissimi loghi animali geometrici

Creare un logo che i di tingua e che non embri qualco a di maleducato è un compito difficile come de igner. Ci ono tati metodi collaudati che hanno funzionato nel cor o degli anni, ma a volte ...
Come montare la tua opera d'arte
Ulteriore

Come montare la tua opera d'arte

Una cavalcatura ben e eguita è più di un'altra tecnica arti tica da aggiungere alla cintura degli attrezzi. Aggiungerà una qualità e tetica al tuo lavoro e creerà l'am...
7 semplici passaggi per creare una grande identità di marca
Ulteriore

7 semplici passaggi per creare una grande identità di marca

Ci ono molti modi per avvicinar i a un rebranding. Una tendenza negli ultimi tempi è tata quella di concentrar i ul ri veglio dell'eredità di un marchio guardando al pa ato, ma a volte n...