Negli ultimi anni abbiamo assistito alla nascita di framework reattivi diffusi, gli insiemi di componenti pronti all'uso volti a creare interfacce utente. La cosa interessante è che usandoli puoi impostare rapidamente un'interfaccia che funziona abbastanza bene su ogni dispositivo. Fa risparmiare tempo, denaro e grattacapi, ovviamente.
Tutto è iniziato con Bootstrap
Creato su Twitter nel 2010 è servito per la prima volta come guida di stile per lo sviluppo interno dell'azienda per oltre un anno prima della sua uscita pubblica, il 19 agosto 2011. Ricordo ancora nel 2011 quando mi sono imbattuto in getbootstrap.com – era qualcosa che ha cambiato il modo in cui progettiamo i siti web. Grazie a Bootstrap ho iniziato ad avere una corretta regola empirica quando ho iniziato a progettare una nuova interfaccia utente.
A volte è molto facile capire che un sito web è basato su bootstrap, ma a volte è quasi impossibile determinare a prima vista se un sito si basa su di esso o meno. Milioni di siti web sono stati creati su Bootstrap dalla sua uscita e abbiamo esempi rilevanti di aziende come Lyft, Nasa, Spotify, Newsweek, Vogue e molti altri.
Il quadro definitivo
Con Google Material Design il concetto stesso di framework è stato portato a un livello superiore. Non solo regole e componenti, ma styling e interazioni raffinate sono diventati parte di quello che è probabilmente il responsive framework più completo disponibile oggi sul web, un'espressione sensoriale di ciò che oggi è Google.
Lettore video00:0000:04Use Up/Down Arrow keys to increase or decrease volume.
L'uso massiccio di framework di progettazione apre grandi domande in termini di originalità. Il loro uso uccide la diversità? Vedremo siti web e app simili a muffe?Vediamo come trarre vantaggio da questi framework migliorando la nostra diversità
Preservare la diversità web
Concentrati sulle funzionalità
Un'interfaccia dovrebbe consentire agli utenti di gestire correttamente il tuo prodotto, un riflesso naturale delle caratteristiche del tuo prodotto. Non fingere di essere unico dal punto di vista dell'interfaccia se il tuo prodotto non lo è. Chi altro potrebbe usare un uccello come bottone? Questa caratteristica rende Twitter unico. Quando si progetta una nuova interfaccia è importante definire quali sono le caratteristiche distintive che vale la pena migliorare dal punto di vista dell'interfaccia utente.
Concentrati sui contenuti
Noi come umani siamo diversi ma condividiamo ancora una struttura fisica molto simile fatta di ossa. La struttura dovrebbe fungere da scheletro: essere tanto utile quanto invisibile dall'esterno. Concentrati sulla creazione di immagini, illustrazioni e video sorprendenti per dire al mondo chi sei e perché sei diverso. Heartbeats è un'esperienza interattiva che si muove al ritmo del tuo battito cardiaco. Si concentrano su un semplice linguaggio illustrativo che migliora l'esperienza complessiva.
Concentrati sui dettagli
Una piccola interazione può rendere unico il tuo prodotto. Conosci le emoticon fluttuanti di Periscopes? (ora li abbiamo anche su facebook live -_-) O con come su Mac OS le app si stanno letteralmente dissolvendo quando vengono trascinate fuori dal dock? Questi sono i dettagli che mi fanno innamorare di un prodotto. L'unicità è probabilmente uno dei valori più importanti che noi come persone e aziende dovremmo sforzarci di preservare e promuovere.
Credo che i framework siano di grande aiuto quando si tratta di creare qualcosa di nuovo. Ci permettono di spingerci oltre i confini concentrandoci su ciò che è veramente importante senza dover reinventare la ruota più e più volte.
L'unicità è probabilmente uno dei valori più importanti che noi come persone e aziende dovremmo sforzarci di preservare e promuovere.
Da un lato il loro utilizzo è un grande vantaggio in termini di processo, ma dall'altro, standard accessibili più elevati significano anche nuove sfide per i progettisti. Gli utenti oggi si aspettano la reattività e fluidità di un prodotto progettato da Apple o Google, la facilità di utilizzo di Uber: questo significa che ogni dettaglio è importante.
Se vogliamo corrispondere a questi nuovi standard in crescita, dovremmo andare oltre la semplice interfaccia pensando più a fondo a quali sono i nostri valori distintivi. Dovremmo considerare l'esperienza utente complessiva per renderla unica ed emergere dalla massa.
Il framework di progettazione ucciderà la diversità del web? Forse, ma sarebbe solo colpa nostra.