¿Cómo diseñar sistemas, Wut?

May 02 2023
Resumen rápido: esta lectura proporciona una breve historia de los sistemas de diseño. Una línea de tiempo: durante la década de 1960, la tecnología informática avanzó más rápidamente que la programación de software.
Diseño por: www.knapsack.cloud

Resumen rápido: esta lectura proporciona una breve historia de los sistemas de diseño.

Una línea de tiempo:

Durante la década de 1960, la tecnología informática avanzó más rápidamente que la programación de software. Las computadoras se volvieron más rápidas y baratas, pero el desarrollo de software siguió siendo lento, difícil de mantener y propenso a errores. Esta situación se denominó " crisis del software " y planteó un dilema sobre qué hacer a continuación.

En la Conferencia de la OTAN sobre Ingeniería de Software en 1968, Douglas McIlroy propuso el desarrollo basado en componentes como solución al problema. Este enfoque permite a los programadores acelerar su trabajo al reutilizar el código, haciéndolo más eficiente y fácil de escalar.

Fotografía de la conferencia por isthisit.nz

El diseño por defecto no es escalable porque el diseño es único para cada solución para diferentes problemas.

Sin embargo, en 2005, Jenifer Tidwell publicó el aclamado libro de O'Reilly, Designing Interfaces . Tidwell amplió el trabajo que había comenzado cinco años antes en el MIT, trabajando en lenguajes de patrones. En su libro, Tidwell compiló soluciones de diseño comunes en una serie de patrones reutilizables, desde 'formularios' hasta 'menús' y 'navegación'. Estos patrones, cuando se aplicaron al diseño digital, proporcionaron una forma predecible de crear interfaces que resultaron familiares e intuitivas para las personas que las usaron. El pensamiento de Tidwell formó la base para un enfoque más deliberado de los sistemas de diseño. Para los desarrolladores web, esto comenzó con la organización y reutilización del código de manera más efectiva.

Jennifer Tidwell Linkedin

En 2006, Yahoo! lanzó su biblioteca de interfaz de usuario de Yahoo (YUI) como software de código abierto. YUI es "un conjunto de utilidades y controles, escritos en JavaScript, para crear aplicaciones web ricamente interactivas". YUI más tarde también incluyó elementos de CSS. Consistía en una serie de componentes que podían mezclarse y combinarse en las páginas. Juntos, podrían usarse para crear aplicaciones Web 2.0 dinámicas. ¡Yahoo! El equipo lo usó internamente para crear páginas orientadas al usuario como My Yahoo!

https://clarle.github.io/yui3/

Durante años, YUI sirvió como guía para los desarrolladores al proporcionar un enfoque práctico basado en código de los principios del diseño de interfaz establecidos por Jennifer Tidwell y otros. YUI tomó soluciones de diseño comunes y las abstrajo para hacerlas reutilizables en diferentes páginas y sitios web. El resultado fue un conjunto de patrones de interfaz que se podían mezclar y combinar en diferentes interfaces.

En 2014, Google presentó Material Design , que fue el primero al que la empresa se refirió como un "lenguaje de diseño". La versión anterior se llamaba "Tema Holo". Pronto, otras empresas también comenzaron a utilizar el término “lenguaje de diseño”.

Color dinámico por m3.material.io

Esta es la extensa historia de Design System. Además, he incluido algunos enlaces útiles a Design Systems que mantiene su organización:-

  • Interfaz de usuario de Onsen
  • Sistema de diseño de carbono
  • estrella polar

PS/FYI: Crear y mantener un sistema de diseño extenso puede ser una tarea desafiante para una sola persona. Si usted es un diseñador que lee esto, se recomienda que se concentre en crear una biblioteca de componentes para su diseño individual y deje el desarrollo y mantenimiento de un sistema de diseño a corporaciones que tengan los recursos para ello.