UX Design Trends Retrospettiva 2019

"La creatività richiede coraggio." – Henri Matisse

La battaglia per la nostra attenzione è più grande che mai, poiché i contenuti digitali ricchi gareggiano per milioni di occhi. Con le distrazioni dilaganti, potremmo raggiungere quella che viene chiamata una "crisi cognitiva di picco". Immagini, video, testi, illustrazioni, animazioni e podcast sovraccaricano i nostri sensi con post sponsorizzati, notizie false, foto delle vacanze dei nostri amici, Australia in fiamme, la città di Venezia inondata e il presagio di guerra, tutto in un arco di tempo minore. di 10 secondi mentre scorriamo un feed di social network.

Attraverso il mezzo di questa tempesta - milioni di distrazioni, tutte in competizione per la nostra attenzione - le tendenze del design emergono attraverso l'innovazione e la sperimentazione. Le tendenze in genere si formano perché una mente creativa ha immaginato qualcosa, l'ha creata, alla gente è piaciuto e si è diffuso. Alcune tendenze hanno una vita breve, altre durano più a lungo e alcune vengono riciclate in pochi decenni: testimonia il ritorno della moda degli anni '60 e dei dischi in vinile con la Generazione Z. Le tendenze compaiono in molte aree e discipline: dalla moda ai capelli, dal cibo alle automobili, dall'architettura al design, e anche alla politica.

Le tendenze nascono dalla creatività e dalla sperimentazione audace. Nel 1960, quando Margaret Vinci, una campionessa di acconciature, fu incoraggiata dall'editore della rivista Modern Beauty Salon a fare "qualcosa di veramente diverso" che avrebbe definito il prossimo decennio, si avvicinò con l'acconciatura da alveare. Si è diffuso a macchia d'olio ed è diventato una tendenza in voga negli anni '60. L'alveare di Audrey Hepburn, che ha messo in bella mostra nel film classico “Colazione da Tiffany”, è uno degli esempi più iconici, così come lo è stato l'interpretazione disordinata di Brigitte Bardot.

Come per molte innovazioni, i designer sfoggiano le loro creazioni appena coniate e realizzate con cura su vari media per testarle e metterle in mostra. Alcuni design UX sono veri e propri sforzi per far sembrare e funzionare meglio le cose. Alcuni sono progetti di vanità progettati per esaltare il designer e farli dichiarare semidei del design con 10.000 Mi piace su Dribbble, anche se solo per un breve tocco sul radar.

Nella caotica pletora di opzioni, alcuni design vengono scartati e altri vengono mantenuti e diventano una tendenza del design UX, non solo con i consumatori ma anche con i colleghi. I colleghi rispondono con un pollice in su o un pollice in giù: Oooh, mi piace. Sembra grandioso. Fa funzionare meglio le cose. Mi piace quello stile. O meh, non funziona per me... A volte, sopraffatti dai sintomi della FOMO (Fear Of Missing Out), altri designer saltano sul carrozzone, trasmettendo: Guarda, sono alla moda, moderno e anche contemporaneo! e io sono con i tempi, dai un'occhiata, questa è l'ultima cosa.

L'imitazione è la forma più sincera di adulazione che la mediocrità può attribuire alla grandezza. Oscar Wilde

Alcuni designer UX potrebbero resistere alle tendenze del design perché non vogliono essere visti come seguaci. Alcuni rifiutano apertamente le tendenze del design, liquidandole come mode passeggere e si attengono ai principi del buon design. Prendi i "minimalisti per sempre", che sono nemici giurati di qualsiasi cosa massimalista. Ma i designer dissenzienti dovrebbero rendersi conto che ogni stile e tendenza ha il suo posto nel mondo. È quando la tendenza sbagliata viene utilizzata nel momento sbagliato, nei media sbagliati, nel contesto sbagliato, che ne consegue il caos e la gente rabbrividire.

Trarre ispirazione dalle tendenze del design può essere utile in altri modi. Quando il temuto blocco creativo paralizza i designer, trarre ispirazione dalle tendenze del design può aiutare a superarlo. Non c'è niente di sbagliato nel cercare nuove fonti di ispirazione, a patto che non porti a imitazioni insensate. Essere ispirati da una particolare tendenza del design è un cenno al suo creatore, riconoscendo che funziona e ciò che funziona diventerà presto una best practice, una convenzione e un modello di progettazione consolidato.

Diamo un'occhiata alle tendenze del design UX del 2019 ed evidenziamo una dozzina di quelle significative.

Trend UX dell'anno 2019: illustrazioni ovunque

Negli ultimi due anni, le illustrazioni stravaganti si sono infiltrate nel mondo del design digitale, ma sono state spinte alla ribalta nel 2019. La tendenza è guidata dal desiderio di una sensibilità organica nelle immagini e di un allontanamento dal freddo, digitale, " aspetto tecnico." Il movimento unisce le forze con il recente ritorno dei media analogici - dischi in vinile, abiti vintage, stampa tipografica - cose fatte con materie prime reali. Le persone bramano il tangibile, le cose che sono naturali, organiche e sensate.

Le immagini e le illustrazioni d'archivio sono uscite . Dalle stravaganti illustrazioni digitali agli schizzi a carboncino in bianco e nero, qualsiasi cosa con un tocco organico è in . Le illustrazioni isometriche sono di gran moda e non è consentito lo skeuomorphism. Si tratta di illustrazioni personalizzate dall'aspetto organico su siti Web e app, anche per pulsanti e icone.

Se i designer possono introdurre un po' di movimento nell'illustrazione, ancora meglio. L'animazione lenta e sottile aggiunge un elemento interessante a un'illustrazione statica, rendendola viva.

Anche le illustrazioni, in particolare per le sequenze di onboarding, hanno fatto breccia nel design dell'UX mobile.

Le tendenze di fusione non sono rare. Le pagine di destinazione fantasiose presentano animazioni multimediali attivate a scorrimento, parallasse, che a volte combinano illustrazioni animate con sfondi, tipografia, foto e video in movimento.

Let's Go Dark: Modalità oscura/Temi oscuri

A causa della crescente popolarità dei temi oscuri, sempre più design digitali si stanno spostando sul "lato oscuro". La nuova fantastica modalità oscura ha invaso varie piattaforme: sistemi operativi, TV, dispositivi mobili e web. Apple ha alimentato la mania della modalità oscura con la sua interfaccia utente TV, poi con Mac OS Mojave e infine con iOS 13 e il suo nuovo iPadOS. Le interfacce utente a tema scuro presentano diversi vantaggi: sono piacevoli per gli occhi, possono essere più eleganti ed eleganti e consentono di risparmiare la durata della batteria.

Tuttavia, i designer dovrebbero procedere con cautela se scelgono di camminare sul lato oscuro. La tavolozza dei colori utilizzabile può essere limitata e la combinazione sbagliata di colori può essere una tortura per gli occhi. Oltre a ciò, vengono visualizzati tutti i tipi di problemi di usabilità, principalmente correlati a scansionabilità, leggibilità e contrasto. I progettisti UX devono assicurarsi che vi sia un contrasto sufficiente tra gli elementi dell'interfaccia utente, come pulsanti, testo e sfondo. È necessario considerare il contesto di utilizzo, ovvero l'ambiente di visualizzazione, nonché il dispositivo su cui è probabile che venga visualizzata l'interfaccia utente del tema scuro.

Minimalismo/Massimalismo

I grandi prodotti ottengono di più con meno. Il minimalismo come tendenza del design UX è popolare, come indicato dalle ultime tendenze del design delle app Web e mobili. Figlio di poster del minimalismo, Apple è stata la sua sostenitrice più influente e potente. Facendo un cenno all'ideologia dell'icona del design Dieter Rams e al potere del "design saliente", i design hardware e software basati sul minimalismo di Apple sono a dir poco eccezionali. Prendendo una pagina dal playbook di Apple, i designer UX hanno da tempo sottolineato l'importanza di ridurre al minimo il design digitale, dando alle persone solo gli elementi essenziali assoluti necessari per svolgere un'attività.

I fan del minimalismo riconoscono che le risorse cognitive delle persone sono limitate così come la loro capacità di elaborare e comprendere la complessità informativa. Le persone non riescono a cogliere ogni sfumatura degli stimoli necessari per attribuirne il significato completo. Le informazioni salienti sono ciò che molto probabilmente catturerà l'attenzione in una determinata situazione e avrà l'influenza più significativa su come verranno percepiti gli stimoli.

“La creatività è la capacità di correre un rischio. Per metterti effettivamente in gioco e rischiare il ridicolo, essere messo alla berlina, criticato, qualunque cosa. Ma... devi correre questo rischio. - Puntura

L'antitesi del minimalismo sparso e freddo, il massimalismo è un movimento di design ad alto rischio e ad alto rendimento che richiede impegno e un atto di fede. Designer di UX sovversivi e ribelli - "design hippies" della controcultura - si rivolgono al massimalismo per diventare grandi, rumorosi e avere un impatto. Ma l'aspirazione a distinguersi dal panorama dei minimalisti conformisti non è priva di rischi. Il massimalismo può dare un pugno, ma può anche ritorcersi contro. È solo per gli audaci audaci che sono disposti a rischiare tutto e occasionalmente vanno in fiamme.

I massimalisti credono che la mente ami gli stimoli. A volte al limite del bizzarro, gli strati di colore, consistenza e motivi del massimalismo richiamano l'attenzione, il suo manifesto dichiara: "non saremo ignorati!" Il design massimalista tocca molti aspetti del design: grafica, web design, mobile design, interior design, moda, architettura e altro ancora: è un modo per i designer di stimolare e affascinare.

Neumorfismo

I designer hanno inventato il neumorfismo dal desiderio di rimanere con una sensibilità minimalista ma combinare il meglio dello skeuomorfismo e del design dei materiali. Lo skeuomorfismo era un po' troppo - cercare di imitare gli oggetti nel mondo reale - e il design dei materiali era troppo piatto. Il neumorfismo è da qualche parte nel mezzo. Tuttavia, per quanto eccitante possa sembrare in superficie, questa tendenza del design UX potrebbe essere di breve durata, secondo alcuni detrattori.

Il neumorfismo consente "disegni puliti", spogliati del colore, che in genere viene utilizzato per indicare gli elementi in un'interfaccia utente, e invece, la tecnica utilizza un'ombra morbida leggermente rialzata o rientrata per separare i componenti dell'interfaccia utente. Come per molte tendenze, anche le tendenze del design possono essere mescolate e i designer possono creare "gumbo di tendenza del design", un eccitante miscuglio di sapori più recenti. Ad esempio, il neumorfismo può essere combinato con altre tendenze, come le interfacce utente a tema scuro.

Microinterazioni significative

“I dettagli non sono i dettagli. Fanno il design”. – Charles Eames.

Sono tutti i piccoli dettagli che trasformano un buon prodotto digitale in un ottimo prodotto. Dan Saffer, autore del libro Microinteractions, definisce le microinterazioni come "momenti di prodotto contenuti che ruotano attorno a un singolo caso d'uso: hanno un compito principale". Al di là dell'estetica, microinterazioni ben eseguite e fluide possono suscitare gioia nelle persone durante i momenti di interazione. Le microinterazioni riguardano i dettagli critici che fanno la differenza tra un'esperienza amichevole e una frustrante.

Le microinterazioni non sono destinate esclusivamente alle app mobili; possono anche essere progettati per siti Web, app desktop e applicazioni Web (SaaS). Tuttavia, i designer attenti, come con la tendenza del tema scuro, procedono con cautela. Troppo nel posto sbagliato può ritorcersi contro e rovinare l'esperienza dell'utente; pertanto, una prudente considerazione di quanto di esso e in quale contesto fornirlo è fondamentale.

Più interazioni con i gesti su dispositivi mobili

Cercare indizi sull'interfaccia e toccare le icone è diventato un divieto sui dispositivi mobili. Le persone si aspettano sempre più che vari elementi dell'interfaccia utente sui dispositivi mobili siano scorrevoli, il che sta diventando una best practice per la progettazione mobile. Fornisce una migliore UX perché le persone possono eseguire gesti in modi imprecisi. Ad esempio, scorrere è più veloce e più facile che trovare e toccare un'icona per chiudere una scheda. Nella maggior parte dei casi, vengono fornite entrambe le opzioni di interazione.

Per le interazioni mobili minori come la condivisione, il salvataggio, le preferenze, lo zoom in alto di un'immagine o la visione di un video in un feed social, vengono utilizzate sempre di più le schede a più livelli e a scorrimento. Nell'ultimo iOS 13 di Apple, la modalità della scheda a più livelli viene ampiamente utilizzata nelle loro app native. Anche altre app stanno sfruttando questa tecnica di interazione mobile naturale e veloce.

La visualizzazione 3D dona ai prodotti una sensazione del mondo reale

La fotografia di fascia alta e sofisticata è costosa e le foto d'archivio sono uscite . Le visualizzazioni 3D sono in formato . Quando gli oggetti vengono renderizzati in 3D, è quasi concepibile che siano lì per essere toccati. Dalle versioni digitali dei prodotti per l'e-commerce e dai concetti di confezionamento dei prodotti alle visualizzazioni dell'interior design e alle planimetrie isometriche degli uffici, il 3D aiuta le persone a visualizzare l'aspetto e la sensazione di qualcosa. A differenza della fotografia, le immagini renderizzate in 3D possono essere modificate istantaneamente in uno schema di colori alternativo, ridimensionate e collocate in un ambiente diverso.

Interazioni vocali

Il livello di comfort delle persone con le interazioni vocali sta crescendo. Parliamo con oggetti inanimati e loro rispondono a noi. Non è solo quando le nostre mani sono piene, sporche o stiamo guidando che utilizziamo le interazioni vocali sui nostri cellulari. Sempre più persone effettuano ricerche vocali, dettano messaggi di testo e ascoltano musica tramite comandi vocali.

Ottenendo una maggiore accettazione con il mainstream, parliamo con gli assistenti vocali digitali Alexa, Cortana, Google Assistant e Siri per ottenere informazioni di viaggio e meteo, fare acquisti e ordinare un passaggio. Oltre ai popolari assistenti vocali, la capacità di utilizzare le interazioni vocali è sempre più integrata in vari dispositivi e app. Un recente sondaggio ha rilevato che il motivo per cui alle persone piace usare la voce per interagire è perché è veloce, preciso e non richiede la digitazione; in altre parole, riduce l'attrito e fornisce una migliore UX.

UI conversazionali e chatbot

Le tradizionali pagine di destinazione con grandi immagini di eroi, pulsanti, collegamenti e moduli stanno gradualmente lasciando il posto a uno dei modelli di interazione più intuitivi e naturali: la conversazione. Le interfacce utente conversazionali offrono un'esperienza piacevole, più personalizzata e senza attriti.

In genere, i chatbot sono piattaforme di intelligenza artificiale che utilizzano la messaggistica istantanea come interfaccia dell'applicazione. Invece di caricare gli utenti chiedendo loro di compilare moduli, i chatbot alleviano tale onere rendendo l'interazione più naturale e colloquiale. Alcuni bot non sono intelligenza artificiale ma veri esseri umani che interagiscono tramite chat per fornire esperienze utente più avvincenti.

Anche se il tempo impiegato da qualcosa può essere lo stesso, ad esempio per completare una prenotazione di viaggio, poiché l'interazione è colloquiale e suddivisa in blocchi, lo sforzo cognitivo viene ridotto e l'esperienza dell'utente migliora.

Le animazioni attivate dallo scorrimento raccontano storie, vendono prodotti e servizi

Il rendering 3D di prodotti super ravvicinati e di fascia alta sta diventando di gran moda quando si tratta di vendere prodotti sul web. Le animazioni incentrate sul marketing dello stile di vita, attivate a scorrimento, raccontano storie avvincenti e cinematografiche con una grafica sorprendente. Spesso unendo animazione in stop-motion, fotografia e video con una tipografia elegante, sono progettati per coinvolgere e attirare le persone.

Concentrandosi su esperienze uniche per i visitatori che sono più accattivanti delle pagine Web statiche che le persone navigano alla vecchia maniera, varie società di servizi utilizzano anche la tendenza dell'esperienza utente di animazione attivata dallo scorrimento per vendere di tutto, dai servizi creativi al design digitale e al branding.

Siti di media misti con una forte tipografia

Negli ultimi anni, il web ha preso vita con pagine multimediali piene di video auto-riproducibili, GIF animate, animazioni 3D e illustrazioni animate con scorrimento. Insieme alla tipografia ad alto volume e allo scorrimento del parallasse, sembra che tutto tranne il lavello della cucina sia stato gettato dentro, ma se fatti bene con un po' di moderazione e in uno stile sofisticato, cattureranno sicuramente l'attenzione dei visitatori. Le esperienze non sono più progettate per essere lineari, ma ricche e coinvolgenti.

L'eCommerce prende vita con 3D, AR e Motion

Lo shopping nel mondo fisico è un'esperienza tattile. Gli studi hanno dimostrato che i video o le animazioni 3D sulle pagine dei prodotti dei siti di eCommerce tendono a vendere più prodotti perché le persone possono averne un'idea migliore. I prodotti inseriti nella vita reale tramite la realtà aumentata (AR) tendono anche a funzionare meglio perché le persone possono "provarli" o collocare i prodotti in ambienti di vita reale. Man mano che le connessioni Internet veloci aumentano e i browser migliorano nel rendering di tutti i tipi di contenuti multimediali, queste tendenze UX dell'eCommerce sono destinate a continuare.

Seleziona UX Le tendenze del design sono qui per restare

Sebbene stare al passo con le ultime tendenze della UX possa essere una trappola se non fatto in modo sensato, tenersi al passo con ciò che è attuale è fondamentale. Ciò può aiutare un designer UX a diventare o rimanere all'avanguardia. Le tendenze del design UX possono aumentare gli sforzi dei designer UX per soddisfare le grandi aspettative delle persone perché nella maggior parte dei casi sono state filtrate attraverso esperimenti di design UX e hanno dimostrato di funzionare.

Ogni anno emergono nuove tendenze di design UX. Alcuni diventeranno popolari, altri svaniranno e alla fine scompariranno. Attraverso un processo di spietata eliminazione, sopravviveranno solo i più utili e durevoli, il che è ottimo per far progredire l'arte e la scienza della progettazione di esperienze utente eccezionali.

• • •

Ulteriori letture sul blog di Toptal Design:

• Guardando al futuro – Tendenze del design del 2020
• Le vere e provate leggi della UX (con infografica)
• Padroneggia le tendenze del design con questi tutorial di Photoshop
• Tendenze di spicco dell'e-commerce e loro influenza sul design (con infografica)
• Valgono tutte le tendenze? I 5 errori UX più comuni che commettono i web designer