¡Nuestro "Lunch Meet" más reciente, una serie de aprendizaje liderada por el equipo de SoCreate, puede haber sido el más colorido hasta ahora! El desarrollador de experiencia al usuario Lauren Spence tomó la palabra para dar a conocer al equipo las prácticas de avanzada que se utilizan en cuanto al UX de los proyectos de SoCreate. Mientras el resto de nosotros satisfacía nuestros apetitos con un almuerzo con servicio de catering, Lauren satisfizo nuestros sentidos visuales con su presentación sobre SoCreate Color System.
El Sistema de Color es un método innovador que controla y tematiza los colores en todas las aplicaciones que desarrollamos. El sistema añade capas y reglas encima del CSS llano, dándonos un sistema que es fácil de usar, fácil de documentar y fácil de tematizar. Está incorporado en una biblioteca de propiedades personalizadas de CSS, cada una con un nombre único para su uso sugerido.
"Con esta biblioteca de nombres de colores únicos, podemos seleccionar fácilmente el color correcto para cualquier propósito y cambiar los colores con seguridad sin efectos no deseados", explicó Lauren. "Disponemos de un amplio catálogo de colores con la app, una especie de "guía de estilo" integrada en el código".
Además, gracias al poder de las Propiedades Personalizadas, Lauren explicó que podíamos establecer temas en la aplicación casi sin esfuerzo adicional por parte del desarrollador. ¡Una situación en la que todos ganan!
El sistema de color tiene triple benefico ya que este fue creado para resolver varios problemas a los que se enfrentan muchos desarrolladores de experiencia del usuario:
Fácil toma de decisiones, a través de nuestro catálogo de colores globales. Cualquiera de los dos desarrolladores que creen un nuevo componente puede tomar fácilmente la misma decisión sobre qué color usar.
Tematización sin esfuerzo. Donde antes necesitábamos crear manualmente un tema para cada componente de la aplicación, ahora obtenemos temas gratis gracias a la potencia de las Propiedades Personalizadas de CSS.
Texto inseparable. El texto nunca se volverá ilegible (y por lo tanto su app inutilizable), debido a la falta de contraste de color. Logramos esto mediante el control estricto de los colores de fondo en la aplicación, y mediante la documentación de los colores sobre cada fondo, de modo que cuando introducimos un nuevo color, es fácil ver si se separaría a cualquier nivel.
Lauren comentó que el equipo de UX de SoCreate está encantado de explorar más las Propiedades Personalizadas de CSS. Es un enfoque bastante nuevo. Los desarrolladores que necesitan preocuparse por el soporte de navegadores antiguos no han podido usar y experimentar con las Propiedades Personalizadas de CSS durante mucho tiempo.
"Esto significa que estamos a la vanguardia de la exploración del poder de esta tecnología y creemos que hemos creado una manera realmente genial de aprovechar su poder".
Estar a la vanguardia … sí, ¡suena como SoCreate! Estoy continuamente impresionado con la furiosa curiosidad de nuestro equipo: ¿cómo podemos hacer esto mejor, más rápido o diferente?
Se trata de preguntas que todos debemos hacernos en nuestra búsqueda por seguir aprendiendo.
¡Vamos, equipo, vamos!