Il passato è ancora presente: una panoramica del design senza tempo

L'industria del design digitale sta maturando. Con le migliori pratiche consolidate e l'avvento dei sistemi di progettazione, è ora possibile aspirare a una vita progettuale più lunga per i prodotti che creiamo. Possiamo puntare ai classici digitali invece che a meraviglie uniche.

Il design industriale è il figlio del manifesto della longevità. Il fascino senza tempo di uno scooter Vespa. I contorni iconici di una bottiglia di Coca-Cola. Gli angoli eleganti di una poltrona lounge Eames. Ci sarà mai un design digitale equivalente alle meraviglie senza età del mondo del design industriale? Un'interfaccia utente può resistere ai decenni come una fotocamera Leica?

Improbabile, sembra essere la risposta. Gli oggetti fisici, una volta costruiti, non hanno bisogno di rinnovare i nomi di dominio o di stare al passo con gli standard web per esistere. Il design senza tempo deve essere costruito su basi senza tempo, ma il digitale è sempre in evoluzione.

Tuttavia, la durata di conservazione dei design digitali può essere estesa. Anche mentre la tecnologia sottostante continua ad evolversi.

Obiettivo per un design senza tempo

Non sorprende che i sistemi di progettazione stiano esplodendo in popolarità. Un sistema di progettazione accuratamente realizzato conferisce anche al prodotto in più rapida evoluzione un chiaro insieme di principi senza tempo. I componenti dell'interfaccia utente possono cambiare nel tempo, ma la sensazione del prodotto può rimanere coerente per molti anni, anche quando il prodotto matura. Flessibilità e longevità. Questa è una vittoria per tutti.

Candidati per la Digital Design Hall of Fame

La longevità nel design digitale non è un sogno irrealizzabile. È la nostra realtà attuale e, come altri hanno dimostrato, è possibile che le interfacce invecchino come un buon vino.

Design dei materiali di Google (2014)

L'avvento del Material Design ha segnato una svolta nel design digitale. Per la prima volta, un attore importante come Google ha creato da zero un linguaggio di progettazione. Non solo, ha dato potere ai designer fornendo linee guida e strumenti per implementare il linguaggio nel proprio lavoro.

Ispirato dalla carta, Material Design ha rivoluzionato il modo in cui concepiamo il design per il mondo digitale. Prendendo in prestito caratteristiche del mondo fisico, come ombre e antichi principi di animazione, Material Design si basa su segnali visivi familiari senza far girare le ventole della GPU. Non stiamo più replicando trame in pelle o riflessi iperrealistici che causano l'arresto delle schede del browser.

Takeaway: il mondo fisico può influenzare la progettazione digitale, ma deve adattarsi alle caratteristiche della tecnologia sottostante.

GOV.UK (2013)

Dotato di un proprio sistema di progettazione completo, GOV.UK è stato tra i primi siti Web governativi incentrati sull'utente e ha messo l'accessibilità e la progettazione delle informazioni sulla mappa.

Insipido, qualcuno potrebbe dire, ma il team di progettazione non ha mai mirato all'estetica. Al contrario, l'obiettivo era la progettazione delle informazioni: fornire agli utenti le informazioni di cui hanno bisogno per completare le attività in un tempo minimo. Senza fronzoli, senza fronzoli. Tale semplicità radicale ha reso GOV.UK un classico istantaneo.

Takeaway: le interfacce utente non devono essere belle per avere successo.

iOS 7 (2013)

L'originale iOS del 2007 merita la sua voce, ma è stato solo con iOS 7 che Apple ha salutato lo skeuomorphism e ha abbracciato il design piatto. Addio, venature del legno. Ciao, semplicità sbalorditiva. iOS è cresciuto.

Ad essere onesti, Android ha aperto la strada con la sua implementazione di un design piatto e probabilmente presentava una migliore animazione. Tuttavia, Apple ha raggiunto e creato un'estetica del design digitale che è stata successivamente estesa sia ai sistemi operativi Mac che a iPad.

Apple non ha abbandonato completamente gli effetti skeuomorfici in iOS 7. L'app per le note presenta ancora una sottile trama della carta e l'app meteo aggiorna lo sfondo per riflettere la luce del giorno e le condizioni meteorologiche. Tuttavia, l'interfaccia 2D non è più obbligata a essere qualcosa che non è.

Takeaway: il design piatto è il re per le interfacce utente 2D.

Trello (2011)

Senza contare i miglioramenti dell'usabilità, il coltellino svizzero delle app digitali è appena cambiato in quasi un decennio. Mentre i prodotti concorrenti sono nati promettendo "tutte le funzionalità", Trello ha mantenuto la sua posizione ed è rimasto popolare grazie alla sua semplicità.

Invece di sovraccaricare le funzionalità, Trello ha offerto un ecosistema di plug-in in grado di soddisfare le esigenze di nicchia di alcuni utenti senza sovraccaricare l'interfaccia utente per la maggior parte. Trello è un manifesto della regola 80/20 nel design (alias "Il principio di Pareto").

Takeaway: itera attentamente e applica la regola 80/20.

Google Chrome (2008)

Se lo slogan di Volkswagen è "Das Auto", quello di Chrome dovrebbe essere "Il browser web". Google ha preso un tipico browser web, ha rimosso tutto ciò che non era essenziale, lo ha reso incredibilmente performante e ha superato il mercato.

Il principale contributo di Google in questo caso è stato quello di rendere le prestazioni un must per tutti i prodotti digitali futuri. La comprensione dei limiti dell'hardware e del browser e la ricerca di 60 fps fluidi come la seta è ciò che rende il design digitale fondamentalmente diverso dalla stampa o dal design industriale. Il successo di Chrome è una testimonianza dell'importanza delle prestazioni per un'esperienza utente eccezionale.

Takeaway: la semplicità e le prestazioni da sole possono vincere a lungo termine.

Campo base (2003)

Basecamp si è fatto un nome andando contro il dogma della Silicon Valley di finanziamento di capitale di rischio, crescita esponenziale e uscite anticipate. La loro dedizione a prodotti sostenibili a lungo termine si riflette nel design di Basecamp 3.

I designer possono aiutare a creare prodotti che resistono alla prova del tempo, ma sono impotenti se i CEO non apprezzano i prodotti progettati per invecchiare con grazia. Tra i produttori di prodotti digitali di oggi, è raro trovare aziende che praticano un processo decisionale attento o si rifiutano di inseguire ogni nuova tendenza. Basecamp è un'eccezione.

Takeaway: le aziende sostenibili creano prodotti sostenibili.

Google (1998)

Ripensando alle prime iterazioni della home page di Google, ci è voluto circa un anno per creare l'iconico layout che ora è riconosciuto a livello globale e utilizzabile a colpo sicuro.

La home page di Google è un raro prodotto digitale in cui qualcuno dalla fine del 20° secolo potrebbe essere teletrasportato fino ai giorni nostri, interagire con l'interfaccia utente e non notare nemmeno cosa è cambiato.

Takeaway: i grandi prodotti possono evolversi, piuttosto che reinventarsi, e mantenere comunque la loro posizione di leadership nel mercato.

2001: Odissea nello spazio (1968)

Il capolavoro di Stanley Kubrick era in parti uguali film hollywoodiano e visione futuristica. Le previsioni del futuro sono generalmente distorte dal presente, dando vita a idee banali che sembrano comiche col senno di poi. È notevole come i concetti fossero fuori dagli schemi in 2001: Odissea nello spazio , come la previsione di display touch screen, tablet simili a iPad e interfacce a controllo vocale.

Sorprendentemente, i design dell'interfaccia utente sembrano ancora rilevanti anche se sarebbero passati altri cinque anni prima che Xerox PARC iniziasse a sperimentare le prime iterazioni di un'interfaccia utente grafica, test che in seguito sarebbero stati la base dei sistemi operativi Microsoft e Apple.

Le interfacce concettuali del film presentavano qualcosa di simile a un'estetica di design piatto. Ci sono voluti altri quattro decenni prima che Apple abbandonasse lo skeuomorphism e seguisse l'esempio. Che si tratti di una previsione deliberata o di una limitazione delle capacità grafiche dell'epoca, gli scorci delle interfacce suonano autentici fino ad oggi.

Takeaway: Stanley Kubrick è un genio.

Principi per la progettazione digitale duratura

Non esistono principi formalizzati per la creazione di interfacce digitali "senza tempo", non sorprende in un settore basato sul motto "muoviti velocemente e rompi le cose". Ma se ci fossero dei principi guida, dovrebbero essere universali, adattabili alla tecnologia, semplici e pragmatici.

Universalità

Un modo per incoraggiare la sopravvivenza a lungo termine dei prodotti digitali è renderli utilizzabili dal pubblico più ampio possibile. Ciò significa progettare per accessibilità, prestazioni e inclusività. Man mano che i prodotti diventano più ampiamente adottati, dovrebbero essere offerte esperienze multilingue.

Adattivo alla tecnologia

Piuttosto che forzare visioni creative sulla tecnologia sottostante, il design adattivo alla tecnologia funziona in collaborazione con la tecnologia sottostante. Nel web design, ciò significa rinunciare alle animazioni che riducono la frequenza dei fotogrammi a 10 fps o non ricreare le superfici fisiche in HTML, CSS e JS.

Semplice senza fronzoli

Questo non vuol dire che la longevità richieda che i prodotti siano ridotti o limitati a un certo numero di funzionalità. Tuttavia, significa che le caratteristiche sono scelte deliberatamente e tenendo presente l'esperienza olistica. Applica la regola 80/20 e pecca per semplicità in caso di dubbio.

Pragmatico

I design digitali hanno molto in comune con le piante in termini di longevità. Come le piante, hanno bisogno di essere costantemente annaffiate per sopravvivere. Se Google dovesse andare in bancarotta e chiudere, i suoi prodotti chiuderebbero con esso. Non è vero per i prodotti fisici. Un'auto prodotta da un'azienda che non esiste più in un paese che non esiste più può ancora essere utilizzata se è ben tenuta. I designer industriali possono essere sicuri che il loro lavoro sopravviverà loro. Non così per i designer digitali.

Inoltre, molte startup sono in modalità sopravvivenza. Non hanno le risorse per esplorare come aggiungere anni di vita extra alle loro interfacce. Il più delle volte, i designer digitali vedranno il loro lavoro morire prima di vederlo invecchiare.

In tali circostanze, la longevità non è la prima, la seconda e nemmeno la quinta priorità della progettazione di prodotti digitali. I prodotti devono superare i primi anni di esistenza prima di potersi preoccupare di invecchiare bene.

Ma piccole decisioni possono portare i prodotti sulla strada giusta. Quando c'è tutto il tempo, crea un sistema di progettazione coerente. Quando il tempo è poco, estendi o personalizza i sistemi esistenti. Segui le migliori pratiche. Applicare il principio 80/20. Questi sono piccoli modi in cui il design digitale può essere spinto verso la longevità, anche in ambienti frenetici e ad alta pressione.

Design per la longevità

I designer digitali farebbero bene a riconoscere il valore della creazione di un'opera che mantenga la pertinenza per gli anni a venire. Forse invece di ossessionarsi per le ultime tendenze, l'industria dovrebbe applaudire il lavoro che ha superato la prova del tempo.

Le interfacce utente potrebbero non avere mai il fascino nostalgico di un vecchio scooter Vespa robusto, ma i prodotti digitali possono comunque migliorare la vita. Più a lungo lo fanno, più è probabile che lascino un'eredità che durerà per decenni a venire.

Fateci sapere cosa ne pensate! Si prega di lasciare i vostri pensieri, commenti e feedback qui sotto.

• • •

Ulteriori letture sul blog di Toptal Design:

• Esplorare i principi della Gestalt del design
• I principi del design e la loro importanza
• Le vere e provate leggi della UX (con infografica)
• Arte vs Design: un dibattito senza tempo
• Smetti di fare spazzatura: una guida alla progettazione di interfacce che durano