Principios Nubola

El mantenimiento de una marca y un diseño UX consistente en todos los puntos de contacto, desde teléfonos móviles hasta dispositivos IoT interconectados, redes sociales, comunicados de prensa y presencia en massive media es de vital importancia por una serie de razones.
Proporciona una experiencia reconocible y disfrutable, que brinda a nuestros públicos usuarios la confianza para explorar más de nuestro ecosistema de aplicaciones.
Aumenta nuestra eficiencia y productividad al permitirnos avanzar más rápido.
Permite que nuestros numerosos servicios se desarrollen colectivamente, en lugar de de forma independiente.
Antes de Nubola, todas nuestras Apps, WebApps y BO fueron diseñadas de manera diferente, lo que resultó en una experiencia de usuario a veces confusa. La creación del Nubola trae consigo una consistencia y una consolidación muy necesarias. Estandariza nuestros cimientos, el manejo de nuestra marca, la grid, la tipografía y la iconografía, así como muchos de nuestros patrones de interacción como cards, mensajes, carruseles, etc. Pero, como cualquier otro idioma, el vocabulario del Sistema Gráfico se ampliará con el tiempo.
Nuestros equipos trabajarán incansablemente para aumentar su flexibilidad mientras se enfocan en la facilidad de uso.
A medida que EatCloud evoluciona, necesita ser más flexible. Un renovado y más extenso ecosistema de aplicativos exige un mayor rango de expresión, por lo tanto, la constante evolución técnica y visual del Sistema Gráfico. Este es un desafío continuo, pero que amamos. Después de todo, somos diseñadores y artistas. Es lo que hacemos; explotar ideas para crear valor.

Diseño escalable

A medida de que un equipo de diseño crece es común que diferentes roles se especialicen, esto puede llevar a una fragmentación del estilo visual, como una Torre de Babel de Diseño, en la que cada diseñador habla su propio idioma. Esto ocurre cuando los diseñadores resuelven problemas de forma individual y no sistemática.

Sin un lenguaje unificado la interfaz de usuario comienza a deteriorarse.

Los mockups son fotos estáticas que rápidamente se quedan desactualizadas. Por eso equipos de diseño construyen Sistemas Gráficos.



Diseño consistente

Componentes estandarizados usados de forma consistente y repetida, crean aplicaciones mas fáciles de comprender para el usuario. Componentes estandarizados tambien le permiten al equipo invertir menos tiempo enfocado en estilos y mas tiempo en desarrollar una mejor experiencia de usuario.



Rápida iteración

Ya sea evolucionando los estilos UI de nuestras Apps, o haciéndole cambios UX al flujo de las mismas, un buen sistema de diseño reduce el esfuerzo de cientos de líneas de código a unas pocas, esto permite iterar sin tanto dolor y experimentar de forma ágil.



Un framework creativo

Los componentes de un sistema de diseño son interdependientes. Esto significa que cuando se realiza un cambio en una ubicación, el cambio se heredará en todo el sistema. Esto hace que las actualizaciones de estilo dentro de un sistema sean triviales en esfuerzo pero mucho más impactantes. Lo que antes eran semanas, si no meses, de trabajo, ahora se puede lograr en una tarde.



Baja deuda técnica

A medida que los equipos envejecen, construyen deuda. No deuda financiera sino deuda técnica y de diseño. Esta deuda se adquiere por construir a corto plazo. La deuda de diseño crece por la abundancia de estilos y convenciones no reusables e inconsistentes y el interés de esta deuda es la tarea imposible de manejarlos. Con el tiempo, la acumulación de esta deuda se convierte en un peso enorme y conlleva a un crecimiento lento.

}

Rápido prototipado

Trabajar con un sistema de diseño nos permite crear flujos de aplicación usando componentes estandarizados como si fueran piezas de lego. Esto nos permite construir muchísimos prototipos y variantes para experimentación, ayudando al equipo a ganar insights y mejor data.

Mejor usabilidad

Convenciones inconsistentes aporrean la usabilidad. Cuando incrementa el CSS para innumerables elementos de interfaz únicos y sus interacciones, también aumentan la carga cognitiva y el peso de la página. Esto hace que la experiencia de usuario sea terrible. También puede generar conflictos entre CSS y JavaScript, rompiendo potencialmente nuestras aplicaciones. Mediante el uso de un sistema de diseño, podemos evitar estos conflictos construyendo una biblioteca holística de componentes, en lugar de hacerlo pagina por página, lo que significa que pasaremos menos tiempo en garantizar la calidad de nuestras apps.

Un buen sistema de diseño une dos conceptos claves: Standars y Componentes.

Standards:

Comprender no solo el qué, sino también el por qué detrás del diseño de un sistema es fundamental para crear una experiencia de usuario excepcional. Definiendo y adheriéndonos a los estándares es cómo creamos ese entendimiento. Hacerlo elimina la subjetividad y la ambigüedad que a menudo crea fricción y confusión dentro de los equipos de productos. Los estándares abarcan tanto el diseño como el desarrollo. Estandarizar elementos como convenciones de nomenclatura, requisitos de accesibilidad y estructura de archivos ayudará a los equipos a trabajar de manera coherente y evitar errores. El lenguaje visual es una parte fundamental de nuestros estándares de diseño. Definir el propósito y estil de color, forma, tipo, iconos, espacio y movimiento es esencial para crear una experiencia de usuario coherente y alineada con la marca. Cada componente de nuestro sistema de diseño debe incorporar estos elementos y estos juegan un papel integral en la expresión de la personalidad de nuestra marca. Sin estándares, las decisiones se vuelven arbitrarias y difíciles de criticar. Esto no solo no escala, sino que crea una experiencia de usuario inconsistente y frustrante.

Componentes:

Los componentes son porciones de código reutilizable dentro de un sistema de diseño y sirven como bloques de construcción de la interfaz de nuestras aplicaciones. Los componentes varían en complejidad. Reducir los componentes a una sola función, como un botón o un menú desplegable, aumenta la flexibilidad, haciéndolos más reutilizables. Los componentes más complejos, como tablas para tipos específicos de datos, pueden servir bien a sus casos específicos de uso, pero esta complejidad limita el número de escenarios aplicables. Cuanto más reutilizables sean los componentes, menos tendremos que mantenerlos y más fácil será la escalarlos.
El desarrollo basado en componentes reduce la sobrecarga técnica al hacer que el código sea reutilizable. Los estándares rigen el propósito, el estilo y el uso de estos componentes.