Si et dediques al disseny web és possible que us interessi saber què és un sistema de disseny i com utilitzar-lo en els vostres projectes. Es tracta d'una ajuda extra que et pot donar suport a fer la feina de manera més eficient.
Però per aconseguir això cal que entenguis el concepte de sistema de disseny i com funciona. I d'això mateix és del que et parlarem en aquest article. Fes-li una ullada perquè podria interessar-te.
Què és un sistema de disseny
El primer que heu de tenir en compte a l'hora de conceptualitzar què és un sistema de disseny és que parlem de processos o principis. Aquests serveixen per planificar i construir aquest projecte digital de manera que s'escullen quins són els elements que ha de tenir i s'organitzen dins de l'estructura o l'arquitectura del lloc web per obtenir un resultat.
Perquè et sigui més fàcil entendre-ho, imagina que has de desenvolupar la pàgina web duna empresa. Has de crear la seva estructura i aquesta ha d'estar emplenada de certs components o elements que la conformin. Per exemple, el botó de subscripció, els mòduls de categories de productes, una galeria d'imatges…
Una altra manera de definir el sistema de disseny és com el conjunt de regles que cal tenir en compte a l'hora de realitzar un projecte.
Sí que has de saber que, dins del sistema de disseny, hi haurà tant elements tangibles, com poden ser les eines, els components, els colors…; com a elements no tangibles, com els valors de la marca, les creences, la mentalitat…
Exemples de sistema de disseny
Actualment hi ha tres documents en què es materialitza tota la feina que es duu a terme dins d'un sistema de disseny.
Manual d'identitat
També conegut com a guia d'estil, es tracta d'un document on es recullen totes les referències visuals i de disseny que cal tenir en compte per a una pàgina web.
El tipus de color, la tipografia, els logotips, les paraules afectades i prohibides…. Són alguns dels elements que et trobes dins aquest document.
Llibreria de components
També se'l sol conèixer com a biblioteques de disseny i s'hi sol recollir el nom dels components que s'utilitza, la descripció de què és aquest component i com s'utilitza, els atributs o ajustaments que se'ls fa a aquest component per adaptar-lo a la pàgina web o al disseny web concret, els fragments de codi així com els marcs front-end i back-end.
Biblioteca de patrons
Si bé la biblioteca de patrons podria estar dins de l'anterior, la veritat és que és molt diferent d'aquesta. En aquest document et trobes amb grups d'elements que formen part de la interfície d'usuari, és a dir, dels articles del bloc, dels formularis, del footer…
Com utilitzar un sistema de disseny als teus projectes
Ara que saps que és un sistema de dissenys toca saber com fer-lo servir en els teus projectes. I el primer pas que has de fer és conèixer quins són els objectius que es volen aconseguir amb aquest projecte.
Dit d'una altra manera, necessitareu conèixer el perquè d'aquest projecte per entendre què és el que necessita per dur-se a terme.
Necessitats funcionals i no funcionals
Abans t'hem deixat amb la idea que amb els objectius pots saber què necessita el projecte. I dins d'aquestes necessitats estarien les funcionals, és a dir, aquelles que estan relacionades amb els usuaris i amb l'ús que es pot donar a la pàgina o al projecte; i les no funcionals, que són necessàries per al funcionament correcte del projecte.
Seguint amb l'exemple que t'hem posat abans, si estàs elaborant el disseny web d'una pàgina el que vols és que l'usuari pugui punxar sobre una categoria i que el porti al catàleg de productes que hi són dins. Això seria una necessitat funcional. Mentre que el fet que el hosting funcioni sense que hi hagi errors ni vagi lent seria una necessitat no funcional, però igual o fins i tot més important que l'anterior.
Tipus de sistemes
El següent pas a l'hora de fer servir un sistema de disseny és establir quin és el que seguiràs.
I és que hi ha diferents mètodes, cadascun més o menys adequat. Els més habituals són els següents:
- Disseny arquitectònic, centrat sobretot a l'estructura.
- Disseny físic, compost per tres passos: el disseny de la interfície, el de dades, i el de processos.
- Disseny lògic, en què es representen els fluxos de tot el sistema i les connexions o relacions que hi ha entre ells.
Avantatges i desavantatges d'un sistema de disseny
Tot sistema comporta una sèrie de pros i contres i en el sistema de disseny no seria diferent.
Un dels avantatges que té utilitzar aquest mode de treball és la possibilitat de replicar-lo de manera ràpida per a altres projectes que siguin similars. L'única cosa que hauries de canviar són les característiques, però la base seria la mateixa.
Un altre avantatge és la consistència visual que s'estableix per veure el resultat final. Però també per treballar en equip ja que cadascú es podria enfocar en una determinada àrea coneixent les limitacions que tindria en general el projecte.
Ara bé, el manteniment d'un sistema de disseny no és fàcil i requereix molt de temps tant per ensenyar-ho a altres membres de l'equip com per fer que sigui útil amb el pas dels anys.
A això cal sumar-hi que les tendències van canviant i el sistema de disseny es pot quedar obsolet en molt poc temps amb la qual cosa de vegades no és rendible dur-ho a terme.
Ara que ja saps que és un sistema de disseny i com fer-lo servir en els teus projectes, l'últim pas que et queda és aprendre una mica més sobre ell i aplicar-lo als teus treballs. Hi ha moltes empreses que utilitzen això per treballar com pot ser IBM, Polaris o Airbnb. T'animes a posar-ho en pràctica?