Blog

I framework di progettazione stanno uccidendo la diversità del web?

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.

Le nostre risposte
alle vostre domande

Apri o chiudi
Perché scegliere glueglue?

Siamo un’agenzia di prodotto digitale con più di 10 anni di esperienza e competenze altamente specializzate sia in ambito design che sviluppo.
Nel corso del tempo, abbiamo consolidato un metodo agile ed efficace per lavorare al meglio con tutti i tipi di clienti: dalla start-up che ha bisogno di un certo tipo di supporto alla multinazionale che desidera integrare un team dotato di agilità progettuale ed esecutiva, la nostra peculiarità più apprezzata.
Ci posizioniamo in una fascia di mercato medio alta e siamo in grado di offrire un ottimo rapporto qualità prezzo. La supervisione diretta da parte dei soci fondatori di glueglue di ogni progetto garantisce un’altissima qualità del servizio e del prodotto finito. Siamo nella top list delle migliori agenzie di User Experience e prodotto digitale su Clutch, il database delle agenzie di consulenza in ambito digital più utilizzato al mondo.

Apri o chiudi
Come lavora glueglue e quali sono le aree di competenza?

Iniziamo sempre da un’attenta analisi dei bisogni del cliente considerando non solo le esigenze di prodotto ma anche gli obiettivi di business a medio e lungo termine.
Come primo step, spesso ci occupiamo dell’identità visiva, valutando il posizionamento analizzando i competitor e individuando aree di miglioramento a livello di branding e di immagine.
Successivamente, passiamo all’area UX/UI: studiamo l’esperienza utente del tuo prodotto o servizio attraverso una UX Review con 3 professionisti dedicati per individuare i punti in cui è necessario agire per migliorare l’usabilità del sito o dell’app esaminati.
Nella fase seguente, progettiamo la User Journey Map, cioè la mappa di tutti i percorsi che l’utente segue, interagendo con il prodotto e il brand. Individuare tutti i punti di contatto è di importanza strategica per calarci in situazioni d’uso reale e capire dove si può davvero creare valore per l’utente finale e quindi per il prodotto.
Si passerà poi alla fase di realizzazione dei wireframe, con la condivisione di un prototipo interattivo che andrà a definire le funzionalità e la struttura di ogni singola pagina e interazione del prodotto.
Una volta consolidati i wireframe, si passerà alla fase di design dell’interfaccia grafica, curata nei minimi dettagli in modo da assicurare un’esperienza utente positiva e realmente soddisfacente.
A questo punto, entrano in gioco i nostri sviluppatori per la parte di implementazione. Utilizziamo le tecnologie più attuali come React, Flutter, Gatsby JS, Symfony, Node.JS e altri per realizzare prodotti con alti standard di qualità e stabilità, funzionanti e pixel perfect.

Apri o chiudi
Cosa distingue glueglue dalle altre agenzie top che si occupano di design o prodotto?

Per offrire il massimo valore, il team glueglue lavora su un numero limitato di progetti. In questo modo, i nostri professionisti possono dedicare un focus ininterrotto per ottenere sempre risultati eccellenti.
Ogni progetto è gestito sulla base di precise scadenze e meeting intermedi con il cliente. Ci prendiamo cura delle esigenze e delle potenzialità uniche di ogni prodotto e di conseguenza, ogni soluzione realizzata è esclusiva e altamente personalizzata.
Grazie all’esperienza di 10+ anni nel settore digital, abbiamo messo a punto un metodo di successo per raggiungere gli obiettivi più alti nelle aree che contano: strategia, progettazione e sviluppo.

Apri o chiudi
Potete occuparvi di web design?

Lavoriamo su tutti i tipi di prodotti digitali, dalle app iOS e Android alle webapp e piattaforme complesse.
Inoltre, una parte del team è specializzato nella creazione di marketing websites, cioè di siti web totalmente focalizzati sulla promozione del prodotto o dei servizi.

Apri o chiudi
Fate anche branding o devo cercare un'altra agenzia?

Essendo un’agenzia full-service, offriamo anche servizi di branding come naming e logo design. Tra le produzioni che realizziamo per i nostri clienti, spiccano le brand guidelines, cioè il dettagliato documento di linee guida per l’immagine aziendale. Siamo totalmente a nostro agio nel lavorare su guidelines esistenti o in collaborazione con un’agenzia di branding.

Apri o chiudi
Quanto costa affidarvi un progetto digital?

Ci piace essere sempre il più trasparenti possibile e crediamo che parlare apertamente del budget sia importante per capire come ottenere un valore aggiunto dalla partnership per entrambe le parti. Premesso questo, poiché ogni cliente ha le sue peculiarità e presenta sfide differenti, non utilizziamo un listino prezzi, ma investiamo del tempo per comprendere bene la realtà del cliente e fornire un approccio specifico e un prezzo adeguato.
Indicativamente, il prezzo dei progetti di design dell’esperienza utente e di interfaccia grafica possono variare in un intervallo compreso tra i 10.000€ e i 30.000€, a seconda di vari fattori come le esigenze del cliente e la complessità del progetto.
Il costo dei progetti in area Branding si posiziona tra i 5.000€ e i 15.000€, sempre tenendo in considerazione ogni eventuale peculiarità.
Per quanto riguarda invece la parte più tecnica, il costo per lo sviluppo di web e mobile app iOS e Android va dai 20.000€ in su.
Lo sviluppo di siti web si parte da un minimo di 10.000€. La nostra tariffa oraria media per singole consulenza è di 60€ all’ora.
Se vuoi conoscerci meglio, puoi pianificare 30 minuti gratuiti su appuntamento.

Apri o chiudi
Lavorate anche con startup early stage, quindi con risorse limitate?

Certamente, noi amiamo le startup! Abbiamo conosciuto nel tempo molti imprenditori illuminati e di grande talento.
Abbiamo investito in alcune startup, prediligendo il work for equity. La nostra esperienza è stata sempre positiva, contribuendo al raggiungimento di vari round di investimenti per un valore complessivo di oltre 30 milioni di Euro.

Parliamo di una partnership

Prenota una consulenza gratuita di 30 minuti (o anche di più se c'è feeling!)

Prenota ora