Con l\u2019aumento continuo dei punti di contatto tra utente e brand \u00e8 sempre pi\u00f9 importante riuscire a mantenere coerenza e uniformit\u00e0 nella digital experience su tutta la linea.<\/p>\n
Siamo ormai sempre pi\u00f9 immersi in una vita digitale multicanale (computer, smartphone, tablet, smartwatch, smartTV ecc) e ci\u00f2 rende necessario per le aziende cercare un approccio strutturato per costruire e mantenere un’efficace\u00a0esperienza utente, indipendente dal dispositivo.\u00a0Un sistema di progettazione (Design System) consente di conseguire questo obiettivo, aumentando l’efficienza nel modo in cui progettiamo e realizziamo i prodotti.<\/p>\n
Nel libro \u201cDesign System Handbook\u201d prodotto da Invision ne troviamo un\u2019interessante e chiara definizione, che riassumiamo cos\u00ec:<\/p>\n
Un Design System \u00e8 una raccolta di componenti che possono essere assemblati insieme per costruire applicazioni e siti web. Il Design System permette ai team di progettazione e di sviluppo di costruire prodotti migliori e in modo pi\u00f9 veloce, grazie alla possibilit\u00e0 di creare design riusabile e quindi scalabile.<\/p><\/blockquote>\n
\n<\/strong>Nuovamente nuovo<\/h3>\nDesign System \u00e8 un’ espressione inglese di tendenza per un concetto in realt\u00e0 non nuovissimo: rappresenta sostanzialmente l’evoluzione digitale della\u00a0ricerca di standard visuali<\/strong>\u00a0e\u00a0modelli di design<\/strong>\u00a0per creare prodotti complessi in modo pi\u00f9 rapido e coerente.<\/p>\n
Possiamo trovare alcune evidenza di questa ricerca nel passato pi\u00f9 o meno remoto: Il\u00a0Grid System\u00a0della Scuola Svizzera, il\u00a0Modulor\u00a0di Le Corbusier (anni 50) o gli schemi architettonici (design patterns) di\u00a0Christopher Alexander. Nel mondo digital pi\u00f9 recente ricordiamo il\u00a0Modular Web Design\u00a0di Nathan Curtis (2009) e il celebre\u00a0Atomic Design<\/strong>\u00a0di Brad Frost (2013) che ridefinisce la progettazione web a partire da elementi di base (atomi) fino ad arrivare a strutture molto complesse ma coerenti (citiamo anche l’ulteriore evoluzione\u00a0Atomic Kitchen\u00a0proposta da\u00a0Thomas Sokolowski).<\/p>\n
Lo scopo<\/h3>\n
L’obiettivo \u00e8 di creare una struttura razionale degli elementi\u00a0visuali (ma non solo)\u00a0fatta di\u00a0componenti riusabili,\u00a0con molti vantaggi nella progettazione e nella manutenzione di ogni elemento ma anche nella maggiore coerenza e comprensione da parte degli utenti finali. Lo scopo di un Design System \u00e8 quello di creare un\u00a0linguaggio comune e condiviso: un approccio strutturato che punta all\u2019ottimizzazione della brand experience in un ecosistema digitale in continuo mutamento.<\/p>\n
Il Design System \u00e8 un insieme di regole e linee guida che aiutano a mantenere continuit\u00e0 nella UX in tutti i touch-point presenti e futuri.<\/strong><\/h3>\n
Com’\u00e8 fatto un Design System?<\/h3>\n
Un Design System pu\u00f2 includere tutto ci\u00f2 che riguarda l\u2019identit\u00e0 di un brand, anche ci\u00f2 che non \u00e8 specificatamente visual (ad esempio vision,\u00a0 mission, tono di voce). A seconda dei casi e delle esigenze possiamo avere Design System pi\u00f9 o meno complessi ma normalmente sono composti da varie sezioni:<\/p>\n
\n
- Principi generali del design<\/li>\n
- Linee guida relative all\u2019esperienza utente (UX)<\/li>\n
- Componenti e linee guida dell’interfaccia utente (UI)<\/li>\n
- Modelli di pagina<\/li>\n
- Voce e tono di voce<\/li>\n
- Risorse e documentazione<\/li>\n<\/ul>\n
Quali sono i vantaggi?<\/h3>\n
Il Design System rappresenta internamente ed esternamente la fonte di conoscenza visuale e interattiva del brand.\u00a0I componenti di un Design System possono essere riutilizzati e ricombinati, permettendo di mantenere coerenza in tutta la Brand Digital Experience. Come gi\u00e0 evidenziato, i vantaggi sono per tutti gli stakeholder: azienda, team di sviluppo, utente finale.<\/p>\n
Coerenza<\/h4>\n
Un Design System permette di progettare interfacce coerenti e consistenti, in modo che l\u2019utente riconosca e comprenda le modalit\u00e0 di interazione di qualunque servizio o interfaccia,.. \u201c\u00c8 l’esperienza\u00a0coerente\u00a0che crea fiducia nel brand e la fiducia \u00e8 la base per la fidelizzazione e la promozione<\/em>\u201d (Forbes).<\/p>\n
Efficienza<\/h4>\n
Internamente, un Design System permette di lavorare su regole e pattern condivisi; aiuta perci\u00f2 l\u2019allineamento di tutti gli stakeholder aumentando l\u2019efficienza nella produzione di prodotti digitali. Un buon sistema di progettazione UX impedisce a un team di ricostruire pi\u00f9 volte gli stessi elementi, evitando errori inutili.<\/p>\n
Scalabilit\u00e0<\/h4>\n
Una maggiore efficienza porta a un processo di sviluppo scalabile ed inoltre permette una pi\u00f9 facile condivisione della conoscenza nei team.<\/p>\n
Migliore attenzione al cliente<\/h4>\n
Designer e sviluppatori possono dedicare pi\u00f9 tempo alla creazione della migliore esperienza utente.<\/p>\n
<\/p>\n
\u201cLa semplice verit\u00e0 \u00e8 che non puoi creare prodotti innovativi se prima non innovi il modo con cui li crei.\u201d
\n<\/strong>(Da Airbnb Design Language System)<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"Con l\u2019aumento continuo dei punti di contatto tra utente e brand \u00e8 sempre pi\u00f9 importante riuscire a mantenere coerenza e uniformit\u00e0 nella digital experience su tutta la linea. Siamo ormai sempre pi\u00f9 immersi in una vita digitale multicanale (computer, smartphone, tablet, smartwatch, smartTV ecc) e ci\u00f2 rende necessario per le aziende cercare un approccio strutturato […]<\/p>\n","protected":false},"author":40,"featured_media":21034,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[914],"tags":[169,265],"class_list":["post-20551","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-it","tag-branding","tag-design-systems"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/20551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/comments?post=20551"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/20551\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media\/21034"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media?parent=20551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/categories?post=20551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/tags?post=20551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}