Sono sempre alla ricerca di nuove tendenze di design. Mi affascina il modo in cui certe idee vengono catturate da così tanti designer e implementate in innumerevoli modi diversi.
Oggi esploreremo in modo specifico il mondo del design dell'interfaccia utente e vediamo se possiamo individuare eventuali tendenze attualmente popolari. Quasi più di qualsiasi altra area di design, le interfacce sono estremamente soggette ai mutevoli capricci dei designer e se non sei nel ciclo, potresti ritrovarti a creare un'interfaccia utente che sembra obsoleta. Continua a leggere per vedere che cosa è di tendenza!
Le tendenze sono buone o cattive?
Le persone in genere leggono i post delle tendenze in due modi: come elenco di cose da provare o come elenco di clich da evitare. Qual è il modo corretto? Se qualcosa è una tendenza, vuol dire che è buono o cattivo?
La mia risposta è che le tendenze in generale sono abbastanza neutre. Non sono necessariamente intrinsecamente buoni o cattivi, semplicemente rappresentano ciò che molte persone pensano che sia cool al momento. Detto questo, le tendenze spesso raggiungono il punto in cui sono così abusate da lasciare l'amaro in bocca.
Per questo motivo, consiglio sempre a tutti i designer di guardarsi attorno e di prendere nota di ciò che è attualmente popolare nel design. Avere familiarità con questi costrutti renderà più facile fare il tuo lavoro, sia che tu stia cercando di adattarti al pubblico o di fare qualcosa di completamente unico (devi sapere cosa non è unico per creare qualcosa che sia).
Con questo in mente, diamo un'occhiata a quelle tendenze!
iOS Inspired Everything
È difficile dire che sia la piattaforma iOS di Apple? una certa estetica, ma in generale gli sviluppatori che lavorano duramente dietro le fantastiche app per iPhone e iPad che tutti conosciamo e amiamo hanno creato uno stile visivo piuttosto specifico, forse guidato da Apple, o forse Apple sta seguendo i ragazzi di terze parti.
Indipendentemente dal ripensamento dei layout multi-colonna widescreen a quello che alcuni hanno considerato un'estetica eccessivamente snouomorfa, in genere è possibile identificare un'interfaccia iOS quando la si vede. Almeno è così che era. Con Lion e il prossimo Mountain Lion, Apple ha integrato idee visive simili in OS X, e non sono certamente gli unici a saltare l'idea di portare questo stile al design dell'interfaccia utente desktop.
Lo splendido colpo di Dribbble di Robert van Klinken sopra è un esempio perfetto. Dato il design dei pulsanti e l'uso delle cuciture, direi che questa era un'app per iPad. Tuttavia, in realtà è un design per un'app di produttività basata sul web per computer desktop.
Anche se facciamo un passo indietro rispetto allo stile del realismo finto, ci sono molti altri esempi di interfacce utente di applicazioni web ispirate a Apple. Lo scatto qui sotto di Pontus Johansson è simile ai gradienti sempre più sottili nelle finestre del Finder e nei cromi delle app di OS X.
Sfondi in legno
Questo non è affatto nuovo, Garage Band ha mostrato una sorta di struttura in legno anni fa e sono sicuro che ci sono molti altri esempi prima. Tuttavia, questa tendenza è sicuramente al culmine della sua popolarità. In effetti, è probabilmente la cosa più vicina che il 2012 ha avuto sull'uso eccessivo del web 2.0 lucido di qualche anno fa.
Progettisti: Ix Techau, Pontus Johansson, Pavel Ma? Ek, Levi Wintering e Max Schwartz.
Il lungo e corto di esso: il legno è l'interfaccia utente di scelta al momento (anche se le trame di lino / tela sono anche estremamente popolari). Lo vedrai nelle app iOS, nelle app Mac, nelle app Web, nelle app Android; ovunque. Una delle cose che alimenta questa tendenza è la diffusa disponibilità di trame davvero fantastiche e libere.
Molto di questo è iniziato con un colpo di Matthew Skiles che è stato caricato su Dribbble nel lontano luglio del 2010. Era bello, dettagliato e libero da usare in qualsiasi progetto senza attribuzione.
Il risultato sono state alcune app che hanno scelto questo per le loro interfacce, il che ha portato gli altri a rilasciare trame simili e quelle raccolte dai progettisti di interfacce, e il ciclo continua ancora due anni dopo! Penso che questa tendenza sia abusata? Scommetti. Sono saltato a bordo da solo? Ovviamente!
Retro interfacce
Tutte le tendenze che abbiamo indicato finora sembrano prendere il "realismo"? prospettiva di rendere le interfacce software come interfacce fisiche reali. All'interno di questa tendenza, ci sono anche diverse sub-nicchie, la più sbavata di cui tende ad essere qualsiasi cosa retrò.
Designer: Callum Chapman, Mike | Creative Mints, G? Khan Kurt e Gianluca Divisi
I designer amano assolutamente ricostruire i dispositivi dei decenni passati usando i pixel. Ci sono sicuramente alti e bassi in quest'area dell'interfaccia utente. Alcune delle interfacce finiscono per sentirsi affrettate e goffe, con l'aspetto retrò che è più di un ostacolo fastidioso di qualcosa che favorisce in realtà l'esperienza.
Detto questo, alcune interfacce retro sono piacevoli da usare. Qui la componente retro è l'aspetto chiave della natura piacevole dell'applicazione. Ad esempio, nell'app Mac "Istantaneo", trascini le tue foto su una vecchia fotocamera Polaroid, che poi sputa fuori la foto mentre aspetti che si sviluppi? proprio come ai vecchi tempi. Non è l'ideale per l'elaborazione di foto normali ma per realizzare scatti Polaroid retrò, è super divertente.
Caselle di notifica
Sono sempre affascinato quando una forma di base decolla improvvisamente e diventa popolare. In un post dell'anno scorso, abbiamo osservato come le forme del nastro stavano prendendo il sopravvento sul web. In questi giorni, sto vedendo tonnellate e tonnellate di questa forma, che mi riferirò come una casella di notifica per mancanza di un termine migliore.
Come puoi vedere, è fondamentalmente solo una scatola con un triangolo che ne esce fuori. Il triangolo aiuta a legare il contenuto della scatola a un modulo, pulsante o altro pezzo di contenuto e può essere posizionato su qualsiasi bordo della scatola.Non mi credi che questa forma sia improvvisamente super popolare? Ecco alcuni esempi che ho trovato in circa due minuti di ricerca.
Designer: Morgan Allan Knutson, Jason Wu, Justalab e Mikael Eidenberg
Non riesco a individuarlo ora, ma ho visto persino una piccola app Web che consente agli utenti di personalizzare e generare questa forma in puro HTML e CSS. È strano come le cose piccole come queste si impadroniscano e all'improvviso le vedi dappertutto.
Aggiornare: Il sito di cui sopra è CSSArrowPlease. Grazie al commentatore Jack per averlo fatto notare!
UI bianco come la neve
Il? Minimo? il movimento è vivo e vegeto nel mondo dell'interfaccia utente, con molti designer che scelgono il percorso di andare quasi completamente incolore e optano invece per uno schema di colori completamente grigio chiaro o bianco.
Designer: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norm
Come puoi vedere negli esempi sopra, i pulsanti e gli elementi del modulo sono il territorio principale per questa tendenza. Sfumature sottili, profili di pixel singoli e ombre che spesso definiscono l'estetica. Il risultato è un'esperienza molto leggera e ariosa che sembra abbastanza formale.
È anche interessante notare la crescente popolarità dei kit di interfaccia utente. Non sono sicuro di chi fosse la prima persona a lanciare un mucchio di elementi dell'interfaccia utente in un download gratuito, ma l'idea ha sicuramente attirato e continua ad essere una delle preferite dei cercatori freebie ovunque.
Quali tendenze hai visto nella progettazione dell'interfaccia utente?
Questa raccolta è una dispersione di idee completamente casuale che ho visto molto ultimamente. Sono sicuro di aver perso un sacco di altre tendenze popolari in cui i designer dell'interfaccia utente stanno saltando e mi piacerebbe sentire il tuo feedback.
Che tipo di design hai visto molto recentemente? Trovi anche che il minimalismo di alcuni anni fa (ad es. Google) abbia portato a una risposta drammatica di interfacce realistiche come quelle provenienti dal campo di Apple iOS / OS X? Lascia un commento e facci sapere!