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.

Nos bureaux

Milano
Via Santa Marta 19/A, Milano
+39 02 829 40378
Paris
3 Rue Dangeau, Paris
+33 1 87 65 24 05

Nos partenariats

Nous sommes la seule entreprise italienne partenaire de Google Flutter. Nos partenariats et reconnaissances sont la force vitale de notre travail : de Stripe à Google, nous choisissons l'excellence pour garantir une valeur continue à nos clients.

Nos réponses
à vos questions

Apri o chiudi
Pourquoi choisir glueglue ?

Nous sommes une agence de produits numériques avec plus de 10 ans d'expérience et des compétences avancées en design et développement.
Nous avons perfectionné une méthode agile et efficace, adaptée aussi bien aux startups qu'aux grandes entreprises, garantissant rapidité d'exécution et qualité constante.
Nous nous positionnons dans le segment moyen-haut de gamme du marché, offrant un excellent rapport qualité-prix. Chaque projet est suivi directement par les associés fondateurs, pour assurer des résultats excellents.
Nous sommes parmi les meilleures agences d'expérience utilisateur et de produits numériques sur Clutch, la principale base de données mondiale du conseil numérique.

Apri o chiudi
Comment travaille glueglue et quels sont les domaines de compétence ?

Nous partons d'une analyse approfondie des besoins, en considérant les objectifs produit et business à moyen-long terme.
Nous commençons souvent par l'identité visuelle : nous évaluons le positionnement, analysons les concurrents et identifions les opportunités d'amélioration de la marque et de l'image.
Nous passons ensuite à l'UX/UI : nous effectuons une UX Review avec des professionnels pour identifier les domaines d'intervention et améliorer l'utilisabilité du site ou de l'application.
Nous concevons la User Journey Map, en cartographiant tous les points de contact pour comprendre les cas d'usage réels et où créer de la valeur concrète.
Nous réalisons les wireframes et partageons un prototype interactif qui définit les fonctionnalités, la structure et les interactions de chaque page.
Une fois les wireframes consolidés, nous soignons le design de l'interface dans les moindres détails pour garantir une expérience agréable et cohérente.
Enfin, nos développeurs implémentent le produit avec des technologies actuelles comme React, Flutter, Symfony, Svelte, Node.js et d'autres, assurant qualité, stabilité et pixel-perfect.

Apri o chiudi
Utilisez-vous l’intelligence artificielle ?

Oui, sur deux fronts. Dans notre méthode, où elle aide les designers à explorer et comparer plusieurs directions en quelques heures au lieu de plusieurs jours, et les développeurs à accélérer les phases répétitives et à relever le niveau de qualité avec des revues et des tests plus larges.
Et dans les produits que nous construisons pour nos clients : analyse de documents et de fichiers, modèles prédictifs, compréhension de textes non structurés, recherche sémantique, assistants et automatisations.
Pour nous c’est un multiplicateur, pas un raccourci : les personnes restent au centre et chaque fonctionnalité d’IA a une métrique de succès définie avant d’être écrite. Découvrez comment nous utilisons l’IA.

Apri o chiudi
Qu'est-ce qui distingue glueglue des autres agences de design ou de produit de premier plan ?

Nous travaillons sur un nombre limité de projets pour consacrer une attention continue et obtenir d'excellents résultats.
Nous gérons chaque projet avec des échéances claires et des réunions périodiques, en construisant des solutions sur mesure, réellement personnalisées.
Avec plus de 10 ans d'expérience dans le numérique, nous adoptons une méthode éprouvée qui maximise les résultats en stratégie, conception et développement.

Apri o chiudi
Pouvez-vous vous occuper de web design ?

Oui. Nous travaillons sur des applications iOS/Android, des webapps et des plateformes complexes.
Une équipe dédiée réalise également des sites web marketing, conçus pour promouvoir efficacement des produits ou des services.

Apri o chiudi
Faites-vous aussi du branding ou dois-je chercher une autre agence ?

Nous sommes une agence full-service et offrons des services de branding comme le naming et le design de logo.
Nous produisons des brand guidelines complètes et travaillons aussi bien sur des lignes directrices existantes qu'en collaboration avec d'autres agences de branding.

Apri o chiudi
Combien coûte la réalisation d'un projet digital ?

Nous privilégions la transparence : parler ouvertement du budget permet de créer de la valeur pour les deux parties. Chaque client a des besoins différents, c’est pourquoi nous n’utilisons pas de grille tarifaire fixe. Nous analysons le contexte et proposons une approche sur mesure, avec un investissement juste et adapté. Nos projets de UX/UI design démarrent à partir de 15 000 €, tandis que les missions de branding commencent à 8 000 €. Le développement d’applications mobiles nécessite un investissement à partir de 40 000 €, les applications web à partir de 30 000 €, et les sites web à partir de 15 000 €. Notre tarif horaire moyen pour les missions de conseil est de 70 €/heure.

Apri o chiudi
Travaillez-vous aussi avec des startups en phase de démarrage, donc avec des ressources limitées ?

Absolument : nous aimons les startups et collaborons souvent avec des entrepreneurs talentueux.
Nous avons investi dans plusieurs entités, en privilégiant le work for equity, contribuant à des tours de financement pour plus de 30 millions d'euros.

Parlons de votre projet

Racontez-nous qui vous êtes et quels sont vos défis les plus ambitieux

Contactez-nous