Información acerca de cómo y por qué desarrollamos SLDS
Objetivos de aprendizaje
Después de completar esta unidad, podrá:
- Describir las condiciones que incluyeron en el desarrollo del Salesforce Lightning Design System.
- Explicar los objetivos del equipo del sistema de diseño de SLDS.
Érase una vez
Puede ser difícil de comprender, pero Salesforce no siempre tuvo un sistema de diseño integral. Le invitamos a llegar lejos junto a nosotros y experimentar la historia del origen de lo que es hora Salesforce Lightning Design System (SLDS).
SLDS tomó una ruta indirecta conforme se convertía en el sistema de diseño que es hoy. Evolucionó en respuesta al crecimiento de Salesforce, a los cambios en tecnología y al aumento de las necesidades del usuario. SLDS tuvo que ampliarse para mantenerse al día del rápido crecimiento y cambio. Saber cómo llegó SLDS de allí hasta aquí puede ayudarle a comprender SLDS en la actualidad y hacia dónde iría después.
Nuestra historia comenzó en 2013, dos años antes del lanzamiento de Lightning Experience. Salesforce está creciendo rápidamente, acaba de adquirir ExactTarget y está dispuesto a lanzar su primera versión completamente móvil de la plataforma Salesforce, Salesforce1. En medio del rápido crecimiento, los diseñadores y desarrolladores de la compañía reconocen una necesidad de garantizar experiencias coherentes en todas las aplicaciones Salesforce, y sentar las bases para un sistema de diseño que evoluciona con la compañía y la plataforma.
Y así, con el lanzamiento de Salesforce1, este equipo de valientes visionarios comenzó a documentar una biblioteca de patrones y crear una guía de estilo inicial para los equipos de diseño. El equipo de ingeniería de Salesforce1 selecciona el término tokens de diseño para describir valores de la guía de estilo que funcionan en sistemas operativos nativos y aplicaciones web.
Landmark Design System
¿Sabe cómo utilizan las películas antiguas a veces imágenes del paso rápido de páginas de calendario para reflejar el paso del tiempo? Relájese y vez pasar las páginas y...¡vaya, está en primeros de 2015! Los diseñadores y desarrolladores de Salesforce combinaron la biblioteca de patrones y los tokens con un marco de Hoja de estilos en cascada (CSS) para crear el Landmark Design System.
Para asegurarse de que Landmark Design System funciona con cualquier plataforma, el equipo lo crea alrededor de planos HTML en vez de componentes completamente funcionales, que son más comunes en sistemas de diseño. El sistema también incluye un marco CSS ampliado y los patrones de interacción de interfaz de usuario más amplios que siguen las mejores prácticas de diseño. El resultado es un sistema de diseño cuyos elementos funcionan juntos para producir una experiencia de usuario de alta calidad de manera coherente.
Lightning a velocidad de rayo
Realmente impresionante; pero el equipo de Landmark Design System no se duerme en los laureles. Con el lanzamiento del nuevo sistema de diseño, el equipo rediseña la interfaz de usuario de Salesforce Classic (Aloha) con un lenguaje visual integral denominado Lightning Experience, transformando el aspecto de cada producto clave de Salesforce. Cada vez más equipos de productos eligen Lightning Experience para sus ofertas. Los objetivos del equipo de Landmark Design System para Lightning Experience son:
- Ayudar los usuarios de ventas a vender con mayor rapidez.
- Aumentar la productividad de los usuarios de servicio
- Proporcionar a todos los usuarios una interfaz de usuario moderna.
Sin problemas, ¿verdad?
Un nombre nuevo
En 2015, las directrices de diseño estaban combinadas con el marco de CSS, con el objetivo de hacer más útil el sistema de diseño tanto por diseñadores como desarrolladores. Junto con la implementación, Lightning Experience se amplía de móvil a escritorio. El primer equipo del sistema de diseño de Salesforce también actualiza el marco de Landmark CSS y promueve la adopción en Salesforce.
La adopción de Landmark crece, y el fundador y Director general de Salesforce Marc Benioff adopta su potencial, cambiándole el nombre a Salesforce Lightning Design System (SLDS). A principios de 2016, el marco SLDS CSS se agrega al código principal de Salesforce.
Los vanguardistas de SLDS incluyen Sales Cloud (que comenzaron a utilizar tokens y documentación de guía de estilo en winter 2015), Salesforce Mobile y Service Cloud (summer 2016). Con el aumento de la adopción, los ingenieros de SLDS se asociaron con diseñadores de UX para estandarizar patrones y documentación clave. En respuesta a las solicitudes de clientes, Salesforce lanza el primer sistema de diseño para compañías de código abierto en lightningdesignsystem.com, permitiendo a todos utilizar SLDS.
SLDS hoy y mañana
En 2018, la plataforma Salesforce había adoptado por completo SLDS, que está lanzando actualizaciones periódicas afectando a toda la plataforma Salesforce. Conforme fue creciendo, el sistema de diseño se enfrentó a retos en su misión de ofrecer gestión y asistencia de nivel superior en el paquete cada vez más amplio de productos de Salesforce. Mantener una experiencia de usuario coherente para los clientes, a pesar de haber crecido cinco veces en tres años, significó considerar detenidamente varias adquisiciones, productos nuevos, cambios tecnológicos y de prioridades con cada versión principal. El equipo de SLDS no solo apunta a actualizar patrones en cada versión nueva, sino a consolidar e incorporar los nuevos elementos de diseño en todas sus carteras de productos a SLDS, de modo que los clientes disfruten de una experiencia uniforme de manera continua.
Pero en general, SLDS recibió una acogida positiva, con números crecientes de clientes y socios adoptando el sistema y la replicación de elementos de sus conceptos y modelo de regulación en sus propias organizaciones. El equipo del sistema de diseño solicita constantemente comentarios y actualiza el sistema para atender las necesidades tanto de clientes como colaboradores. Y a medida que surjan nuevos retos, como el crecimiento corporativo exponencial, SLDS evolucionará de forma responsable para enfrentarlos, sin dejar de lado su visión de experiencia uniforme.
Recursos