{"id":210,"date":"2019-03-25T15:42:57","date_gmt":"2019-03-25T21:42:57","guid":{"rendered":"https:\/\/www.tesseractspace.com\/blog\/?p=210"},"modified":"2019-04-12T17:55:03","modified_gmt":"2019-04-12T22:55:03","slug":"sistemas-de-diseno","status":"publish","type":"post","link":"https:\/\/www.tesseractspace.com\/blog\/sistemas-de-diseno\/","title":{"rendered":"Sistemas de Dise\u00f1o"},"content":{"rendered":"\n

En la medida que el dise\u00f1o se vuelve m\u00e1s importante para las empresas tambi\u00e9n es necesario que se vuelva m\u00e1s escalable y flexible. Los Sistemas de Dise\u00f1o (Design Systems<\/em>) son una manera de crear soluciones para la gesti\u00f3n y el mantenimiento del dise\u00f1o de un producto. <\/h4>\n\n\n\n

El dise\u00f1o visual e interactivo de un producto digital no es ni un hito en un proyecto ni algo que se hace solo una vez. Conforme el producto madure y evolucione, su dise\u00f1o debe madurar y evolucionar con \u00e9l, especialmente si sabemos que el dise\u00f1o es un componente importante en el retorno de inversi\u00f3n de un producto digital.<\/p>\n\n\n\n

Si dise\u00f1ar algo por primera vez es complejo, darle mantenimiento a ese dise\u00f1o es todav\u00eda m\u00e1s complejo, ya que al agregar nuevas funcionalidades tambi\u00e9n se agregar\u00e1n nuevas formas para que el usuario interact\u00fae con el producto, muchas de las cuales seguramente no fueron consideradas en el dise\u00f1o original. Tambi\u00e9n es necesario considerar las complejidades log\u00edsticas en el mantenimiento del dise\u00f1o, cuando las personas que forman parte del equipo de dise\u00f1o cambien de rol o dejen la empresa.<\/p>\n\n\n\n

Para lidiar con los problemas de la gesti\u00f3n del dise\u00f1o, las empresas generalmente hacen tres cosas:<\/p>\n\n\n\n

  1. Aumentan el n\u00famero de personas en el equipo de dise\u00f1o, o<\/li>
  2. Dividen un equipo de dise\u00f1o grande en varios equipos peque\u00f1os que se especializan en una parte del producto, o<\/li>
  3. Contratan freelancers<\/em> o proveedores externos para ayudar con el exceso de trabajo.<\/li><\/ol>\n\n\n\n

    Lamentablemente ninguna de las tres escala limpiamente<\/strong>, ya que generan costos y trabajo de gesti\u00f3n adicional. Los equipos muy grandes o descentralizados tambi\u00e9n tendr\u00e1n problemas para comunicar prioridades, manejar cambios en el dise\u00f1o, lo que a la larga producir\u00e1 inconsistencias en el dise\u00f1o que afectar\u00e1n la experiencia de los usuarios finales y crear\u00e1n una deuda t\u00e9cnica<\/strong> que eventualmente ser\u00e1 insostenible.<\/p>\n\n\n\n

    \"\"<\/a>
    Inventario de Interfaz de un sitio web, en el que es posible ver la cantidad enorme de estilos para un bot\u00f3n. Esta falta de consistencia hace m\u00e1s lento y costo el mantenimiento del dise\u00f1o, y compromete la experiencia del usuario final. Cr\u00e9dito<\/em>: Brad Frost<\/em><\/a><\/figcaption><\/figure><\/div>\n\n\n\n

    Gu\u00edas de Estilo vs<\/em> Sistemas de Dise\u00f1o <\/h3>\n\n\n\n

    Entender que es un Sistema de Dise\u00f1o<\/strong> (y qu\u00e9 no es) es el primer paso para hacer una gesti\u00f3n eficiente del dise\u00f1o. Lo primero es entender que una gu\u00eda de estilo no es un sistema de dise\u00f1o<\/strong>. Las gu\u00edas de estilo se refieren a una parte visual de la experiencia sobre el uso de tipograf\u00edas, colores y sobre el tono y la voz de la marca. <\/p>\n\n\n\n

    Un sistema de dise\u00f1o<\/strong> puede estar basado en una gu\u00eda de estilo, pero debe ir m\u00e1s all\u00e1, para cubrir adem\u00e1s del dise\u00f1o visual tambi\u00e9n el dise\u00f1o interactivo, emocional y los elementos para la implementaci\u00f3n del dise\u00f1o, es decir, el c\u00f3digo que vuelve el dise\u00f1o tangible<\/em>.<\/p>\n\n\n\n

    \u00abUn sistema de dise\u00f1o es una serie de patrones interconectados y pr\u00e1cticas de dise\u00f1o organizadas de manera coherente para crear productos digitales\u00bb<\/p>Alla Kholmatova, Design Systems<\/strong><\/cite><\/blockquote>\n\n\n\n

    El sistema de dise\u00f1o debe ser una referencia y una gu\u00eda que permita que el trabajo de dise\u00f1o sea un proceso colaborativo, no de aportaciones individuales, que permita tener un lenguaje unificado y que funcione para documentar desde el principio los estilos y patrones que se utilizar\u00e1n.<\/p>\n\n\n\n

    Elementos de un sistema de dise\u00f1o<\/h3>\n\n\n\n

    En el centro de un sistema de dise\u00f1o, adem\u00e1s de las gu\u00edas de estilo, encontraremos:<\/p>\n\n\n\n