Tendenze dell'interfaccia utente 2020: cosa c'è in serbo?

Pubblicato: 2022-03-11

Il 2020 è qui e con esso arriva la possibilità di rivedere quali tendenze dell'interfaccia utente hanno funzionato l'anno scorso e quali probabilmente continueranno a farlo quest'anno. L'inizio del nuovo anno offre un'eccellente opportunità per esaminare le tendenze emergenti del design dell'interfaccia utente che continueranno a crescere in popolarità.

Rimanere al passo con le novità nel settore del design, ciò che è utile (o meno) e ciò che sta cadendo in disgrazia è fondamentale per i designer dell'interfaccia utente che vogliono essere in grado di offrire ai propri clienti idee innovative. Rivedere le tendenze e guardare come potrebbero evolversi andando avanti è essenziale per questo sforzo.

Le tendenze dell'interfaccia utente 2020 includeranno la narrazione nella progettazione dell'interfaccia utente (invece di pensare a un progetto esclusivamente in termini di UX), grafica e animazione 3D, microinterazioni uniche, temi oscuri, semplicità, interazione vocale e altro ancora.

Le tendenze dell'interfaccia utente 2020 includono design dell'interfaccia utente semplici e moderni
Interfaccia utente dell'app musicale (di Humayra Kabir Anamika).

Narrativa

Lo storytelling è spesso pensato solo in termini di UX. Tuttavia, i designer dell'interfaccia utente possono anche svolgere un ruolo essenziale nel processo di narrazione.

Attraverso l'uso del colore, della tipografia, dell'animazione e del design dell'interazione, i designer dell'interfaccia utente possono implementare le storie necessarie per una buona UX.

La pagina di destinazione di Pixel Earbuds di Google è un esempio convincente di storytelling dell'interfaccia utente. Guida il visitatore attraverso i vantaggi del prodotto attraverso animazioni ponderate, immagini riconoscibili e tipografia stellare per creare una risposta emotiva positiva.

Le tendenze del design dell'interfaccia utente includono la narrazione, in cui Google eccelle
Storytelling dell'interfaccia utente attraverso animazioni e immagini.

Grafica e animazione 3D

La grafica e l'animazione 3D non sono nuovi arrivati ​​nella progettazione dell'interfaccia utente. La loro frequenza è aumentata negli ultimi anni in più categorie di prodotti. Le app VR e AR, in particolare, hanno sfruttato questi elementi per cose come la visualizzazione di mobili in una stanza reale. Un altro esempio comune è la visualizzazione del prodotto a 360 gradi che è diventata popolare sui siti di e-commerce.

Volevano designer di interfaccia utente freelance a tempo pieno con sede negli Stati Uniti

Se il design dell'interfaccia utente deve essere particolarmente accattivante, la grafica 3D è un modo eccellente per farlo. L'animazione aumenta il fascino visivo. Sebbene questi effetti richiedano più tempo rispetto alle versioni 2D e richiedano un set di abilità specializzato, valgono le risorse extra nei casi in cui si aggiungono all'esperienza utente complessiva.

La grafica e le animazioni 3D sono una parte importante della progettazione dell'interfaccia utente 2020
Selezione delle opzioni del prodotto e aggiunta del prodotto al carrello (da Dannniel).

Microinterazioni uniche

Le microinterazioni sono un elemento essenziale di qualsiasi buona progettazione di prodotti digitali. Tuttavia, sono ancora trascurati da molti progettisti e parti interessate dell'interfaccia utente.

Le microinterazioni forniscono informazioni e feedback aggiuntivi agli utenti. Possono includere cose come animazioni di interazione, cambiamenti di colore per mostrare stati diversi e feedback tattile nelle app mobili. Le microinterazioni possono elevare un design da funzionale a eccezionale.

Le tendenze del design dell'interfaccia utente 2020 includono microinterazioni uniche
Barra di avanzamento per il caricamento e il download (di xjw).

Temi oscuri

I temi scuri esistono da alcuni anni, ma sono decollati nel 2019. Apple ha fatto molto per aiutare questa tendenza quando ha rilasciato il suo aggiornamento Mojave con la possibilità di impostare automaticamente un tema scuro nelle app che lo supportano. Hanno anche rilasciato un aggiornamento per iOS che offre la stessa funzionalità della modalità oscura.

I temi scuri dell'interfaccia utente continueranno a crescere nel 2020. Uno dei vantaggi più significativi, oltre all'appeal visivo, è che per alcune persone i temi scuri con un contrasto adeguato possono aiutare l'affaticamento degli occhi.

Una delle ultime app significative per ottenere il trattamento del tema scuro è Gmail, che ha iniziato a implementare l'opzione a settembre. Ora che tutti e tre i principali giganti della tecnologia (Apple, Google e persino l'app mobile di Facebook) sono saliti sul carro del tema oscuro, è improbabile che questa tendenza scompaia nel prossimo futuro.

Il design scuro è un'interfaccia utente di tendenza importante
Interfaccia utente del lettore musicale (di Martin Mroc).

Semplicità

Semplicità e minimalismo entrano e passano di moda nel design dell'interfaccia utente ogni pochi anni. In questo momento, sono dentro.

La funzionalità è in primo piano con design semplici. La semplicità è più una raccolta di principi di design che una singola tendenza. I design semplici spesso incorporano principi della Gestalt, tipografia audace, tavolozze di colori minimaliste e molto spazio bianco.

La semplicità nel design non è semplice da creare. Ci vuole fiducia da parte del designer e ogni elemento deve essere perfetto in quanto non c'è nulla che possa nascondere scelte di design discutibili. Se fatto bene, crea una sensazione elegante e di alta qualità che le persone amano usare.

Le tendenze del design delle app includono semplici design dell'interfaccia utente
App White Noise (di Romeo M. per Queble).

Interazioni vocali

Le interazioni vocali un tempo erano riservate al regno della fantascienza. Smartphone e app mobili hanno cambiato la situazione, rendendo l'interazione vocale non solo possibile ma anche mainstream. Consentire alle persone di interagire con le applicazioni tramite comandi vocali apre un mondo di possibilità di interazione con un prodotto. Quando un consumatore può impartire comandi vocali, può utilizzare un'app in situazioni in cui le interfacce touch non sono sicure o pratiche, ad esempio durante la guida o seguendo una ricetta o un tutorial.

L'interazione vocale non è nuova, ma le prime iterazioni erano goffe e spesso non funzionavano bene. Negli ultimi due anni, l'interazione vocale si è evoluta (di solito con l'assistenza basata sull'intelligenza artificiale) per diventare un metodo pratico di comunicazione con un'app. Poiché il controllo vocale migliora ancora di più, è una tendenza che non è destinata a scomparire. Google ha annunciato aggiornamenti significativi alla sua funzione di Assistente Google all'I/O 2019 che alcuni ipotizzano potrebbero essere l'inizio delle interazioni vocali che sostituiscono quasi completamente le interazioni tattili.

I progettisti dell'interfaccia utente trarranno vantaggio dalla familiarità con il funzionamento delle interazioni vocali e il modo in cui possono integrarle al meglio nei loro prodotti, in particolare nelle app mobili. Alla fine, le interazioni vocali possono prevalere su altri tipi di interazioni, anche sul Web.

Le tendenze dell'interfaccia utente mobile per il 2020 includono l'interazione vocale
Microinterazioni vocali (a cura di Filipe Ferrari).

Tendenze di progettazione dell'interfaccia utente di tipografia

Ogni anno emergono nuove tendenze tipografiche e l'anno scorso non è stato diverso. Alcune delle tendenze più importanti dell'interfaccia utente che probabilmente continueranno nel 2020 includono il ritorno ai caratteri tipografici serif, il testo hero non troppo grande e il tipo di stratificazione con altri elementi.

Quando i progetti dell'interfaccia utente grafica iniziarono ad apparire per la prima volta, i serif erano generalmente disapprovati in quanto difficili da leggere su uno schermo. Risoluzioni dello schermo basse significavano la perdita dei dettagli più fini delle forme delle lettere (e dei dettagli visivi su piccola scala in generale), rendendo molti caratteri tipografici che tradizionalmente funzionavano bene nella stampa sembravano terribili sullo schermo di un computer.

Con l'aumento delle risoluzioni dello schermo, l'idea che i serif fossero difficili da leggere sullo schermo in qualche modo persisteva. Negli ultimi anni le cose sono cambiate e i serif sono spuntati ovunque, anche nell'intestazione e nel testo dell'eroe, dove erano in genere meno comuni delle loro controparti sans-serif e dei caratteri di visualizzazione.

Sembra che il testo dell'eroe sia diventato sempre più grande ogni anno, occupando spesso l'intero spazio "above the fold" su un sito web. La situazione è cambiata nel 2019, con un testo più piccolo (sebbene ancora prominente) utilizzato sulle immagini dell'eroe e dell'intestazione. È un cambiamento positivo che reintroduce gli spazi bianchi come una parte preziosa del design degli eroi.

Il tipo di stratificazione con elementi grafici, sotto o sopra le immagini (o talvolta entrambi), è un'altra tendenza in crescita. A volte, il testo è sovrapposto o sovrapposto con immagini o colori riquadrati, mentre altre volte è completamente integrato con altri elementi visivi.

Le tendenze dell'interfaccia utente includono le tendenze nella tipografia
Sito web di A-LAB Design Studio (di Mike | Creative Mints).

Guardando avanti alle tendenze dell'interfaccia utente 2020

Le migliori tendenze dell'interfaccia utente sono visivamente accattivanti mentre migliorano l'esperienza complessiva e l'utilità di un prodotto digitale. Le tendenze sopra descritte continueranno ad evolversi e probabilmente ne emergeranno di nuove nel 2020.

Man mano che i marchi più grandi adottano le tendenze e diventano più onnipresenti, si evolvono in standard e diventano parte del panorama digitale. Questa evoluzione sta già avvenendo con tendenze come i temi oscuri.

In altri casi, le tendenze permangono per alcuni anni e poi cadono nel dimenticatoio quando emergono idee e metodi migliori. Un esempio di ciò è l'interfaccia utente a scorrimento parallasse, che era incredibilmente popolare un paio di anni fa ma non è così importante nel 2020.

Nuove tendenze emergeranno nel 2020 e alcune di quelle qui incluse potrebbero svanire entro la fine dell'anno. I designer esperti dell'interfaccia utente sono sempre alla ricerca di modi migliori per presentare i contenuti, il che significa che alcune tendenze dell'interfaccia utente 2020 saranno praticamente scomparse dallo zeitgeist digitale entro il 2021.

• • •

Ulteriori letture sul blog di Toptal Design:

  • Guardando al futuro – Tendenze del design del 2020
  • Toptal Design Blog Colore dell'anno 2020
  • UX Design Trends Retrospettiva 2019
  • Valgono tutte le tendenze? I 5 errori UX più comuni che commettono i web designer
  • Seguendo le tendenze: omaggio e plagio del design