La nuova tendenza nella progettazione dell'interfaccia utente: una panoramica del neumorfismo

Il design neutromorfico è una tendenza visiva che ha guadagnato popolarità tra i designer dell'interfaccia utente ed è diventata una scelta estetica popolare per software, siti Web e app mobili contemporanei. Attingendo ad aspetti del fotorealismo e della progettazione 3D, il neumorfismo porta attributi fisici simulati, come ombre e trame, alle interfacce digitali. Per comprendere appieno l'impatto del design neumorfico, diamo un'occhiata alle sue origini.

Le origini del design neutromorfico

Quando Apple ha rilasciato il Macintosh nel 1984, è stato il primo personal computer con un'interfaccia utente grafica. A quel tempo, il co-fondatore di Apple Steve Jobs credeva che icone e simboli familiari, come un cestino o una cartella, avrebbero aiutato gli utenti di computer alle prime armi a capire meglio come navigare nell'interfaccia del Macintosh. Jobs lasciò la Apple nel 1985, ma al suo ritorno nel 1997 guidò l'estetica dell'interfaccia utente dell'azienda verso lo skeuomorphism, uno stile in cui i componenti dell'interfaccia rispecchiano le loro controparti del mondo reale fino all'ultimo dettaglio. Quando Mac OS X è stato lanciato nel 2001, Apple aveva sviluppato un vero e proprio sistema skeuomorfo chiamato Aqua, un linguaggio di design a tema acquatico con icone, pulsanti e menu a discesa scintillanti.

Con l'introduzione dell'iPhone nel 2007, il marchio di skeuomorphism di Apple è diventato ancora più realistico. All'inizio degli anni 2010, il design skeuomorphic era di fatto la scelta per le interfacce digitali. Ma quando il mondo è diventato più dipendente dai dispositivi mobili, i limiti dello skeuomorphism sono diventati chiari: la creazione di componenti di design skeuomorphic richiede molto tempo e richiede un alto grado di abilità tecnica. E mentre i componenti skeuomorfici hanno un bell'aspetto su desktop e schermate domestiche, i loro dettagli più fini tendono a scomparire se ridimensionati a dimensioni ridotte.

In netto contrasto con i gradienti e le trame realistici dello skeuomorphism, la metà degli anni 2010 ha visto l'adozione diffusa del design piatto, un riavvio dell'era digitale del minimalismo degli anni '60. Il design piatto ha spogliato i componenti dell'interfaccia di tutto tranne i loro elementi più essenziali (linea, forma e colore), rendendolo uno stile veloce e altamente flessibile che ben si adattava alle grandi aziende che cercavano di sistematizzare i propri linguaggi di progettazione.

Per alcuni anni, lo skeuomorphism è stato un anatema per i designer, ma dalle sue ceneri è salita alla ribalta una nuova tendenza. Alla fine del 2019 è arrivato il neumorfismo (abbreviazione di "nuovo skeuomorphism") che sembrava offrire il meglio dei suoi predecessori. Trovando un equilibrio tra iperrealismo e minimalismo, il neumorfismo usa colori, trame e ombre in un modo che sembra fedele alla vita senza essere eccessivamente dettagliato.

Neumorfismo 101

Il design neutromorfo ha tre caratteristiche comuni: schemi di colori monocromatici, basso contrasto e ombre sottili. I progettisti dell'interfaccia utente sono in grado di applicare queste caratteristiche a un'ampia gamma di componenti di progettazione che esibiscono l'estetica morbida del neumorfismo. Diamo un'occhiata a un'app calcolatrice per vedere come funziona il design neumorfico:

Nel design skeuomorphic, la calcolatrice viene renderizzata con sfumature e luci e la sua tavolozza di colori aiuta a separare il primo piano dallo sfondo. È pensato per apparire e funzionare come una calcolatrice che potresti trovare in giro per il tuo ufficio. Una versione dal design piatto della stessa calcolatrice abbandona le tecniche di resa rappresentativa dello skeumrfismo e si basa su forme e blocchi di colore per distinguere le sue varie sezioni.

Il design neumorfico attinge sia dallo skeummorphism che dal design piatto accoppiando una tavolozza di colori monocromatica con ombre sottili che fanno apparire tattili i pulsanti della calcolatrice. Il contrasto ridotto tra primo piano e sfondo conferisce alla calcolatrice una finitura morbida e l'effetto complessivo è un realismo semplificato.

Esempi di Design Neumorfico

Ora che sei consapevole dei suoi attributi unici, noterai neumorfismo ovunque. In effetti, i progettisti dell'interfaccia utente in diversi settori come quello automobilistico, dell'intrattenimento, sanitario e finanziario hanno reinventato i componenti dell'interfaccia con l'aspetto caratteristico del neumorfismo:

I pro ei contro del design neutromorfico

Tutte le tendenze del design hanno vantaggi e svantaggi. Se utilizzate in modo ponderato, le tendenze hanno la capacità di dare nuova vita a modelli di progettazione prevedibili, ma sorgono difficoltà quando le tendenze sono forzate in applicazioni in cui non servono agli utenti. Esaminiamo i pro ei contro del design neumorfico per comprenderne meglio l'utilità.

Professionisti

Poiché il neumorfismo è visivamente semplice, è l'ideale per i prodotti digitali, che spesso consistono in dozzine, se non centinaia, di schermi e componenti di design. Nella progettazione di prodotti digitali, la semplicità presenta diversi vantaggi: rende più facile per i designer creare esperienze esteticamente coerenti, indipendentemente dal numero di schermi di un prodotto. Accelera il processo di concettualizzazione, costruzione, test e iterazione di nuove schermate. E aiuta i designer a mantenere i prodotti visivamente coerenti mentre si evolvono.

Oltre alla sua semplicità, le qualità realistiche del neumorfismo possono far apparire i componenti dell'interfaccia utente più tattili e possono aiutare a significare interattività per gli utenti.

contro

Sebbene il neumorfismo sia una tendenza popolare e ampiamente utilizzata, presenta problemi di accessibilità. Se i designer scelgono di utilizzare elementi neumorfici rigorosamente monocromatici, potrebbero creare problemi alle persone con disabilità visive come il daltonismo. Inoltre, la dipendenza del neumorfismo dal basso contrasto per ottenere il suo aspetto morbido può ostacolare la leggibilità e rendere difficile per gli utenti identificare pulsanti, icone, moduli e altre importanti funzionalità dell'interfaccia.

Il design neutromorfo è senza tempo

Se implementato tenendo conto delle esigenze (e dell'accessibilità) degli utenti, il neumorfismo è un'opzione di progettazione dell'interfaccia utente visivamente accattivante per app e siti Web. Le sue ombre sobrie e le trame morbide conferiscono ai componenti dell'interfaccia utente un calore che invita all'interazione. Nel mondo del design gli stili vanno e vengono, ma la semplicità e le qualità tattili del neumorfismo lo rendono adatto a resistere alla prova del tempo.