Blog

UX & UI Design Trends 2019

23 Febbraio 2019 UI Design

Quali saranno i digital design trends nel 2019?

Ecco a voi una nostra selezione delle tendenze grafiche e di User Experience e di User Interface che andranno forte quest’anno!

Illustrazioni

04Esempio illustrazioneVedremo sempre più illustrazioni personalizzate che secondo recenti statistiche riescono a convertire sette volte meglio di qualsiasi fotografia acquistata dai siti di stock. L’originalità dell’illustrazione contribuisce infatti a far spiccare il sito o la app nel mercato, a rimanere impressa nella mente degli utenti per la sua diversità ed a mostrare la personalità del brand. I soggetti delle illustrazioni saranno molteplici: dagli scenari 3D alle illustrazioni che richiamano l’arte grafica degli anni 50, post-bellica.

Animazioni

cart
Le animazioni saranno le protagoniste dell’esperienze digitali nel 2019 e saranno utilizzate per creare un’interfaccia intuitiva e al tempo stesso engaging.

filter

Negli esempi vediamo come le animazioni, sempre più sofisticate e personalizzate, sono impiegate per «trasportare» agevolmente gli utenti tra diversi contesti di navigazione e allo stesso tempo per rafforzare la gerarchia degli elementi. In particolare:

  • aiutano a capire che cosa sta accadendo nell’interfaccia
  • indicano quali azioni compiere
  • allo stesso tempo intrattengono con piacevoli dettagli visivi.

Queste funzionalità risultano particolarmente preziose sul mobile dove gli utenti hanno una scarsa concentrazione e le interruzioni sono assai frequenti.

travel_experience_natural_by_gleb

Colori audaci e gradienti

Nel 2018 i designer hanno usato colori prevalentemente vibranti e questa tendenza si consoliderà anche nel 2019. I colori saranno ancora più coraggiosi, i toni super-saturi. I colori più trends saranno gialli acidi, rossi brillanti, blu vivaci e molto coral pink.

03

Anche i gradienti, soprattutto composti da due tonalità, continuano a dominare il panorama digitale, grazie alla loro utilità e versatilità: riescono infatti a creare effetti di profondità, originalità e raffinatezza allo stesso tempo.

lorenzo_moschi_ho_02_2x

AI technology

E come saranno le APP che ci permettono di interagire con l’intelligenza artificiale? Ad esempio le App di domotica, per regolare il termostato o l’aria condizionata? O per azionare i comandi della macchina?
Essenziali, intuitive, eleganti. Ogni schermata è dedicata ad un singolo task: one screen one task, per facilitare l’interazione dell’utente senza sovraccaricarlo di troppe informazioni. Inoltre la massima cura dei dettagli come le interazioni e l’iconografia contribuiscono a rendere l’esperienza chiara e piacevole.

attachment

attachment-2

remote-control

Tipografia

Sempre più spesso, ci imbattiamo in siti Web e app in cui il testo non è solo la fonte di informazioni ma anche l’elemento centrale del design. La tipografia audace e accattivante sarà la protagonista nelle interfacce web e mobile e costituirà uno degli elementi chiave del design.

crypto1

Full-Screen Background Images

Un’altra tendenza per catturare l’attenzione dei visitatori, in particolare nella progettazione di siti Web, è l’utilizzo di immagini a schermo intero: lo sfondo può essrere composto da foto o da visualizzazioni di rendering speciali o addirittura video. Tale approccio aiuta a rendere gli schermi visivamente ed emotivamente appealing oltre a contenere e mantenere l’integrità di tutti gli elementi del layout.

04

Visual Storytelling

La tendenza della grafica personalizzata sarà sfruttata anche per lo storytelling nelle interfacce. Sempre più siti Web e app mobili utilizzano “personaggi” appositamente illustrati per raccontare “la storia” per creare la giusta atmosfera, per presentare i vantaggi del servizio o del prodotto in sintonia con il tone of voice del sito.

I personaggi favoriscono l’interazione con il pubblico, creano forti associazioni visive con il mondo reale e sono uno strumento efficace per rendere la pagina dinamica e vivace.

Storytelling

Visual Storytelling

Costanza Mosi
UX Designer
LinkedIn