Crea Design System, non Pagine.

In questo momento, tutta la nostra industria sta affogando in un mare di dispositivi, dimensioni di finestre e ambienti online. Un prodotto digitale deve essere accessibile in modo ottimale su tutti i dispositivi, indipendentemente dalle dimensioni dello schermo e dal tipo di supporto.

Allora perché stiamo ancora progettando i nostri prodotti per “pagina” o per schermo ?!

Cosa stiamo sbagliando?

Questo modo di pensare e comunicare tende a farci ragionare e progettare un prodotto nel modo errato. Dovremmo “pensare” i nostri prodotti indipendentemente dal contesto e dal supporto su cui lo visualizziamo.

Errore!

Parlando di “pagine” per un prodotto digitale si rischia di comunicare, al nostro interlocutore, un’interfaccia e un’esperienza utente incoerente e scadente.

Questi sono solo alcuni dei dispoditivi di cui dobbiamo preoccuparci. — Fonte: Atomic Design

Design System.

Un Design System (o sistema di progettazione) è un set di regole in continua evoluzione che regola la composizione di un prodotto, ovvero una raccolta di componenti riutilizzabili, guidati da standard chiari, che possono essere assemblati insieme per creare un numero illimitato di applicazioni.

“Non comprende solo cosa progettiamo, ma anche perché oltre al design di un sistema è fondamentale creare un’eccezionale esperienza utente. Questo definendo e aderendo a standard.”

– Marco Suarez, Product Designer di InVision

image by Jack Morgan for Duolingo

Ma perché dovrei creare un Design System? Quali sono i vantaggi?

Il Design System consente ai team di creare prodotti migliori, più velocemente e rendendo riutilizzabile il design, cioè scalabile. Questo è il valore primario di un Design System.

“I sistemi di progettazione rappresentano un enorme cambiamento nel panorama del design e dello sviluppo. Gli sviluppatori si muovono più velocemente, i designer non devono reinventare la ruota e, in definitiva, gli utenti hanno una migliore esperienza. “

– Katie Sylor-Miller, Staff Software Engineer e Frontend Systems di Etsy

Ma ci sono altri vantaggi che un sistema di progettazione può portare.

Linguaggio comune e condiviso.

Con l’aumentare del numero di persone che lavorano su un progetto, diventa sempre più facile che si verifichino interruzioni nelle comunicazioni. Non è raro che figure diverse diano nomi diversi allo stesso modulo e questo può portare a un linguaggio visivo frammentato.

Debito progettuale.

Con l’utilizzo di un design system, inoltre si abbatterà il debito progettuale, che è costituito da una sovrabbondanza di stili e convenzioni non riutilizzabili e incoerenti. Così manterrai basso il costo del progetto consentendoti comunque di far crescere ed evolvere la tua applicazione.

Costante progettazione e aggiornamento.

“Il 69% delle aziende utilizza un design system o sta lavorando per crearlo”.

Molto spesso un artefatto statico diventerà quasi immediatamente obsoleto. Ecco perché aziende, come Atlassian, Salesforce, Airbnb o Google con il Material Design costruiscono un design system, che documenta tutti gli aspetti del prodotto, inclusi i componenti, le linee guida e le best practice di UX. Aggiornandolo in modo continuo.

“I sistemi di progettazione sono in continua evoluzione e anche il modo in cui condividi e incoraggi l’adozione di nuove iterazioni si evolverà lungo il cammino.”

– Diana Mounter, Responsabile dei sistemi di progettazione presso GitHub

I componenti standardizzati consentono inoltre ai designer di dedicare meno tempo allo stile e più tempo a sviluppare una migliore esperienza utente. Componenti standard utilizzati in modo coerente creano un’applicazione più prevedibile e facile da capire.

Usabilità migliore.

Un’interfaccia incoerente ostacola l’usabilità e genera una pessima esperienza utente. Quando creiamo innumerevoli stili unici per gli elementi dell’interfaccia, generiamo conflitto e aumentiamo anche il peso della nostra schermata, rallentandone il caricamento. Utilizzando un sistema di progettazione, puoi evitare questi conflitti creando una libreria di componenti.

Prototipazione rapida e iterazioni più veloci.

Lavorare con un design system consente di raggruppare flussi e interazioni rapidamente tanto quanto estrarre i mattoncini LEGO da un contenitore e creare costruzioni sempre diverse. Ciò consente di creare una quantità infinita di prototipi diversi tra loro.

Per concludere.

Un sistema di progettazione consente di concentrarsi separatamente sui componenti che compongono il sistema, scollegandoci dall’aspetto del layout, aiutandoci a non rimanere bloccati nei classici breakpoint dei dispositivi Apple e costringendoci a progettare la variazione di esperienze viewport contemporaneamente, non uno dopo l’altro.

Se vi è piaciuta la mia Story non dimenticatevi di 👏👏👏.

I’m Nicolas Ciotti an Italian Freelance Designer and co-founder of dandan studio. I love everything related to digital design. | nicolasciotti.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store