Tendenze interessanti nella progettazione dell'interfaccia utente
Sono sempre alla ricerca di nuove tendenze del design. È affascinante per me come alcune idee vengano raccolte da così tanti designer e implementate in innumerevoli modi diversi.
Oggi esploreremo in modo specifico il mondo della progettazione dell'interfaccia utente e vedremo se siamo in grado di individuare eventuali tendenze attualmente popolari. Quasi più di qualsiasi altra area del design, le interfacce sono estremamente soggette ai capricci mutevoli dei progettisti e se non sei in loop, potresti ritrovarti a creare un'interfaccia utente che sembra obsoleta. Continua a leggere per vedere cosa è di tendenza!
Esplora risorse di progettazione
Le tendenze sono buone o cattive?
Le persone in genere leggono i post sulle tendenze in due modi: come un elenco di esempi di cose da provare o come un elenco di cliché da evitare. Qual è il modo corretto? Se qualcosa è una tendenza, significa che è buono o cattivo?
La mia risposta è che le tendenze in generale sono abbastanza neutrali. Non sono necessariamente intrinsecamente buoni o cattivi, rappresentano semplicemente 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 un cattivo sapore in bocca.
Per questo motivo, consiglio sempre a ogni designer di guardarsi costantemente intorno e prendere nota di ciò che è attualmente popolare nel design. Conoscere questi costrutti renderà più facile il tuo lavoro, sia che tu stia cercando di adattarti alla folla o 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 ha ispirato tutto
È difficile dire che la piattaforma iOS di Apple "possiede" una certa estetica, ma in genere gli sviluppatori che lavorano duramente dietro le grandi 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 da ciò, dai ripensati layout multi-colonna widescreen a ciò che alcuni hanno considerato un'estetica eccessivamente scettomorfica, puoi in genere identificare un'interfaccia iOS quando ne vedi una. Almeno così è stato. Con Lion e l'imminente Mountain Lion, Apple ha integrato idee visive simili in OS X e certamente non sono le uniche a saltare sull'idea di portare questo stile nella progettazione dell'interfaccia utente desktop.
Lo splendido scatto Dribbble di Robert van Klinken sopra è un esempio perfetto. Dato il design dei bottoni e l'uso delle cuciture, giuro che si trattava di un'app per iPad. Tuttavia, in realtà è un progetto per un'app di produttività basata su Web per computer desktop.
Anche se facciamo un passo indietro rispetto allo stile del finto realismo, ci sono molti altri esempi di UI di applicazioni Web ispirate ad Apple. Lo scatto seguente di Pontus Johansson è simile ai gradienti sempre più sottili nelle finestre del Finder e nei cromi delle app di OS X.
Sfondi di legno
Questo non è affatto nuovo, Garage Band ha messo in mostra 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 al 2012 rispetto al look web 2.0 2.0 abusato di qualche anno fa.
Designer: Ix Techau, Pontus Johansson, Pavel Maček, Levi Wintering e Max Schwartz.
Il lungo e il corto: il legno è la trama dell'interfaccia utente preferita al momento (anche se le trame di lino / tela sono anche estremamente popolari). Lo vedrai in app iOS, app Mac, app Web, app Android; ovunque. Una delle cose che alimenta questa tendenza è la diffusa disponibilità di trame davvero fantastiche e gratuite.
Gran parte di questo è iniziato con uno scatto di Matthew Skiles che è stato caricato su Dribbble nel luglio del 2010. È stato bello, dettagliato e gratuito da usare in qualsiasi progetto senza attribuzione.
Il risultato è stato che alcune app lo hanno raccolto per le loro interfacce, il che ha portato altri a rilasciare trame libere 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!
Interfacce retrò
Tutte le tendenze che abbiamo sottolineato finora sembrano prendere la prospettiva del "realismo" di far sentire le interfacce software come interfacce fisiche del mondo reale. All'interno di questa tendenza, ci sono anche gravi nicchie, la più sbavata delle quali tende ad essere qualcosa di retrò.
Progettisti: Callum Chapman, Mike | Mente creativa, Gökhan Kurt e Gianluca Divisi
I progettisti adorano assolutamente ricostruire i dispositivi dai decenni passati usando i pixel. Ci sono sicuramente alti e bassi in questa area dell'interfaccia utente. Alcune delle interfacce finiscono per sentirsi affrettate e goffe, con l'aspetto retrò che è più un fastidio fastidioso di qualcosa che in realtà promuove l'esperienza.
Detto questo, alcune interfacce retrò sono assolutamente deliziose da usare. Qui il componente retrò è l'aspetto chiave della natura piacevole dell'applicazione. Ad esempio, nell'app Mac "Instant", trascini le tue foto su una vecchia fotocamera Polaroid, che quindi sputa la foto mentre aspetti che si "sviluppi" proprio come ai vecchi tempi. Non è l'ideale per la normale elaborazione fotografica 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 dello scorso anno, abbiamo esaminato come le forme del nastro stavano prendendo il controllo del web. In questi giorni, vedo tonnellate e tonnellate di questa forma, che chiamerò una casella di notifica per mancanza di un termine migliore.
Come puoi vedere, in pratica è solo una scatola con un triangolo che spunta da esso. Il triangolo aiuta a legare il contenuto della scatola a un modulo, pulsante o altro 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 l'altro giorno ho persino visto una piccola app Web che consente agli utenti di personalizzare e generare questa forma in puro HTML e CSS. È divertente come le piccole cose come questa prendano piede e all'improvviso le vedi ovunque.
Aggiornamento: il sito di cui sopra è CSSArrowPlease. Grazie al commentatore Jack per averlo segnalato!
UI Biancaneve
Il movimento "minimal" è vivo e vegeto nel mondo dell'interfaccia utente, con molti designer che prendono la strada per diventare quasi completamente incolore e invece optano per una combinazione di colori completamente grigio chiaro o bianco.
Designer: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norm
Come puoi vedere negli esempi precedenti, i pulsanti e gli elementi del modulo sono i territori principali di questa tendenza. Gradienti sottili, contorni a singolo pixel e ombre che sono spesso inseriti definiscono l'estetica. Il risultato è un'esperienza molto leggera e ariosa che sembra abbastanza formale.
È anche interessante notare la sempre crescente popolarità dei kit UI. Non sono sicuro di chi sia stato il primo a lanciare un sacco di elementi dell'interfaccia utente in un download gratuito, ma l'idea ha sicuramente preso piede e continua ad essere la preferita dei cercatori di omaggi ovunque.
Quali tendenze hai visto nella progettazione dell'interfaccia utente?
Questa raccolta è una dispersione completamente casuale di idee che ho visto molto ultimamente. Sono sicuro di aver perso un sacco di altre tendenze popolari su cui i progettisti dell'interfaccia utente stanno saltando e mi piacerebbe sentire il tuo feedback.
Che tipo di design hai visto molto di recente? Ritieni inoltre che il minimalismo di alcuni anni fa (ad esempio Google) abbia portato a una risposta drammatica di interfacce realistiche come quelle provenienti dal campo Apple iOS / OS X? Lascia un commento e facci sapere!
