{"id":39335,"date":"2024-01-09T11:00:33","date_gmt":"2024-01-09T10:00:33","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=39335"},"modified":"2024-01-16T11:13:39","modified_gmt":"2024-01-16T10:13:39","slug":"sistemas-de-diseno-que-son-por-que-son-necesarios-y-como-se-aplican","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/sistemas-de-diseno-que-son-por-que-son-necesarios-y-como-se-aplican\/","title":{"rendered":"Sistemas de dise\u00f1o: qu\u00e9 son, por qu\u00e9 son necesarios y c\u00f3mo se aplican"},"content":{"rendered":"

Seguro que a estas alturas has o\u00eddo hablar sobre los<\/span> sistemas de dise\u00f1o,<\/b> pero \u00bfentendemos exactamente a qu\u00e9 nos referimos? Si te dedicas al desarrollo de productos digitales, te resultar\u00e1 muy \u00fatil conocer qu\u00e9 son, qu\u00e9 ventajas nos aportan en el dise\u00f1o y desarrollo de nuestros proyectos y c\u00f3mo hemos de aplicarlos<\/strong> en nuestro d\u00eda a d\u00eda. \u00a1Vamos con ello!\u00a0<\/span><\/p>\n

\u00bfQu\u00e9 es un sistema de dise\u00f1o?<\/h2>\n

Es un concepto dif\u00edcil de acotar y, sobre todo, de definir en una sola idea. Por ello existen infinidad de definiciones al respecto. Desde las que lo entienden casi como una filosof\u00eda de empresa hasta aquellas que ponen el foco en su lado m\u00e1s pr\u00e1ctico. A continuaci\u00f3n te mostramos una breve recopilaci\u00f3n de aquellas que, desde el equipo de Usabilidad, Dise\u00f1o y Multimedia de hiberus<\/strong>, consideramos m\u00e1s relevantes y que mejor reflejan su identidad.<\/span><\/p>\n

\u201cUn sistema de dise\u00f1o es una colecci\u00f3n de componentes reusables, dirigidos por reglas claras, que pueden combinarse para construir un n\u00famero amplio de aplicaciones.\u201d\u00a0<\/span><\/p>\n

Marco Suarez<\/span> –<\/span> A freelance designer specializing in scaling design for digital products.<\/span><\/i><\/p>\n

\u201cUn sistema de dise\u00f1o es la historia de c\u00f3mo tu organizaci\u00f3n construye productos.\u201d\u00a0<\/span><\/p>\n

Brad Frost<\/span> – Make great web experiences and help others do the same.<\/span><\/i><\/p>\n

\u201cLos sistemas de dise\u00f1o no son \u00fanicamente gu\u00edas de estilos, librer\u00edas de componentes, UI kits, etc. Un buen sistema de dise\u00f1o empodera el cambio en la cultura de tu empresa.\u201d<\/span><\/p>\n

Jina Anne<\/span> – <\/span>Design Systems Advocate.<\/span><\/i><\/p>\n

\u201cUn sistema de dise\u00f1o en lo m\u00e1s fundamental es un conjunto de reglas.\u201d<\/span><\/p>\n

Mina Markham<\/span> – <\/span>She’s actively involved in the tech community, teaching for Black Girls Code and founding the Dallas chapter of Girl Develop It.<\/span><\/i><\/p>\n

Como ves, la diversidad es notable. Todas ellas son v\u00e1lidas, aportando cada una un aspecto distinto que, al juntarlas, crean un todo de enorme valor a implementar en cualquier proceso de creaci\u00f3n y desarrollo de productos digitales.<\/span><\/p>\n

Desde hiberus hemos creado nuestra propia definici\u00f3n tomando como base la idea de Mina Markham, entendiendo un sistema de dise\u00f1o como un conjunto de reglas.\u00a0<\/span><\/p>\n

As\u00ed pues, un sistema de dise\u00f1o es un conjunto de reglas vivo, consensuado y compartido por todas las partes implicadas (dise\u00f1o, desarrollo, cliente y negocio), facilitando entre ellas un flujo de trabajo optimizado, coherente y coordinado, en pro de mejorar la consistencia de nuestros productos y de su crecimiento de forma controlada y coherente<\/strong>.<\/span><\/p>\n

\"Sistemas<\/p>\n

Fuente: Nate Baldwin – https:\/\/natebaldw.in\/#\/articles<\/p>\n

Gu\u00eda de estilos vs sistema de dise\u00f1o<\/h3>\n

Ahora que vamos descubriendo m\u00e1s sobre este concepto, surge la irremediable comparaci\u00f3n con una gu\u00eda de estilos. \u00bfSon lo mismo? La respuesta es no. Son muchas las diferencias entre ambos t\u00e9rminos pero, sobre todo, difieren en dos puntos: su campo de acci\u00f3n y su naturaleza<\/strong>.<\/span><\/p>\n

En cuanto al primero, lo m\u00e1s habitual es que una gu\u00eda de estilos<\/strong> se centre en la correcta representaci\u00f3n visual de la identidad de un producto o marca en los diferentes puntos de contacto con el cliente<\/strong>; por contra, un sistema de dise\u00f1o<\/strong> va un paso m\u00e1s all\u00e1, entendiendo el producto digital como un todo, abarcando todas las facetas que componen la identidad y desarrollo de un producto digital<\/strong>.<\/span><\/p>\n

En cuanto al segundo punto de distinci\u00f3n (naturaleza), una gu\u00eda de estilos<\/strong> nace como un documento estanco y, normalmente, poco flexible a actualizaciones<\/strong>; sin embargo, un sistema de dise\u00f1o<\/strong> es todo lo contrario, se trata de un lenguaje sustentado por unas bases s\u00f3lidas pero din\u00e1mico y flexible<\/strong>, en pro de mejorar la escalabilidad del producto y la adaptabilidad a nuevas necesidades.<\/span><\/p>\n

Por qu\u00e9 es necesario<\/h2>\n

Llegados a este punto son evidentes las razones por las que resulta de vital importancia la implantaci\u00f3n de un sistema de dise\u00f1o en la producci\u00f3n y desarrollo de un producto digital. Enumeremos algunas de las m\u00e1s relevantes:<\/span><\/p>\n