Què és un sistema de disseny?

Un sistema de disseny és un conjunt de principis, patrons i components reutilitzables que ajuden dissenyadors i desenvolupadors a crear experiències digitals coherents. Aquests sistemes inclouen:

• Llibreries de components UI: botons, formularis, taules i altres elements visuals predefinits.
• Guies d’estil: tipografia, colors, iconografia i espais per garantir uniformitat.
• Principis de disseny: regles i recomanacions per assegurar una bona experiència d’usuari.
• Documentació i bones pràctiques: materials per facilitar la implementació i adopció del sistema.

Un bon sistema de disseny no només eleva la qualitat de les interfícies, sinó que també optimitza els processos interns, permetent que els equips treballin amb més eficiència i col·laboració. Un dels seus grans avantatges és la reducció del temps de desenvolupament, ja que, en disposar de components predefinits i aprovats, els equips poden focalitzar-se en la funcionalitat en lloc de crear elements visuals des de zero.

A més, facilita el manteniment gràcies a una documentació clara i estructurada, cosa que permet implementar actualitzacions i millores sense comprometre la coherència de la interfície.

La col·laboració entre dissenyadors i desenvolupadors també es veu beneficiada, ja que compartir un mateix llenguatge visual redueix friccions i malentesos durant el procés de creació. Finalment, en projectes grans o en organitzacions amb múltiples equips, un sistema de disseny assegura l’escalabilitat i garanteix una experiència d’usuari coherent a través de totes les plataformes i dispositius, mantenint la uniformitat i eficiència en tot el procés de desenvolupament digital.

Qui pot utilitzar un sistema de disseny?

En desplegar un sistema de disseny, diversos perfils professionals en poden treure profit:

• Dissenyadors UX/UI: per mantenir la coherència visual i d’usabilitat.
• Desenvolupadors: per agilitzar la seva feina amb components predefinits.
• Product managers: per assegurar que les interfícies compleixin els objectius del producte.
• Equips de màrqueting i comunicació: per garantir que la identitat visual es mantingui intacta en diferents canals.
• Responsables d’accessibilitat: per garantir que les aplicacions compleixin els estàndards d’inclusió digital.

L’adopció d’un sistema de disseny permet que els diferents departaments treballin sota una mateixa estructura visual i funcional, facilitant la col·laboració i la coherència global.

Quan és útil un sistema de disseny?

Un sistema de disseny resulta útil en diverses situacions dins d’una empresa. Quan una organització gestiona múltiples productes digitals, com aplicacions i webs, esdevé essencial per garantir una experiència d’usuari coherent i unificada. També és fonamental en equips grans i distribuïts, ja que assegura que tots treballin sota els mateixos estàndards visuals i d’usabilitat, evitant inconsistències. A més, facilita l’escalabilitat i l’eficiència, permetent accelerar el desenvolupament gràcies a la reutilització de components provats i optimitzats. Aquesta estructura també contribueix a millorar l’accessibilitat, garantint que els productes digitals compleixin els estàndards inclusius i siguin fàcils d’utilitzar per a tothom.

D’altra banda, l’adopció d’un sistema de disseny comporta un estalvi de temps i costos, reduint la duplicació d’esforços i minimitzant errors en la creació de nous dissenys. Més enllà d’aquests avantatges tècnics i operatius, també ajuda a establir criteris clars en la interfície d’usuari, fent que la navegació sigui més intuïtiva i millorant significativament l’experiència global dels usuaris finals.

El paper de Figma en la creació de sistemes de disseny

L’eina de disseny Figma s’ha convertit en una eina essencial per al disseny col·laboratiu i la creació de sistemes de disseny. Amb Figma, els equips poden:

• Crear i compartir llibreries de components en temps real.
• Prototipar i validar dissenys abans de la implementació.
• Facilitar la col·laboració entre dissenyadors i desenvolupadors.
• Assegurar que tots els elements visuals s’ajustin a les guies establertes.
• Treballar de manera sincronitzada en un mateix espai de treball.

Cas d’ús: El sistema de disseny de la Generalitat de Catalunya

Un bon exemple d’aplicació d’un sistema de disseny és el cas de la Generalitat de Catalunya. Amb la voluntat de millorar la coherència i usabilitat dels seus serveis digitals, han desenvolupat un sistema de disseny propi que recull components reutilitzables, guies d’estil i recomanacions d’accessibilitat.

Aquest projecte neix de la necessitat de modernitzar i homogeneïtzar els serveis digitals de l’administració pública, que sovint presentaven discrepàncies en disseny i usabilitat entre diferents departaments. Inspirant-se en altres sistemes de disseny consolidats, la Generalitat ha creat una plataforma que facilita la feina dels equips de disseny i desenvolupament en les diferents administracions i organismes públics, assegurant que totes les aplicacions mantinguin una imatge i experiència d’usuari uniforme.

Com implementar un sistema de disseny a la Universitat Politècnica de Catalunya (UPC)?

La UPC compta amb una gran varietat de portals, aplicacions i eines digitals internes desenvolupades per diferents equips al llarg dels anys. Això sovint provoca inconsistències en el disseny i una experiència d’usuari desigual. Implementar un sistema de disseny permetria homogeneïtzar la identitat visual i millorar l’eficiència en el desenvolupament de nous productes digitals.

Amb aquesta base consolidada, el repte de cara al 2025 és la definició i implementació d’un sistema de disseny complet que esdevingui la referència per a tots els equips que desenvolupen aplicacions a la UPC. Aquest sistema no només facilitarà el treball dels diferents professionals implicats en el procés de creació digital, sinó que també assegurarà una experiència més cohesionada i accessible per a tota la comunitat universitària.