En el mundo de la edge computing, Azion lidera el camino, innovando y afrontando los retos con determinación. Entendemos que, para mantener este liderazgo, es esencial una evolución continua, especialmente con la interfaz de usuario (UI) de nuestros productos. Son productos innovadores por naturaleza, pero reconocemos la oportunidad de mejorar nuestra interfaz, haciéndola más unificada y fácil de desarrollar, así como de utilizar, lo que refleja nuestro compromiso con la excelencia y la usabilidad.
A través de la innovación, enfrentamos los desafíos como una oportunidad para optimizar nuestro proceso de desarrollo. Estos desafíos, como los largos ciclos de software y las incoherencias de las interfaces, han elevado nuestro compromiso de aumentar la eficiencia y garantizar experiencias de usuario perfectas.
Nos dimos cuenta de que teníamos que reinventar nuestro producto tanto para los desarrolladores como para los usuarios finales. Para ello, trazamos los objetivos específicos de este proyecto:
- Establecer definiciones de uso claras para los elementos de la interfaz.
- Lograr una interfaz y experiencia de usuario uniformes en toda la plataforma.
- Minimizar la curva de aprendizaje de nuestros productos.
- Acelerar los cronogramas de entrega de la interfaz.
- Agilizar los esfuerzos de validación para las entregas.
- Facilitar procesos de prueba directos y replicables.
La toma de decisiones
La primera decisión implicó abandonar el design system existente, al reconocer sus limitaciones para apoyar una interfaz ya establecida.
Luego, optamos por adoptar una biblioteca de componentes popular en el mercado. La idea era buscar una biblioteca de código abierto que fuera fácil de usar, con una documentación clara y soporte de la comunidad. Tenía que encajar bien con nuestra marca y ser algo que tanto los desarrolladores de software como los socios comerciales apreciaran.
Para acelerar el proyecto, organizamos un hackatón que duró el tiempo de una sprint estándar – lo llamamos “hackasprint”. Durante este evento, exploramos diferentes plataformas, frameworks y bibliotecas que podríamos usar. Elegimos aquellas que eran adecuadas para nuestras necesidades de diseño e ingeniería en Azion.
Explorando tecnologías
Durante nuestra fase de exploración, hicimos pruebas con tecnologías como React e incluso consideramos el uso de Inteligencia Artificial (IA) y Flutter para acelerar nuestro proceso de desarrollo. Además de utilizar bibliotecas de código abierto como PrimeVue, Flowbite, Primer y Carbon Design System, evaluamos cómo la IA podría integrarse en nuestro flujo de trabajo.
Aunque la IA parecía una herramienta prometedora al principio, encontramos desafíos con la adaptación del código generado y su conexión con otros sistemas. Esto nos llevó a volver a un enfoque de codificación más tradicional.
Así que retomamos el proyecto, establecimos algunos principios básicos. Queríamos que el código de nuestra nueva plataforma fuera abierto, fácil de configurar en máquinas locales, capaz de escalar según demanda, fácilmente personalizable y, lo más importante, compatible con nuestra Plataforma de Edge Computing. Priorizamos tener un código limpio y bien organizado desde el principio, junto con una documentación completa. La adhesión a los estándares de diseño de Azion era crucial, y apuntamos a que la prototipación fuera simple e intuitiva.
Construyendo bloques de UI
A medida que avanzábamos, delineamos cuidadosamente cómo se usarían nuestros productos, con diseñadores y desarrolladores de software trabajando en estrecha colaboración para alinear la interfaz con lo que nuestros stakeholders imaginaban. En las reuniones semanales, nos dimos cuenta de que tener un conjunto de bloques de construcción básicos sería realmente útil para nuestros desarrolladores en el futuro, ya que promovería la uniformidad en toda nuestra plataforma.
Para abordar esto, creamos nuestra propia colección de bloques de UI llamada Azion Blocks. Estos bloques fueron diseñados específicamente para los escenarios que identificamos. Aunque nos inspiramos en la biblioteca Prime Blocks de PrimeVue, decidimos no usarla porque no cumplía con nuestras necesidades. Esto se debe a que algunos de nuestros productos son altamente específicos y adaptables, por lo que requieren una biblioteca más amplia de bloques.
Optar por desarrollar los Azion Blocks usando PrimeVue nos permitió ofrecer una solución a la medida que se alinea perfectamente con nuestra visión y las necesidades de nuestros usuarios, lo que garantiza una experiencia de usuario continua y eficiente.
La adopción de los Azion Blocks ya ha mostrado varios resultados positivos:
- Mejora en las entregas de prototipos.
- Reducción de la curva de aprendizaje en el desarrollo de la plataforma.
- Impulsion de una experiencia visual consistente.
- Abordaje de los puntos de dolor de la interfaz.
- Simplificación del diseño del diseño.
Console Kit de Azion: una iniciativa de código abierto
Console Kit de Azion es un kit de desarrollo de software front-end que hemos creado para hacer que el uso de la Plataforma de Edge Computing de Azion sea más fácil y amigable para nuestros usuarios.
En el corazón del Console de Azion se encuentra la API (Application Programming Interface) pública de Azion. Este kit sigue prácticas modernas de software y una arquitectura headless. Es un proyecto de código abierto que trabaja perfectamente con la API REST de Azion, que tiene su propia especificación de API, y también puede conectarse con otras API remotas. Estamos compartiendo el código fuente del nuevo Console de Azion como parte de nuestro esfuerzo por ayudar a nuestros socios comerciales a fortalecer su conexión con Azion.
El Console de Azion ya está disponible, con las mismas funcionalidades de nuestra plataforma anterior, Real-Time Manager (RTM). Nuestro objetivo es migrar a toda nuestra base de usuarios para que utilicen el Console para finales de 2024. Sin embargo, como parte del lanzamiento del Console Kit de Azion, también estamos comprometidos a mantener y dar soporte al Real-Time Manger (RTM), nuestra interfaz actual, así como a actualizar las API más antiguas durante este período de transición. Mientras avanzamos hacia una estructura más moderna, nos esforzamos en garantizar que todo funcione según lo previsto, al tiempo que lanzamos actualizaciones y mantenemos el código base.
Conclusión
Azion se embarcó en un viaje para reformular su interfaz, tomando decisiones estratégicas y adoptando un enfoque nuevo para nuestra tecnología. Al crear nuestros propios bloques de UI y compartir el Console Kit de Azion con la comunidad, no solo estamos abordando los desafíos actuales del desarrollo de software, sino que también establecemos las bases para un futuro más colaborativo y eficiente dentro del sector de edge computing.
En esencia, la reformulación de la interfaz de Azion no fue solo un proyecto: fue un movimiento audaz para redefinir el futuro de nuestro desarrollo de productos y la experiencia del usuario.
Crea tu cuenta para explorar el Console de Azion. Revisa el Console Kit en GitHub y empieza tu proyecto. Puedes conectarte con Azion también a través de las redes sociales y comunicarte directamente con los desarrolladores a través del servidor en Discord.
